global-vars.css

/*!
 * Copyright 2024 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.
 */

.spectrum{
  --spectrum-focus-indicator-color:var(--spectrum-blue-800);
  --spectrum-static-white-focus-indicator-color:var(--spectrum-white);
  --spectrum-static-black-focus-indicator-color:var(--spectrum-black);
  --spectrum-overlay-color:var(--spectrum-black);
  --spectrum-opacity-disabled:0.3;
  --spectrum-neutral-subdued-content-color-selected:var(--spectrum-neutral-subdued-content-color-down);
  --spectrum-accent-content-color-selected:var(--spectrum-accent-content-color-down);
  --spectrum-disabled-background-color:var(--spectrum-gray-200);
  --spectrum-disabled-static-white-background-color:var(--spectrum-transparent-white-200);
  --spectrum-disabled-static-black-background-color:var(--spectrum-transparent-black-200);
  --spectrum-background-opacity-default:0;
  --spectrum-background-opacity-hover:0.1;
  --spectrum-background-opacity-down:0.1;
  --spectrum-background-opacity-key-focus:0.1;
  --spectrum-neutral-content-color-default:var(--spectrum-gray-800);
  --spectrum-neutral-content-color-hover:var(--spectrum-gray-900);
  --spectrum-neutral-content-color-down:var(--spectrum-gray-900);
  --spectrum-neutral-content-color-focus-hover:var(--spectrum-neutral-content-color-down);
  --spectrum-neutral-content-color-focus:var(--spectrum-neutral-content-color-down);
  --spectrum-neutral-content-color-key-focus:var(--spectrum-gray-900);
  --spectrum-neutral-subdued-content-color-default:var(--spectrum-gray-700);
  --spectrum-neutral-subdued-content-color-hover:var(--spectrum-gray-800);
  --spectrum-neutral-subdued-content-color-down:var(--spectrum-gray-900);
  --spectrum-neutral-subdued-content-color-key-focus:var(--spectrum-gray-800);
  --spectrum-accent-content-color-default:var(--spectrum-accent-color-900);
  --spectrum-accent-content-color-hover:var(--spectrum-accent-color-1000);
  --spectrum-accent-content-color-down:var(--spectrum-accent-color-1100);
  --spectrum-accent-content-color-key-focus:var(--spectrum-accent-color-1000);
  --spectrum-negative-content-color-default:var(--spectrum-negative-color-900);
  --spectrum-negative-content-color-hover:var(--spectrum-negative-color-1000);
  --spectrum-negative-content-color-down:var(--spectrum-negative-color-1100);
  --spectrum-negative-content-color-key-focus:var(--spectrum-negative-color-1000);
  --spectrum-disabled-content-color:var(--spectrum-gray-400);
  --spectrum-disabled-static-white-content-color:var(--spectrum-transparent-white-500);
  --spectrum-disabled-static-black-content-color:var(--spectrum-transparent-black-500);
  --spectrum-disabled-border-color:var(--spectrum-gray-300);
  --spectrum-disabled-static-white-border-color:var(--spectrum-transparent-white-300);
  --spectrum-disabled-static-black-border-color:var(--spectrum-transparent-black-300);
  --spectrum-negative-border-color-default:var(--spectrum-negative-color-900);
  --spectrum-negative-border-color-hover:var(--spectrum-negative-color-1000);
  --spectrum-negative-border-color-down:var(--spectrum-negative-color-1100);
  --spectrum-negative-border-color-focus-hover:var(--spectrum-negative-border-color-down);
  --spectrum-negative-border-color-focus:var(--spectrum-negative-color-1000);
  --spectrum-negative-border-color-key-focus:var(--spectrum-negative-color-1000);
  --spectrum-swatch-border-color:var(--spectrum-gray-900);
  --spectrum-swatch-border-opacity:0.51;
  --spectrum-swatch-disabled-icon-border-color:var(--spectrum-black);
  --spectrum-swatch-disabled-icon-border-opacity:0.51;
  --spectrum-thumbnail-border-color:var(--spectrum-gray-800);
  --spectrum-thumbnail-border-opacity:0.1;
  --spectrum-thumbnail-opacity-disabled:var(--spectrum-opacity-disabled);
  --spectrum-opacity-checkerboard-square-light:var(--spectrum-white);
  --spectrum-avatar-opacity-disabled:var(--spectrum-opacity-disabled);
  --spectrum-color-area-border-color:var(--spectrum-gray-900);
  --spectrum-color-area-border-opacity:0.1;
  --spectrum-color-slider-border-color:var(--spectrum-gray-900);
  --spectrum-color-slider-border-opacity:0.1;
  --spectrum-color-loupe-drop-shadow-color:var(--spectrum-transparent-black-300);
  --spectrum-color-loupe-inner-border:var(--spectrum-transparent-black-200);
  --spectrum-color-loupe-outer-border:var(--spectrum-white);
  --spectrum-card-selection-background-color:var(--spectrum-gray-100);
  --spectrum-card-selection-background-color-opacity:0.95;
  --spectrum-drop-zone-background-color:var(--spectrum-accent-visual-color);
  --spectrum-drop-zone-background-color-opacity:0.1;
  --spectrum-drop-zone-background-color-opacity-filled:0.3;
  --spectrum-coach-mark-pagination-color:var(--spectrum-gray-600);
  --spectrum-color-handle-inner-border-color:var(--spectrum-black);
  --spectrum-color-handle-inner-border-opacity:0.42;
  --spectrum-color-handle-outer-border-color:var(--spectrum-black);
  --spectrum-color-handle-outer-border-opacity:var(--spectrum-color-handle-inner-border-opacity);
  --spectrum-color-handle-drop-shadow-color:var(--spectrum-drop-shadow-color);
  --spectrum-floating-action-button-drop-shadow-color:var(--spectrum-transparent-black-300);
  --spectrum-floating-action-button-shadow-color:var(--spectrum-floating-action-button-drop-shadow-color);
  --spectrum-table-row-hover-color:var(--spectrum-gray-900);
  --spectrum-table-row-hover-opacity:0.07;
  --spectrum-table-selected-row-background-color:var(--spectrum-informative-background-color-default);
  --spectrum-table-selected-row-background-opacity:0.1;
  --spectrum-table-selected-row-background-color-non-emphasized:var(--spectrum-neutral-background-color-selected-default);
  --spectrum-table-selected-row-background-opacity-non-emphasized:0.1;
  --spectrum-table-row-down-opacity:0.1;
  --spectrum-table-selected-row-background-opacity-hover:0.15;
  --spectrum-table-selected-row-background-opacity-non-emphasized-hover:0.15;
  --spectrum-white-rgb:255, 255, 255;
  --spectrum-white:rgba(var(--spectrum-white-rgb));
  --spectrum-transparent-white-100-rgb:255, 255, 255;
  --spectrum-transparent-white-100-opacity:0;
  --spectrum-transparent-white-100:rgba(var(--spectrum-transparent-white-100-rgb), var(--spectrum-transparent-white-100-opacity));
  --spectrum-transparent-white-200-rgb:255, 255, 255;
  --spectrum-transparent-white-200-opacity:0.1;
  --spectrum-transparent-white-200:rgba(var(--spectrum-transparent-white-200-rgb), var(--spectrum-transparent-white-200-opacity));
  --spectrum-transparent-white-300-rgb:255, 255, 255;
  --spectrum-transparent-white-300-opacity:0.25;
  --spectrum-transparent-white-300:rgba(var(--spectrum-transparent-white-300-rgb), var(--spectrum-transparent-white-300-opacity));
  --spectrum-transparent-white-400-rgb:255, 255, 255;
  --spectrum-transparent-white-400-opacity:0.4;
  --spectrum-transparent-white-400:rgba(var(--spectrum-transparent-white-400-rgb), var(--spectrum-transparent-white-400-opacity));
  --spectrum-transparent-white-500-rgb:255, 255, 255;
  --spectrum-transparent-white-500-opacity:0.55;
  --spectrum-transparent-white-500:rgba(var(--spectrum-transparent-white-500-rgb), var(--spectrum-transparent-white-500-opacity));
  --spectrum-transparent-white-600-rgb:255, 255, 255;
  --spectrum-transparent-white-600-opacity:0.7;
  --spectrum-transparent-white-600:rgba(var(--spectrum-transparent-white-600-rgb), var(--spectrum-transparent-white-600-opacity));
  --spectrum-transparent-white-700-rgb:255, 255, 255;
  --spectrum-transparent-white-700-opacity:0.8;
  --spectrum-transparent-white-700:rgba(var(--spectrum-transparent-white-700-rgb), var(--spectrum-transparent-white-700-opacity));
  --spectrum-transparent-white-800-rgb:255, 255, 255;
  --spectrum-transparent-white-800-opacity:0.9;
  --spectrum-transparent-white-800:rgba(var(--spectrum-transparent-white-800-rgb), var(--spectrum-transparent-white-800-opacity));
  --spectrum-transparent-white-900-rgb:255, 255, 255;
  --spectrum-transparent-white-900:rgba(var(--spectrum-transparent-white-900-rgb));
  --spectrum-black-rgb:0, 0, 0;
  --spectrum-black:rgba(var(--spectrum-black-rgb));
  --spectrum-transparent-black-100-rgb:0, 0, 0;
  --spectrum-transparent-black-100-opacity:0;
  --spectrum-transparent-black-100:rgba(var(--spectrum-transparent-black-100-rgb), var(--spectrum-transparent-black-100-opacity));
  --spectrum-transparent-black-200-rgb:0, 0, 0;
  --spectrum-transparent-black-200-opacity:0.1;
  --spectrum-transparent-black-200:rgba(var(--spectrum-transparent-black-200-rgb), var(--spectrum-transparent-black-200-opacity));
  --spectrum-transparent-black-300-rgb:0, 0, 0;
  --spectrum-transparent-black-300-opacity:0.25;
  --spectrum-transparent-black-300:rgba(var(--spectrum-transparent-black-300-rgb), var(--spectrum-transparent-black-300-opacity));
  --spectrum-transparent-black-400-rgb:0, 0, 0;
  --spectrum-transparent-black-400-opacity:0.4;
  --spectrum-transparent-black-400:rgba(var(--spectrum-transparent-black-400-rgb), var(--spectrum-transparent-black-400-opacity));
  --spectrum-transparent-black-500-rgb:0, 0, 0;
  --spectrum-transparent-black-500-opacity:0.55;
  --spectrum-transparent-black-500:rgba(var(--spectrum-transparent-black-500-rgb), var(--spectrum-transparent-black-500-opacity));
  --spectrum-transparent-black-600-rgb:0, 0, 0;
  --spectrum-transparent-black-600-opacity:0.7;
  --spectrum-transparent-black-600:rgba(var(--spectrum-transparent-black-600-rgb), var(--spectrum-transparent-black-600-opacity));
  --spectrum-transparent-black-700-rgb:0, 0, 0;
  --spectrum-transparent-black-700-opacity:0.8;
  --spectrum-transparent-black-700:rgba(var(--spectrum-transparent-black-700-rgb), var(--spectrum-transparent-black-700-opacity));
  --spectrum-transparent-black-800-rgb:0, 0, 0;
  --spectrum-transparent-black-800-opacity:0.9;
  --spectrum-transparent-black-800:rgba(var(--spectrum-transparent-black-800-rgb), var(--spectrum-transparent-black-800-opacity));
  --spectrum-transparent-black-900-rgb:0, 0, 0;
  --spectrum-transparent-black-900:rgba(var(--spectrum-transparent-black-900-rgb));
  --spectrum-icon-color-inverse:var(--spectrum-gray-50);
  --spectrum-icon-color-primary-default:var(--spectrum-neutral-content-color-default);
  --spectrum-asterisk-icon-size-75:8px;
  --spectrum-radio-button-selection-indicator:4px;
  --spectrum-field-label-top-margin-small:0px;
  --spectrum-field-label-to-component:0px;
  --spectrum-help-text-to-component:0px;
  --spectrum-status-light-dot-size-small:8px;
  --spectrum-action-button-edge-to-hold-icon-extra-small:3px;
  --spectrum-action-button-edge-to-hold-icon-small:3px;
  --spectrum-button-minimum-width-multiplier:2.25;
  --spectrum-divider-thickness-small:1px;
  --spectrum-divider-thickness-medium:2px;
  --spectrum-divider-thickness-large:4px;
  --spectrum-swatch-rectangle-width-multiplier:2;
  --spectrum-swatch-slash-thickness-extra-small:2px;
  --spectrum-swatch-slash-thickness-small:3px;
  --spectrum-swatch-slash-thickness-medium:4px;
  --spectrum-swatch-slash-thickness-large:5px;
  --spectrum-progress-bar-minimum-width:48px;
  --spectrum-progress-bar-maximum-width:768px;
  --spectrum-meter-minimum-width:48px;
  --spectrum-meter-maximum-width:768px;
  --spectrum-meter-default-width:var(--spectrum-meter-width);
  --spectrum-in-line-alert-minimum-width:240px;
  --spectrum-popover-tip-width:16px;
  --spectrum-popover-tip-height:8px;
  --spectrum-menu-item-label-to-description:1px;
  --spectrum-menu-item-section-divider-height:8px;
  --spectrum-picker-minimum-width-multiplier:2;
  --spectrum-picker-end-edge-to-disclousure-icon-quiet:var(--spectrum-picker-end-edge-to-disclosure-icon-quiet);
  --spectrum-picker-end-edge-to-disclosure-icon-quiet:0px;
  --spectrum-text-field-minimum-width-multiplier:1.5;
  --spectrum-combo-box-minimum-width-multiplier:2.5;
  --spectrum-combo-box-quiet-minimum-width-multiplier:2;
  --spectrum-combo-box-visual-to-field-button-quiet:0px;
  --spectrum-alert-dialog-minimum-width:288px;
  --spectrum-alert-dialog-maximum-width:480px;
  --spectrum-contextual-help-minimum-width:268px;
  --spectrum-breadcrumbs-height:var(--spectrum-component-height-300);
  --spectrum-breadcrumbs-height-compact:var(--spectrum-component-height-200);
  --spectrum-breadcrumbs-end-edge-to-text:0px;
  --spectrum-breadcrumbs-truncated-menu-to-separator-icon:0px;
  --spectrum-breadcrumbs-start-edge-to-truncated-menu:0px;
  --spectrum-breadcrumbs-truncated-menu-to-bottom-text:0px;
  --spectrum-alert-banner-to-top-workflow-icon:var(--spectrum-alert-banner-top-to-workflow-icon);
  --spectrum-alert-banner-to-top-text:var(--spectrum-alert-banner-top-to-text);
  --spectrum-alert-banner-to-bottom-text:var(--spectrum-alert-banner-bottom-to-text);
  --spectrum-color-area-border-width:var(--spectrum-border-width-100);
  --spectrum-color-area-border-rounding:var(--spectrum-corner-radius-100);
  --spectrum-color-wheel-color-area-margin:12px;
  --spectrum-color-slider-border-width:1px;
  --spectrum-color-slider-border-rounding:4px;
  --spectrum-floating-action-button-drop-shadow-blur:12px;
  --spectrum-floating-action-button-drop-shadow-y:4px;
  --spectrum-illustrated-message-maximum-width:380px;
  --spectrum-search-field-minimum-width-multiplier:3;
  --spectrum-color-loupe-height:64px;
  --spectrum-color-loupe-width:48px;
  --spectrum-color-loupe-bottom-to-color-handle:12px;
  --spectrum-color-loupe-outer-border-width:var(--spectrum-border-width-200);
  --spectrum-color-loupe-inner-border-width:1px;
  --spectrum-color-loupe-drop-shadow-y:2px;
  --spectrum-color-loupe-drop-shadow-blur:8px;
  --spectrum-card-minimum-width:100px;
  --spectrum-card-preview-minimum-height:130px;
  --spectrum-card-selection-background-size:40px;
  --spectrum-drop-zone-width:428px;
  --spectrum-drop-zone-content-maximum-width:var(--spectrum-illustrated-message-maximum-width);
  --spectrum-drop-zone-border-dash-length:8px;
  --spectrum-drop-zone-border-dash-gap:4px;
  --spectrum-drop-zone-title-size:var(--spectrum-illustrated-message-title-size);
  --spectrum-drop-zone-cjk-title-size:var(--spectrum-illustrated-message-cjk-title-size);
  --spectrum-drop-zone-body-size:var(--spectrum-illustrated-message-body-size);
  --spectrum-accordion-top-to-text-compact-small:2px;
  --spectrum-accordion-top-to-text-compact-medium:4px;
  --spectrum-accordion-disclosure-indicator-to-text:0px;
  --spectrum-accordion-edge-to-disclosure-indicator:0px;
  --spectrum-accordion-edge-to-text:0px;
  --spectrum-accordion-focus-indicator-gap:0px;
  --spectrum-color-handle-border-width:var(--spectrum-border-width-200);
  --spectrum-color-handle-inner-border-width:1px;
  --spectrum-color-handle-outer-border-width:1px;
  --spectrum-color-handle-drop-shadow-x:0;
  --spectrum-color-handle-drop-shadow-y:0;
  --spectrum-color-handle-drop-shadow-blur:0;
  --spectrum-table-row-height-small-compact:var(--spectrum-component-height-75);
  --spectrum-table-row-height-medium-compact:var(--spectrum-component-height-100);
  --spectrum-table-row-height-large-compact:var(--spectrum-component-height-200);
  --spectrum-table-row-height-extra-large-compact:var(--spectrum-component-height-300);
  --spectrum-table-row-top-to-text-small-compact:var(--spectrum-component-top-to-text-75);
  --spectrum-table-row-top-to-text-medium-compact:var(--spectrum-component-top-to-text-100);
  --spectrum-table-row-top-to-text-large-compact:var(--spectrum-component-top-to-text-200);
  --spectrum-table-row-top-to-text-extra-large-compact:var(--spectrum-component-top-to-text-300);
  --spectrum-table-row-bottom-to-text-small-compact:var(--spectrum-component-bottom-to-text-75);
  --spectrum-table-row-bottom-to-text-medium-compact:var(--spectrum-component-bottom-to-text-100);
  --spectrum-table-row-bottom-to-text-large-compact:var(--spectrum-component-bottom-to-text-200);
  --spectrum-table-row-bottom-to-text-extra-large-compact:var(--spectrum-component-bottom-to-text-300);
  --spectrum-table-edge-to-content:16px;
  --spectrum-table-border-divider-width:1px;
  --spectrum-tab-item-height-small:var(--spectrum-component-height-200);
  --spectrum-tab-item-height-medium:var(--spectrum-component-height-300);
  --spectrum-tab-item-height-large:var(--spectrum-component-height-400);
  --spectrum-tab-item-height-extra-large:var(--spectrum-component-height-500);
  --spectrum-tab-item-compact-height-small:var(--spectrum-component-height-75);
  --spectrum-tab-item-compact-height-medium:var(--spectrum-component-height-100);
  --spectrum-tab-item-compact-height-large:var(--spectrum-component-height-200);
  --spectrum-tab-item-compact-height-extra-large:var(--spectrum-component-height-300);
  --spectrum-tab-item-start-to-edge-quiet:0px;
  --spectrum-in-field-button-width-stacked-small:20px;
  --spectrum-in-field-button-width-stacked-medium:28px;
  --spectrum-in-field-button-width-stacked-large:36px;
  --spectrum-in-field-button-width-stacked-extra-large:44px;
  --spectrum-in-field-button-edge-to-disclosure-icon-stacked-small:7px;
  --spectrum-in-field-button-edge-to-disclosure-icon-stacked-medium:9px;
  --spectrum-in-field-button-edge-to-disclosure-icon-stacked-large:13px;
  --spectrum-in-field-button-edge-to-disclosure-icon-stacked-extra-large:16px;
  --spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-small:3px;
  --spectrum-detail-cjk-size-xl:var(--spectrum-font-size-100);
  --spectrum-detail-cjk-size-l:var(--spectrum-font-size-75);
  --spectrum-detail-cjk-size-m:var(--spectrum-font-size-50);
  --spectrum-detail-cjk-size-s:var(--spectrum-font-size-25);
  --spectrum-body-cjk-size-xxxl:var(--spectrum-font-size-500);
  --spectrum-body-cjk-size-xxl:var(--spectrum-font-size-400);
  --spectrum-body-cjk-size-xl:var(--spectrum-font-size-300);
  --spectrum-body-cjk-size-l:var(--spectrum-font-size-200);
  --spectrum-body-cjk-size-m:var(--spectrum-font-size-100);
  --spectrum-body-cjk-size-s:var(--spectrum-font-size-75);
  --spectrum-body-cjk-size-xs:var(--spectrum-font-size-50);
  --spectrum-android-elevation:2dp;
  --spectrum-spacing-50:2px;
  --spectrum-spacing-75:4px;
  --spectrum-spacing-100:8px;
  --spectrum-spacing-200:12px;
  --spectrum-spacing-300:16px;
  --spectrum-spacing-400:24px;
  --spectrum-spacing-500:32px;
  --spectrum-spacing-600:40px;
  --spectrum-spacing-700:48px;
  --spectrum-spacing-800:64px;
  --spectrum-spacing-900:80px;
  --spectrum-spacing-1000:96px;
  --spectrum-focus-indicator-thickness:2px;
  --spectrum-focus-indicator-gap:2px;
  --spectrum-border-width-200:2px;
  --spectrum-border-width-400:4px;
  --spectrum-field-edge-to-text-quiet:0px;
  --spectrum-field-edge-to-visual-quiet:0px;
  --spectrum-field-edge-to-border-quiet:0px;
  --spectrum-field-edge-to-alert-icon-quiet:0px;
  --spectrum-field-edge-to-validation-icon-quiet:0px;
  --spectrum-text-underline-thickness:1px;
  --spectrum-text-underline-gap:1px;
  --spectrum-informative-color-100:var(--spectrum-blue-100);
  --spectrum-informative-color-200:var(--spectrum-blue-200);
  --spectrum-informative-color-300:var(--spectrum-blue-300);
  --spectrum-informative-color-400:var(--spectrum-blue-400);
  --spectrum-informative-color-500:var(--spectrum-blue-500);
  --spectrum-informative-color-600:var(--spectrum-blue-600);
  --spectrum-informative-color-700:var(--spectrum-blue-700);
  --spectrum-informative-color-800:var(--spectrum-blue-800);
  --spectrum-informative-color-900:var(--spectrum-blue-900);
  --spectrum-informative-color-1000:var(--spectrum-blue-1000);
  --spectrum-informative-color-1100:var(--spectrum-blue-1100);
  --spectrum-informative-color-1200:var(--spectrum-blue-1200);
  --spectrum-informative-color-1300:var(--spectrum-blue-1300);
  --spectrum-informative-color-1400:var(--spectrum-blue-1400);
  --spectrum-negative-color-100:var(--spectrum-red-100);
  --spectrum-negative-color-200:var(--spectrum-red-200);
  --spectrum-negative-color-300:var(--spectrum-red-300);
  --spectrum-negative-color-400:var(--spectrum-red-400);
  --spectrum-negative-color-500:var(--spectrum-red-500);
  --spectrum-negative-color-600:var(--spectrum-red-600);
  --spectrum-negative-color-700:var(--spectrum-red-700);
  --spectrum-negative-color-800:var(--spectrum-red-800);
  --spectrum-negative-color-900:var(--spectrum-red-900);
  --spectrum-negative-color-1000:var(--spectrum-red-1000);
  --spectrum-negative-color-1100:var(--spectrum-red-1100);
  --spectrum-negative-color-1200:var(--spectrum-red-1200);
  --spectrum-negative-color-1300:var(--spectrum-red-1300);
  --spectrum-negative-color-1400:var(--spectrum-red-1400);
  --spectrum-notice-color-100:var(--spectrum-orange-100);
  --spectrum-notice-color-200:var(--spectrum-orange-200);
  --spectrum-notice-color-300:var(--spectrum-orange-300);
  --spectrum-notice-color-400:var(--spectrum-orange-400);
  --spectrum-notice-color-500:var(--spectrum-orange-500);
  --spectrum-notice-color-600:var(--spectrum-orange-600);
  --spectrum-notice-color-700:var(--spectrum-orange-700);
  --spectrum-notice-color-800:var(--spectrum-orange-800);
  --spectrum-notice-color-900:var(--spectrum-orange-900);
  --spectrum-notice-color-1000:var(--spectrum-orange-1000);
  --spectrum-notice-color-1100:var(--spectrum-orange-1100);
  --spectrum-notice-color-1200:var(--spectrum-orange-1200);
  --spectrum-notice-color-1300:var(--spectrum-orange-1300);
  --spectrum-notice-color-1400:var(--spectrum-orange-1400);
  --spectrum-positive-color-100:var(--spectrum-green-100);
  --spectrum-positive-color-200:var(--spectrum-green-200);
  --spectrum-positive-color-300:var(--spectrum-green-300);
  --spectrum-positive-color-400:var(--spectrum-green-400);
  --spectrum-positive-color-500:var(--spectrum-green-500);
  --spectrum-positive-color-600:var(--spectrum-green-600);
  --spectrum-positive-color-700:var(--spectrum-green-700);
  --spectrum-positive-color-800:var(--spectrum-green-800);
  --spectrum-positive-color-900:var(--spectrum-green-900);
  --spectrum-positive-color-1000:var(--spectrum-green-1000);
  --spectrum-positive-color-1100:var(--spectrum-green-1100);
  --spectrum-positive-color-1200:var(--spectrum-green-1200);
  --spectrum-positive-color-1300:var(--spectrum-green-1300);
  --spectrum-positive-color-1400:var(--spectrum-green-1400);
  --spectrum-default-font-family:var(--spectrum-sans-serif-font-family);
  --spectrum-sans-serif-font-family:Adobe Clean;
  --spectrum-serif-font-family:Adobe Clean Serif;
  --spectrum-cjk-font-family:Adobe Clean Han;
  --spectrum-light-font-weight:300;
  --spectrum-regular-font-weight:400;
  --spectrum-medium-font-weight:500;
  --spectrum-bold-font-weight:700;
  --spectrum-extra-bold-font-weight:800;
  --spectrum-black-font-weight:900;
  --spectrum-italic-font-style:italic;
  --spectrum-default-font-style:normal;
  --spectrum-letter-spacing:0em;
  --spectrum-line-height-100:1.3;
  --spectrum-line-height-200:1.5;
  --spectrum-cjk-line-height-100:1.5;
  --spectrum-cjk-line-height-200:1.7;
  --spectrum-cjk-letter-spacing:var(--spectrum-letter-spacing);
  --spectrum-heading-sans-serif-font-family:var(--spectrum-sans-serif-font-family);
  --spectrum-heading-serif-font-family:var(--spectrum-serif-font-family);
  --spectrum-heading-cjk-font-family:var(--spectrum-cjk-font-family);
  --spectrum-heading-sans-serif-light-font-weight:var(--spectrum-light-font-weight);
  --spectrum-heading-sans-serif-light-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-serif-light-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-heading-serif-light-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-cjk-light-font-weight:var(--spectrum-light-font-weight);
  --spectrum-heading-cjk-light-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-sans-serif-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-serif-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-cjk-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-sans-serif-heavy-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-sans-serif-heavy-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-serif-heavy-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-serif-heavy-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-cjk-heavy-font-weight:var(--spectrum-extra-bold-font-weight);
  --spectrum-heading-cjk-heavy-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-sans-serif-light-strong-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-heading-sans-serif-light-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-serif-light-strong-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-heading-serif-light-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-cjk-light-strong-font-weight:var(--spectrum-extra-bold-font-weight);
  --spectrum-heading-cjk-light-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-sans-serif-strong-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-sans-serif-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-serif-strong-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-serif-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-cjk-strong-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-cjk-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-sans-serif-heavy-strong-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-sans-serif-heavy-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-serif-heavy-strong-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-serif-heavy-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-cjk-heavy-strong-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-cjk-heavy-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-sans-serif-light-emphasized-font-weight:var(--spectrum-light-font-weight);
  --spectrum-heading-sans-serif-light-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-heading-serif-light-emphasized-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-heading-serif-light-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-heading-cjk-light-emphasized-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-heading-cjk-light-emphasized-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-sans-serif-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-heading-serif-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-heading-cjk-emphasized-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-cjk-emphasized-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-sans-serif-heavy-emphasized-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-sans-serif-heavy-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-heading-serif-heavy-emphasized-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-serif-heavy-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-heading-cjk-heavy-emphasized-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-cjk-heavy-emphasized-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-sans-serif-light-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-heading-sans-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-heading-serif-light-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-heading-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-heading-cjk-light-strong-emphasized-font-weight:var(--spectrum-extra-bold-font-weight);
  --spectrum-heading-cjk-light-strong-emphasized-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-sans-serif-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-sans-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-heading-serif-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-heading-cjk-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-sans-serif-heavy-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-sans-serif-heavy-strong-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-heading-serif-heavy-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-serif-heavy-strong-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-heading-cjk-heavy-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
  --spectrum-heading-cjk-heavy-strong-emphasized-font-style:var(--spectrum-default-font-style);
  --spectrum-heading-size-xxxl:var(--spectrum-font-size-1300);
  --spectrum-heading-size-xxl:var(--spectrum-font-size-1100);
  --spectrum-heading-size-xl:var(--spectrum-font-size-900);
  --spectrum-heading-size-l:var(--spectrum-font-size-700);
  --spectrum-heading-size-m:var(--spectrum-font-size-500);
  --spectrum-heading-size-s:var(--spectrum-font-size-300);
  --spectrum-heading-size-xs:var(--spectrum-font-size-200);
  --spectrum-heading-size-xxs:var(--spectrum-font-size-100);
  --spectrum-heading-cjk-size-xxxl:var(--spectrum-font-size-1200);
  --spectrum-heading-cjk-size-xxl:var(--spectrum-font-size-1000);
  --spectrum-heading-cjk-size-xl:var(--spectrum-font-size-800);
  --spectrum-heading-cjk-size-l:var(--spectrum-font-size-600);
  --spectrum-heading-cjk-size-m:var(--spectrum-font-size-400);
  --spectrum-heading-cjk-size-s:var(--spectrum-font-size-200);
  --spectrum-heading-cjk-size-xs:var(--spectrum-font-size-100);
  --spectrum-heading-cjk-size-xxs:var(--spectrum-font-size-75);
  --spectrum-heading-line-height:var(--spectrum-line-height-100);
  --spectrum-heading-cjk-line-height:var(--spectrum-cjk-line-height-100);
  --spectrum-heading-margin-top-multiplier:0.88888889;
  --spectrum-heading-margin-bottom-multiplier:0.25;
  --spectrum-heading-color:var(--spectrum-gray-900);
  --spectrum-body-sans-serif-font-family:var(--spectrum-sans-serif-font-family);
  --spectrum-body-serif-font-family:var(--spectrum-serif-font-family);
  --spectrum-body-cjk-font-family:var(--spectrum-cjk-font-family);
  --spectrum-body-sans-serif-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-body-sans-serif-font-style:var(--spectrum-default-font-style);
  --spectrum-body-serif-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-body-serif-font-style:var(--spectrum-default-font-style);
  --spectrum-body-cjk-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-body-cjk-font-style:var(--spectrum-default-font-style);
  --spectrum-body-sans-serif-strong-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-body-sans-serif-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-body-serif-strong-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-body-serif-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-body-cjk-strong-font-weight:var(--spectrum-extra-bold-font-weight);
  --spectrum-body-cjk-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-body-sans-serif-emphasized-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-body-sans-serif-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-body-serif-emphasized-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-body-serif-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-body-cjk-emphasized-font-weight:var(--spectrum-extra-bold-font-weight);
  --spectrum-body-cjk-emphasized-font-style:var(--spectrum-default-font-style);
  --spectrum-body-sans-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-body-sans-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-body-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-body-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-body-cjk-strong-emphasized-font-weight:var(--spectrum-extra-bold-font-weight);
  --spectrum-body-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style);
  --spectrum-body-size-xxxl:var(--spectrum-font-size-600);
  --spectrum-body-size-xxl:var(--spectrum-font-size-500);
  --spectrum-body-size-xl:var(--spectrum-font-size-400);
  --spectrum-body-size-l:var(--spectrum-font-size-300);
  --spectrum-body-size-m:var(--spectrum-font-size-200);
  --spectrum-body-size-s:var(--spectrum-font-size-100);
  --spectrum-body-size-xs:var(--spectrum-font-size-75);
  --spectrum-body-line-height:var(--spectrum-line-height-200);
  --spectrum-body-cjk-line-height:var(--spectrum-cjk-line-height-200);
  --spectrum-body-margin-multiplier:0.75;
  --spectrum-body-color:var(--spectrum-gray-800);
  --spectrum-detail-sans-serif-font-family:var(--spectrum-sans-serif-font-family);
  --spectrum-detail-serif-font-family:var(--spectrum-serif-font-family);
  --spectrum-detail-cjk-font-family:var(--spectrum-cjk-font-family);
  --spectrum-detail-sans-serif-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-detail-sans-serif-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-serif-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-detail-serif-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-cjk-font-weight:var(--spectrum-extra-bold-font-weight);
  --spectrum-detail-cjk-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-sans-serif-light-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-detail-sans-serif-light-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-serif-light-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-detail-serif-light-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-cjk-light-font-weight:var(--spectrum-light-font-weight);
  --spectrum-detail-cjk-light-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-sans-serif-strong-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-detail-sans-serif-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-serif-strong-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-detail-serif-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-cjk-strong-font-weight:var(--spectrum-extra-bold-font-weight);
  --spectrum-detail-cjk-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-sans-serif-light-strong-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-detail-sans-serif-light-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-serif-light-strong-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-detail-serif-light-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-cjk-light-strong-font-weight:var(--spectrum-extra-bold-font-weight);
  --spectrum-detail-cjk-light-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-sans-serif-emphasized-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-detail-sans-serif-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-detail-serif-emphasized-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-detail-serif-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-detail-cjk-emphasized-font-weight:var(--spectrum-extra-bold-font-weight);
  --spectrum-detail-cjk-emphasized-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-sans-serif-light-emphasized-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-detail-sans-serif-light-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-detail-serif-light-emphasized-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-detail-serif-light-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-detail-cjk-light-emphasized-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-detail-cjk-light-emphasized-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-sans-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-detail-sans-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-detail-serif-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-detail-serif-strong-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-detail-cjk-strong-emphasized-font-weight:var(--spectrum-extra-bold-font-weight);
  --spectrum-detail-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-sans-serif-light-strong-emphasized-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-detail-sans-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-detail-serif-light-strong-emphasized-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-detail-serif-light-strong-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-detail-cjk-light-strong-emphasized-font-weight:var(--spectrum-extra-bold-font-weight);
  --spectrum-detail-cjk-light-strong-emphasized-font-style:var(--spectrum-default-font-style);
  --spectrum-detail-size-xl:var(--spectrum-font-size-200);
  --spectrum-detail-size-l:var(--spectrum-font-size-100);
  --spectrum-detail-size-m:var(--spectrum-font-size-75);
  --spectrum-detail-size-s:var(--spectrum-font-size-50);
  --spectrum-detail-line-height:var(--spectrum-line-height-100);
  --spectrum-detail-cjk-line-height:var(--spectrum-cjk-line-height-100);
  --spectrum-detail-margin-top-multiplier:0.88888889;
  --spectrum-detail-margin-bottom-multiplier:0.25;
  --spectrum-detail-letter-spacing:0.06em;
  --spectrum-detail-sans-serif-text-transform:uppercase;
  --spectrum-detail-serif-text-transform:uppercase;
  --spectrum-detail-color:var(--spectrum-gray-900);
  --spectrum-code-font-family:Source Code Pro;
  --spectrum-code-cjk-font-family:var(--spectrum-code-font-family);
  --spectrum-code-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-code-font-style:var(--spectrum-default-font-style);
  --spectrum-code-cjk-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-code-cjk-font-style:var(--spectrum-default-font-style);
  --spectrum-code-strong-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-code-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-code-cjk-strong-font-weight:var(--spectrum-black-font-weight);
  --spectrum-code-cjk-strong-font-style:var(--spectrum-default-font-style);
  --spectrum-code-emphasized-font-weight:var(--spectrum-regular-font-weight);
  --spectrum-code-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-code-cjk-emphasized-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-code-cjk-emphasized-font-style:var(--spectrum-default-font-style);
  --spectrum-code-strong-emphasized-font-weight:var(--spectrum-bold-font-weight);
  --spectrum-code-strong-emphasized-font-style:var(--spectrum-italic-font-style);
  --spectrum-code-cjk-strong-emphasized-font-weight:var(--spectrum-black-font-weight);
  --spectrum-code-cjk-strong-emphasized-font-style:var(--spectrum-default-font-style);
  --spectrum-code-size-xl:var(--spectrum-font-size-400);
  --spectrum-code-size-l:var(--spectrum-font-size-300);
  --spectrum-code-size-m:var(--spectrum-font-size-200);
  --spectrum-code-size-s:var(--spectrum-font-size-100);
  --spectrum-code-size-xs:var(--spectrum-font-size-75);
  --spectrum-code-line-height:var(--spectrum-line-height-200);
  --spectrum-code-cjk-line-height:var(--spectrum-cjk-line-height-200);
  --spectrum-code-color:var(--spectrum-gray-800);
}