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/manager.js b/.storybook/manager.js index 654fba3bd9a..4479cb1efef 100644 --- a/.storybook/manager.js +++ b/.storybook/manager.js @@ -7,14 +7,14 @@ import logo from "./assets/logo.svg"; import pkg from "./package.json"; // Load global styles -import "@spectrum-css/vars/css/globals/index.css"; -import "@spectrum-css/vars/css/components/index.css"; - -import "@spectrum-css/vars/css/scales/spectrum-medium.css"; -import "@spectrum-css/vars/css/themes/spectrum-light.css"; +import "@spectrum-css/vars/dist/spectrum-global.css"; +import "@spectrum-css/vars/dist/spectrum-light.css"; +import "@spectrum-css/vars/dist/spectrum-medium.css"; import "./global.js"; +import "@spectrum-css/tokens"; + addons.setConfig({ theme: create({ base: "light", diff --git a/.storybook/package.json b/.storybook/package.json index ee7cda11590..02e5ea8c99b 100644 --- a/.storybook/package.json +++ b/.storybook/package.json @@ -85,6 +85,21 @@ "{workspaceRoot}/storybook-static" ] }, + "storybook": { + "dependsOn": [ + "^build" + ], + "inputs": [ + "{workspaceRoot}/assets", + "{workspaceRoot}/decorators", + "{workspaceRoot}/*.js", + "{workspaceRoot}/*.html", + "{projectRoot}/components/*/dist" + ], + "outputs": [ + "{workspaceRoot}/storybook-static" + ] + }, "clean": { "inputs": [ "{workspaceRoot}/storybook-static" 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/.storybook/preview.js b/.storybook/preview.js index d7de377910c..fcd4a8e51db 100644 --- a/.storybook/preview.js +++ b/.storybook/preview.js @@ -25,6 +25,7 @@ import "@spectrum-css/vars/dist/spectrum-dark.css"; import "@spectrum-css/vars/dist/spectrum-darkest.css"; import "@spectrum-css/vars/dist/spectrum-light.css"; +import "@spectrum-css/vars/dist/components/index.css"; import "@spectrum-css/vars/dist/spectrum-global.css"; import "@spectrum-css/expressvars/dist/spectrum-large.css"; @@ -34,6 +35,7 @@ import "@spectrum-css/expressvars/dist/spectrum-dark.css"; import "@spectrum-css/expressvars/dist/spectrum-darkest.css"; import "@spectrum-css/expressvars/dist/spectrum-light.css"; +import "@spectrum-css/expressvars/dist/components/index.css"; import "@spectrum-css/expressvars/dist/spectrum-global.css"; import "@spectrum-css/tokens"; 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/actionbar/package.json b/components/actionbar/package.json index 42b481f52e5..dbe02780a1b 100644 --- a/components/actionbar/package.json +++ b/components/actionbar/package.json @@ -20,7 +20,7 @@ "peerDependencies": { "@spectrum-css/actionbutton": ">=5", "@spectrum-css/actiongroup": ">=3", - "@spectrum-css/closebutton": ">=3", + "@spectrum-css/closebutton": ">=4", "@spectrum-css/fieldlabel": ">=7", "@spectrum-css/icon": ">=4", "@spectrum-css/popover": ">=5 <=6", diff --git a/components/alertbanner/package.json b/components/alertbanner/package.json index 1db6b180430..a3832f3dc0d 100644 --- a/components/alertbanner/package.json +++ b/components/alertbanner/package.json @@ -18,7 +18,7 @@ "build": "gulp" }, "peerDependencies": { - "@spectrum-css/closebutton": ">=3", + "@spectrum-css/closebutton": ">=4", "@spectrum-css/divider": ">=2.0.25", "@spectrum-css/icon": ">=4", "@spectrum-css/tokens": ">=13" diff --git a/components/buttongroup/package.json b/components/buttongroup/package.json index a3dbc63d0b6..aa4cbaad57d 100644 --- a/components/buttongroup/package.json +++ b/components/buttongroup/package.json @@ -18,7 +18,7 @@ "build": "gulp" }, "peerDependencies": { - "@spectrum-css/button": ">=10", + "@spectrum-css/button": ">=11", "@spectrum-css/tokens": ">=13" }, "devDependencies": { diff --git a/components/coachmark/package.json b/components/coachmark/package.json index b63491a9437..43706e60714 100644 --- a/components/coachmark/package.json +++ b/components/coachmark/package.json @@ -18,7 +18,7 @@ "build": "gulp" }, "peerDependencies": { - "@spectrum-css/button": ">=10", + "@spectrum-css/button": ">=11", "@spectrum-css/vars": ">=9" }, "devDependencies": { diff --git a/components/colorhandle/package.json b/components/colorhandle/package.json index 1922f1560d2..4adc3d60e8e 100644 --- a/components/colorhandle/package.json +++ b/components/colorhandle/package.json @@ -19,7 +19,7 @@ }, "peerDependencies": { "@spectrum-css/colorloupe": ">=3", - "@spectrum-css/opacitycheckerboard": ">=1.0.0-alpha.0", + "@spectrum-css/opacitycheckerboard": ">=1", "@spectrum-css/tokens": ">=13" }, "devDependencies": { 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 Pゴシック', '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/menu/package.json b/components/menu/package.json index bab2bb384c9..4046af7ca03 100644 --- a/components/menu/package.json +++ b/components/menu/package.json @@ -22,7 +22,7 @@ "@spectrum-css/divider": ">=2", "@spectrum-css/icon": ">=4", "@spectrum-css/switch": ">=4", - "@spectrum-css/tokens": ">=11.1.0" + "@spectrum-css/tokens": ">=13" }, "devDependencies": { "@spectrum-css/checkbox": "^8.0.0", diff --git a/components/opacitycheckerboard/package.json b/components/opacitycheckerboard/package.json index c006d6e06e1..8e9d93bdaaf 100644 --- a/components/opacitycheckerboard/package.json +++ b/components/opacitycheckerboard/package.json @@ -19,7 +19,7 @@ "clean": "rimraf dist" }, "peerDependencies": { - "@spectrum-css/tokens": ">=13.0.0" + "@spectrum-css/tokens": ">=13" }, "devDependencies": { "@spectrum-css/component-builder-simple": "^2.0.17", diff --git a/components/pagination/package.json b/components/pagination/package.json index e23d4aa62dd..26dafd95389 100644 --- a/components/pagination/package.json +++ b/components/pagination/package.json @@ -19,7 +19,7 @@ }, "peerDependencies": { "@spectrum-css/actionbutton": ">=5", - "@spectrum-css/button": ">=10", + "@spectrum-css/button": ">=11", "@spectrum-css/icon": ">=4", "@spectrum-css/splitbutton": ">=5", "@spectrum-css/textfield": ">=5", diff --git a/components/splitbutton/index.css b/components/splitbutton/index.css index 97543394091..d8609ded0f5 100644 --- a/components/splitbutton/index.css +++ b/components/splitbutton/index.css @@ -10,8 +10,6 @@ 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"; - .spectrum-SplitButton { --spectrum-splitbutton-trigger-border-left: 0; --spectrum-splitbutton-trigger-min-width: 0; diff --git a/components/splitbutton/package.json b/components/splitbutton/package.json index ccccc6066d7..115f51b6669 100644 --- a/components/splitbutton/package.json +++ b/components/splitbutton/package.json @@ -18,7 +18,7 @@ "build": "gulp" }, "peerDependencies": { - "@spectrum-css/button": ">=10", + "@spectrum-css/button": ">=11", "@spectrum-css/vars": ">=9" }, "devDependencies": { diff --git a/components/swatch/package.json b/components/swatch/package.json index c0b37369b89..8a41314bf13 100644 --- a/components/swatch/package.json +++ b/components/swatch/package.json @@ -18,7 +18,7 @@ "build": "gulp" }, "peerDependencies": { - "@spectrum-css/opacitycheckerboard": ">=1.0.0-alpha.0", + "@spectrum-css/opacitycheckerboard": ">=1", "@spectrum-css/tokens": ">=13" }, "devDependencies": { diff --git a/components/swatchgroup/package.json b/components/swatchgroup/package.json index 3d14440e5b0..57c93edddb5 100644 --- a/components/swatchgroup/package.json +++ b/components/swatchgroup/package.json @@ -18,8 +18,8 @@ "build": "gulp" }, "peerDependencies": { - "@spectrum-css/swatch": ">=4", - "@spectrum-css/tokens": ">=8" + "@spectrum-css/swatch": ">=5", + "@spectrum-css/tokens": ">=13" }, "devDependencies": { "@spectrum-css/component-builder-simple": "^2.0.17", diff --git a/components/thumbnail/package.json b/components/thumbnail/package.json index 205c79e50a1..d14c47292b2 100644 --- a/components/thumbnail/package.json +++ b/components/thumbnail/package.json @@ -18,7 +18,7 @@ "build": "gulp" }, "peerDependencies": { - "@spectrum-css/opacitycheckerboard": ">=1.0.0-alpha.0", + "@spectrum-css/opacitycheckerboard": ">=1", "@spectrum-css/tokens": ">=13" }, "devDependencies": { diff --git a/components/toast/package.json b/components/toast/package.json index 18431ad5ee5..17679d8c924 100644 --- a/components/toast/package.json +++ b/components/toast/package.json @@ -18,10 +18,10 @@ "build": "gulp" }, "peerDependencies": { - "@spectrum-css/button": ">=10", - "@spectrum-css/closebutton": ">=3", + "@spectrum-css/button": ">=11", + "@spectrum-css/closebutton": ">=4", "@spectrum-css/icon": ">=4", - "@spectrum-css/tokens": ">=10" + "@spectrum-css/tokens": ">=13" }, "devDependencies": { "@spectrum-css/button": "^11.0.14", diff --git a/components/tooltip/package.json b/components/tooltip/package.json index 20376ba385d..3a2aaed6dd7 100644 --- a/components/tooltip/package.json +++ b/components/tooltip/package.json @@ -19,7 +19,7 @@ }, "peerDependencies": { "@spectrum-css/icon": ">=4", - "@spectrum-css/tokens": ">=10.0.0" + "@spectrum-css/tokens": ">=13" }, "devDependencies": { "@spectrum-css/component-builder-simple": "^2.0.17", diff --git a/components/tray/package.json b/components/tray/package.json index 55821dc097c..d42b3a3713a 100644 --- a/components/tray/package.json +++ b/components/tray/package.json @@ -18,7 +18,7 @@ "build": "gulp" }, "peerDependencies": { - "@spectrum-css/button": ">=10", + "@spectrum-css/button": ">=11", "@spectrum-css/icon": ">=4", "@spectrum-css/modal": ">=3", "@spectrum-css/tokens": ">=13" 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 Pゴシック', '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..8ad871feebf 100644 --- a/package.json +++ b/package.json @@ -30,7 +30,7 @@ "build:site": "gulp buildDocs -LLL", "cache:clean": "nx reset", "ci": "yarn build:all", - "ci:storybook": "nx run-many --projects @spectrum-css/preview --target build", + "ci:storybook": "nx run-many --projects @spectrum-css/preview --target storybook", "clean": "yarn cache:clean && run-p clean:*", "clean:components": "lerna exec --scope \"${SCOPE:-@spectrum-css/*}\" --ignore \"@spectrum-css/{*-builder*,preview,generator}\" -- rimraf dist", "clean:docs": "rimraf dist", @@ -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/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/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/tools/component-builder-simple/index.js b/tools/component-builder-simple/index.js index 25497cf8f7d..a26cbb1eef7 100644 --- a/tools/component-builder-simple/index.js +++ b/tools/component-builder-simple/index.js @@ -31,10 +31,6 @@ const build = gulp.series(clean, css.buildCSS, function copyIndex() { .pipe(gulp.dest("dist/")); }); -exports.default = build; -exports.build = build; -exports.buildLite = build; -exports.buildMedium = build; -exports.buildHeavy = build; +exports.default = exports.build = build; exports.clean = clean; exports.buildCSS = build; diff --git a/tools/component-builder/README.md b/tools/component-builder/README.md index 0e06109ee97..959a618fd95 100644 --- a/tools/component-builder/README.md +++ b/tools/component-builder/README.md @@ -10,8 +10,6 @@ The following tasks are available: - `gulp clean` - Clean everything - `gulp build` - Build everything -- `gulp buildLite` - Clean, then build CSS custom properties only (`index.vars`) -- `gulp buildHeavy` - Clean, then build CSS for all strategies - `gulp buildCSS` - Build CSS for all strategies - `gulp buildDocs` - Build documentation only diff --git a/tools/component-builder/index.js b/tools/component-builder/index.js index fa5e3158e82..558c6bab249 100644 --- a/tools/component-builder/index.js +++ b/tools/component-builder/index.js @@ -20,19 +20,7 @@ function clean() { return del("dist/*"); } -const build = gulp.series(clean, gulp.parallel(css.buildVars, docs.buildDocs)); - -const buildLite = gulp.series(clean, css.buildIndexVars); - -const buildMedium = gulp.series(clean, css.buildVars); - -const buildHeavy = gulp.series(clean, css.buildCSS); - -exports.default = build; -exports.build = build; -exports.buildLite = buildLite; -exports.buildMedium = buildMedium; -exports.buildHeavy = buildHeavy; +exports.default = exports.build = gulp.series(clean, gulp.parallel(css.buildVars, docs.buildDocs)); exports.clean = clean; exports.buildCSS = css.buildCSS; diff --git a/yarn.lock b/yarn.lock index 7ca147267bb..9a9ea624dc5 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" @@ -1952,9 +1942,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,12 +1970,12 @@ 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" @@ -1995,67 +1985,67 @@ "@nx/devkit" "17.0.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/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.0.3": version "17.0.3" @@ -2690,6 +2680,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" @@ -5150,9 +5150,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" @@ -6051,9 +6051,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" @@ -7577,15 +7577,15 @@ env-paths@^2.2.0: integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A== envinfo@^7.7.3: - 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== +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== + equal-length@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/equal-length/-/equal-length-1.0.1.tgz#21ca112d48ab24b4e1e7ffc0e5339d31fdfc274c" @@ -12631,13 +12631,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 +12661,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,15 +12672,15 @@ 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" + "@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.0.3, nx@^17.0.3: version "17.0.3" @@ -15354,13 +15354,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"