@spectrum-web-components/styles
Version:
Spectrum Web Components are a [`LitElement`](https://lit-element.polymer-project.org) powered web component library of patterns built ontop of the [Spectrum CSS](https://opensource.adobe.com/spectrum-css) specification. Styles for these components are mad
1,876 lines (1,873 loc) • 77 kB
CSS
/*
Copyright 2020 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.
*/
/* stylelint-disable */
:host,
: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-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-focus-ring-radius-default: var(
--spectrum-global-dimension-static-size-115
);
--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-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-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-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-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-l-emphasized-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-l-emphasized-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--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-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-m-emphasized-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-m-emphasized-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-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-s-emphasized-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-s-emphasized-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--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-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-xl-emphasized-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-xl-emphasized-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-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-l-quiet-emphasized-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-l-quiet-emphasized-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--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-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-m-quiet-emphasized-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-m-quiet-emphasized-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-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-s-quiet-emphasized-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-s-quiet-emphasized-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--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-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-xl-quiet-emphasized-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-xl-quiet-emphasized-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-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-l-quiet-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-l-quiet-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--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-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-m-quiet-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-m-quiet-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-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-s-quiet-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-s-quiet-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--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-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-xl-quiet-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-xl-quiet-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-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-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--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-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-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-m-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-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-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--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-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-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-actionbutton-xl-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-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-breadcrumb-compact-item-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-breadcrumb-compact-button-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-breadcrumb-item-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-breadcrumb-button-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-breadcrumb-multiline-item-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-breadcrumb-multiline-button-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-l-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-l-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-m-min-width: 90px;
--spectrum-button-cta-m-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-m-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-m-textonly-min-width: 90px;
--spectrum-button-cta-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-s-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-s-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-xl-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-cta-xl-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-l-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-l-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-m-min-width: 90px;
--spectrum-button-over-background-m-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-m-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-m-textonly-min-width: 90px;
--spectrum-button-over-background-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-s-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-s-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-xl-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-over-background-xl-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-l-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-l-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-m-min-width: 90px;
--spectrum-button-quiet-over-background-m-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-m-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-m-textonly-min-width: 90px;
--spectrum-button-quiet-over-background-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-s-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-s-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-xl-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-over-background-xl-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-l-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-l-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-m-min-width: 90px;
--spectrum-button-primary-m-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-m-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-m-textonly-min-width: 90px;
--spectrum-button-primary-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-s-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-s-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-xl-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-primary-xl-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-l-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-l-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-m-min-width: 90px;
--spectrum-button-quiet-primary-m-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-m-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-m-textonly-min-width: 90px;
--spectrum-button-quiet-primary-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-s-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-s-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-xl-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-primary-xl-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-l-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-l-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-m-min-width: 90px;
--spectrum-button-quiet-secondary-m-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-m-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-m-textonly-min-width: 90px;
--spectrum-button-quiet-secondary-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-s-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-s-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-xl-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-secondary-xl-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-l-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-l-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-m-min-width: 90px;
--spectrum-button-secondary-m-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-m-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-m-textonly-min-width: 90px;
--spectrum-button-secondary-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-s-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-s-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-xl-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-secondary-xl-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-l-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-l-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-m-min-width: 90px;
--spectrum-button-quiet-warning-m-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-m-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-m-textonly-min-width: 90px;
--spectrum-button-quiet-warning-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-s-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-s-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-xl-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-quiet-warning-xl-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-l-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-l-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-m-min-width: 90px;
--spectrum-button-warning-m-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-m-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-m-textonly-min-width: 90px;
--spectrum-button-warning-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-s-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-s-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-xl-textonly-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-button-warning-xl-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-checkbox-l-emphasized-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-s-emphasized-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-l-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-s-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-colorslider-touch-hit-y: var(
--spectrum-global-dimension-size-85
);
--spectrum-colorslider-vertical-touch-hit-x: 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-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-max-width: var(
--spectrum-global-dimension-static-size-5000
);
--spectrum-dialog-confirm-title-text-size: var(
--spectrum-global-dimension-font-size-200
);
--spectrum-dialog-confirm-description-text-size: var(
--spectrum-global-dimension-font-size-75
);
--spectrum-dialog-confirm-padding: var(
--spectrum-global-dimension-static-size-300
);
--spectrum-dialog-confirm-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-title-text-size: var(
--spectrum-global-dimension-font-size-200
);
--spectrum-dialog-destructive-description-text-size: var(
--spectrum-global-dimension-font-size-75
);
--spectrum-dialog-destructive-padding: var(
--spectrum-global-dimension-static-size-300
);
--spectrum-dialog-destructive-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-title-text-size: var(
--spectrum-global-dimension-font-size-200
);
--spectrum-dialog-error-description-text-size: var(
--spectrum-global-dimension-font-size-75
);
--spectrum-dialog-error-padding: var(
--spectrum-global-dimension-static-size-300
);
--spectrum-dialog-error-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-title-text-size: var(
--spectrum-global-dimension-font-size-200
);
--spectrum-dialog-info-description-text-size: var(
--spectrum-global-dimension-font-size-75
);
--spectrum-dialog-info-padding: var(
--spectrum-global-dimension-static-size-300
);
--spectrum-dialog-info-description-margin-bottom: var(
--spectrum-global-dimension-static-size-500
);
--spectrum-icon-arrow-down-small-height: 12px;
--spectrum-icon-arrow-left-medium-height: 12px;
--spectrum-icon-checkmark-medium-width: 16px;
--spectrum-icon-checkmark-medium-height: 16px;
--spectrum-icon-checkmark-small-width: 12px;
--spectrum-icon-checkmark-small-height: 12px;
--spectrum-icon-chevron-down-medium-width: 12px;
--spectrum-icon-chevron-left-large-width: 16px;
--spectrum-icon-chevron-left-medium-height: 12px;
--spectrum-icon-chevron-right-large-width: 16px;
--spectrum-icon-chevron-right-medium-height: 12px;
--spectrum-icon-cross-large-width: 16px;
--spectrum-icon-cross-large-height: 16px;
--spectrum-icon-dash-small-width: 12px;
--spectrum-icon-dash-small-height: 12px;
--spectrum-icon-skip-left-width: 10px;
--spectrum-icon-skip-left-height: 12px;
--spectrum-icon-skip-right-width: 10px;
--spectrum-icon-skip-right-height: 12px;
--spectrum-icon-triplegripper-width: 12px;
--spectrum-meter-negative-m-border-radius: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-meter-negative-m-over-background-border-radius: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-meter-negative-s-border-radius: var(
--spectrum-global-dimension-static-size-40
);
--spectrum-meter-negative-s-over-background-border-radius: var(
--spectrum-global-dimension-static-size-40
);
--spectrum-meter-negative-xl-border-radius: var(
--spectrum-global-dimension-static-size-75
);
--spectrum-meter-negative-xl-over-background-border-radius: var(
--spectrum-global-dimension-static-size-75
);
--spectrum-meter-notice-m-border-radius: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-meter-notice-m-over-background-border-radius: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-meter-notice-s-border-radius: var(
--spectrum-global-dimension-static-size-40
);
--spectrum-meter-notice-s-over-background-border-radius: var(
--spectrum-global-dimension-static-size-40
);
--spectrum-meter-notice-xl-border-radius: var(
--spectrum-global-dimension-static-size-75
);
--spectrum-meter-notice-xl-over-background-border-radius: var(
--spectrum-global-dimension-static-size-75
);
--spectrum-meter-positive-m-border-radius: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-meter-positive-m-over-background-border-radius: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-meter-positive-s-over-background-border-radius: var(
--spectrum-global-dimension-static-size-40
);
--spectrum-meter-positive-xl-border-radius: var(
--spectrum-global-dimension-static-size-75
);
--spectrum-meter-positive-xl-over-background-border-radius: var(
--spectrum-global-dimension-static-size-75
);
--spectrum-pagination-page-button-line-height: 32px;
--spectrum-panel-l-header-height: var(--spectrum-global-dimension-size-550);
--spectrum-panel-l-collapsible-header-height: var(
--spectrum-global-dimension-size-550
);
--spectrum-panel-s-header-height: var(--spectrum-global-dimension-size-550);
--spectrum-panel-s-collapsible-header-height: var(
--spectrum-global-dimension-size-550
);
--spectrum-picker-quiet-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-picker-quiet-l-min-width: var(
--spectrum-global-dimension-size-225
);
--spectrum-picker-quiet-l-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-picker-quiet-l-textonly-min-width: var(
--spectrum-global-dimension-size-225
);
--spectrum-picker-quiet-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-picker-quiet-m-min-width: var(
--spectrum-global-dimension-size-200
);
--spectrum-picker-quiet-m-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-picker-quiet-m-textonly-min-width: var(
--spectrum-global-dimension-size-200
);
--spectrum-picker-quiet-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-picker-quiet-s-min-width: var(
--spectrum-global-dimension-size-175
);
--spectrum-picker-quiet-s-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-picker-quiet-s-textonly-min-width: var(
--spectrum-global-dimension-size-175
);
--spectrum-picker-quiet-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-picker-quiet-xl-min-width: var(
--spectrum-global-dimension-size-250
);
--spectrum-picker-quiet-xl-textonly-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-picker-quiet-xl-textonly-min-width: var(
--spectrum-global-dimension-size-250
);
--spectrum-picker-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-picker-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--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-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-picker-m-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-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-picker-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--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-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-picker-xl-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-progressbar-m-border-radius: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-progressbar-m-over-background-border-radius: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-progressbar-s-border-radius: var(
--spectrum-global-dimension-static-size-40
);
--spectrum-progressbar-s-over-background-border-radius: var(
--spectrum-global-dimension-static-size-40
);
--spectrum-progressbar-xl-border-radius: var(
--spectrum-global-dimension-static-size-75
);
--spectrum-progressbar-xl-over-background-border-radius: var(
--spectrum-global-dimension-static-size-75
);
--spectrum-progressbar-m-indeterminate-border-radius: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-progressbar-m-indeterminate-over-background-border-radius: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-progressbar-s-indeterminate-border-radius: var(
--spectrum-global-dimension-static-size-40
);
--spectrum-progressbar-s-indeterminate-over-background-border-radius: var(
--spectrum-global-dimension-static-size-40
);
--spectrum-progressbar-xl-indeterminate-border-radius: var(
--spectrum-global-dimension-static-size-75
);
--spectrum-progressbar-xl-indeterminate-over-background-border-radius: var(
--spectrum-global-dimension-static-size-75
);
--spectrum-progresscircle-medium-border-size: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-progresscircle-medium-over-background-border-size: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-progresscircle-small-border-size: 3px;
--spectrum-progresscircle-small-indeterminate-border-size: 3px;
--spectrum-progresscircle-small-over-background-border-size: 3px;
--spectrum-progresscircle-medium-indeterminate-border-size: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-radio-l-emphasized-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-s-emphasized-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-l-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-s-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-icon-width: 30px;
--spectrum-rating-indicator-width: 20px;
--spectrum-rating-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-rating-emphasized-icon-width: 30px;
--spectrum-rating-emphasized-indicator-width: 20px;
--spectrum-rating-emphasized-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-quiet-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-quiet-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-quiet-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-quiet-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-quiet-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-quiet-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-quiet-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-quiet-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-search-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-sidenav-item-touch-hit-bottom: 3px;
--spectrum-sidenav-multilevel-item-touch-hit-bottom: 3px;
--spectrum-slider-l-track-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-slider-l-handle-touch-hit-x: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-l-handle-touch-hit-y: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-m-track-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-slider-m-handle-touch-hit-x: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-m-handle-touch-hit-y: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-s-track-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-slider-s-handle-touch-hit-x: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-s-handle-touch-hit-y: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-xl-track-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-slider-xl-handle-touch-hit-x: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-xl-handle-touch-hit-y: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-editable-track-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-slider-editable-handle-touch-hit-x: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-editable-handle-touch-hit-y: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-tick-l-track-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-slider-tick-l-handle-touch-hit-x: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-tick-l-handle-touch-hit-y: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-tick-m-track-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-slider-tick-m-handle-touch-hit-x: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-tick-m-handle-touch-hit-y: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-tick-s-track-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-slider-tick-s-handle-touch-hit-x: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-tick-s-handle-touch-hit-y: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-tick-xl-track-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-slider-tick-xl-handle-touch-hit-x: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-slider-tick-xl-handle-touch-hit-y: var(
--spectrum-global-dimension-static-size-175
);
--spectrum-switch-l-emphasized-focus-ring-border-radius-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-l-emphasized-focus-ring-border-radius-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-l-emphasized-focus-ring-border-radius-error-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-l-emphasized-focus-ring-border-radius-error-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-l-emphasized-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-switch-l-emphasized-handle-border-radius: 9px;
--spectrum-switch-m-emphasized-focus-ring-border-radius-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-m-emphasized-focus-ring-border-radius-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-m-emphasized-focus-ring-border-radius-error-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-m-emphasized-focus-ring-border-radius-error-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-m-emphasized-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-switch-m-emphasized-handle-border-radius: 9px;
--spectrum-switch-s-emphasized-focus-ring-border-radius-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-s-emphasized-focus-ring-border-radius-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-s-emphasized-focus-ring-border-radius-error-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-s-emphasized-focus-ring-border-radius-error-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-s-emphasized-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-switch-s-emphasized-handle-border-radius: 9px;
--spectrum-switch-xl-emphasized-focus-ring-border-radius-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-xl-emphasized-focus-ring-border-radius-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-xl-emphasized-focus-ring-border-radius-error-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-xl-emphasized-focus-ring-border-radius-error-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-xl-emphasized-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-switch-xl-emphasized-handle-border-radius: 9px;
--spectrum-switch-l-focus-ring-border-radius-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-l-focus-ring-border-radius-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-l-focus-ring-border-radius-error-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-l-focus-ring-border-radius-error-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-switch-l-handle-border-radius: 9px;
--spectrum-switch-m-focus-ring-border-radius-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-m-focus-ring-border-radius-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-m-focus-ring-border-radius-error-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-m-focus-ring-border-radius-error-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-switch-m-handle-border-radius: 9px;
--spectrum-switch-s-focus-ring-border-radius-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-s-focus-ring-border-radius-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-s-focus-ring-border-radius-error-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-s-focus-ring-border-radius-error-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-switch-s-handle-border-radius: 9px;
--spectrum-switch-xl-focus-ring-border-radius-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-xl-focus-ring-border-radius-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-xl-focus-ring-border-radius-error-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-xl-focus-ring-border-radius-error-selected-key-focus: var(
--spectrum-global-dimension-static-size-160
);
--spectrum-switch-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-switch-xl-handle-border-radius: 9px;
--spectrum-tabs-quiet-s-compact-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-s-compact-emphasized-margin-left: -9px;
--spectrum-tabs-quiet-s-compact-emphasized-margin-right: -9px;
--spectrum-tabs-quiet-s-compact-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-s-compact-margin-left: -9px;
--spectrum-tabs-quiet-s-compact-margin-right: -9px;
--spectrum-tabs-quiet-s-compact-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-s-compact-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-s-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-s-emphasized-margin-left: -9px;
--spectrum-tabs-quiet-s-emphasized-margin-right: -9px;
--spectrum-tabs-quiet-s-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-s-margin-left: -9px;
--spectrum-tabs-quiet-s-margin-right: -9px;
--spectrum-tabs-quiet-s-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-s-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-m-compact-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-m-compact-emphasized-margin-left: -11px;
--spectrum-tabs-quiet-m-compact-emphasized-margin-right: -11px;
--spectrum-tabs-quiet-m-compact-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-m-compact-margin-left: -11px;
--spectrum-tabs-quiet-m-compact-margin-right: -11px;
--spectrum-tabs-quiet-m-compact-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-m-compact-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-m-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-m-emphasized-margin-left: -11px;
--spectrum-tabs-quiet-m-emphasized-margin-right: -11px;
--spectrum-tabs-quiet-m-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-m-margin-left: -11px;
--spectrum-tabs-quiet-m-margin-right: -11px;
--spectrum-tabs-quiet-m-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-m-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-l-compact-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-l-compact-emphasized-margin-left: -11px;
--spectrum-tabs-quiet-l-compact-emphasized-margin-right: -11px;
--spectrum-tabs-quiet-l-compact-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-l-compact-margin-left: -11px;
--spectrum-tabs-quiet-l-compact-margin-right: -11px;
--spectrum-tabs-quiet-l-compact-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-l-compact-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-l-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-l-emphasized-margin-left: -11px;
--spectrum-tabs-quiet-l-emphasized-margin-right: -11px;
--spectrum-tabs-quiet-l-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-l-margin-left: -11px;
--spectrum-tabs-quiet-l-margin-right: -11px;
--spectrum-tabs-quiet-l-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-l-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-xl-compact-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-xl-compact-emphasized-margin-left: -12px;
--spectrum-tabs-quiet-xl-compact-emphasized-margin-right: -12px;
--spectrum-tabs-quiet-xl-compact-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-xl-compact-margin-left: -12px;
--spectrum-tabs-quiet-xl-compact-margin-right: -12px;
--spectrum-tabs-quiet-xl-compact-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-xl-compact-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-xl-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-xl-emphasized-margin-left: -12px;
--spectrum-tabs-quiet-xl-emphasized-margin-right: -12px;
--spectrum-tabs-quiet-xl-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-xl-margin-left: -12px;
--spectrum-tabs-quiet-xl-margin-right: -12px;
--spectrum-tabs-quiet-xl-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-quiet-xl-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-s-compact-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-s-compact-emphasized-margin-left: -9px;
--spectrum-tabs-s-compact-emphasized-margin-right: -9px;
--spectrum-tabs-s-compact-focus-ring-border-radius: 6px;
--spectrum-tabs-s-compact-margin-left: -9px;
--spectrum-tabs-s-compact-margin-right: -9px;
--spectrum-tabs-s-compact-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-s-compact-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-s-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-s-emphasized-margin-left: -9px;
--spectrum-tabs-s-emphasized-margin-right: -9px;
--spectrum-tabs-s-focus-ring-border-radius: 6px;
--spectrum-tabs-s-margin-left: -9px;
--spectrum-tabs-s-margin-right: -9px;
--spectrum-tabs-s-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-s-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-m-compact-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-m-compact-emphasized-margin-left: -11px;
--spectrum-tabs-m-compact-emphasized-margin-right: -11px;
--spectrum-tabs-m-compact-focus-ring-border-radius: 6px;
--spectrum-tabs-m-compact-margin-left: -11px;
--spectrum-tabs-m-compact-margin-right: -11px;
--spectrum-tabs-m-compact-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-m-compact-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-m-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-m-emphasized-margin-left: -11px;
--spectrum-tabs-m-emphasized-margin-right: -11px;
--spectrum-tabs-m-focus-ring-border-radius: 6px;
--spectrum-tabs-m-margin-left: -11px;
--spectrum-tabs-m-margin-right: -11px;
--spectrum-tabs-m-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-m-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-l-compact-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-l-compact-emphasized-margin-left: -11px;
--spectrum-tabs-l-compact-emphasized-margin-right: -11px;
--spectrum-tabs-l-compact-focus-ring-border-radius: 6px;
--spectrum-tabs-l-compact-margin-left: -11px;
--spectrum-tabs-l-compact-margin-right: -11px;
--spectrum-tabs-l-compact-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-l-compact-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-l-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-l-emphasized-margin-left: -11px;
--spectrum-tabs-l-emphasized-margin-right: -11px;
--spectrum-tabs-l-focus-ring-border-radius: 6px;
--spectrum-tabs-l-margin-left: -11px;
--spectrum-tabs-l-margin-right: -11px;
--spectrum-tabs-l-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-l-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-xl-compact-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-xl-compact-emphasized-margin-left: -12px;
--spectrum-tabs-xl-compact-emphasized-margin-right: -12px;
--spectrum-tabs-xl-compact-focus-ring-border-radius: 6px;
--spectrum-tabs-xl-compact-margin-left: -12px;
--spectrum-tabs-xl-compact-margin-right: -12px;
--spectrum-tabs-xl-compact-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-xl-compact-vertical-focus-ring-border-radius: 6px;
--spectrum-tabs-xl-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-xl-emphasized-margin-left: -12px;
--spectrum-tabs-xl-emphasized-margin-right: -12px;
--spectrum-tabs-xl-focus-ring-border-radius: 6px;
--spectrum-tabs-xl-margin-left: -12px;
--spectrum-tabs-xl-margin-right: -12px;
--spectrum-tabs-xl-vertical-emphasized-focus-ring-border-radius: 6px;
--spectrum-tabs-xl-vertical-focus-ring-border-radius: 6px;
--spectrum-textarea-quiet-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textarea-quiet-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textarea-quiet-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textarea-quiet-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textarea-quiet-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textarea-quiet-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textarea-quiet-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textarea-quiet-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--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-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-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-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-quiet-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-quiet-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-quiet-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-quiet-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-quiet-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-quiet-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-quiet-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-quiet-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-l-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-l-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-m-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-m-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-s-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-s-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-xl-touch-hit-x: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-textfield-xl-touch-hit-y: var(
--spectrum-global-dimension-static-size-50
);
--spectrum-tooltip-info-padding-bottom: 6px;
--spectrum-tooltip-negative-padding-bottom: 6px;
--spectrum-tooltip-padding-bottom: 6px;
--spectrum-tooltip-positive-padding-bottom: 6px;
}
/* stylelint-enable */