@adobe/coral-spectrum
Version:
Coral Spectrum is a JavaScript library of Web Components following Spectrum design patterns.
836 lines • 1.55 MB
CSS
:root {
--spectrum-global-color-static-black: rgb(0, 0, 0);
--spectrum-global-color-static-white: rgb(255, 255, 255);
--spectrum-global-color-static-blue: rgb(20, 115, 230);
--spectrum-global-color-static-gray-50: rgb(255, 255, 255);
--spectrum-global-color-static-gray-75: rgb(255, 255, 255);
--spectrum-global-color-static-gray-100: rgb(255, 255, 255);
--spectrum-global-color-static-gray-200: rgb(244, 244, 244);
--spectrum-global-color-static-gray-300: rgb(234, 234, 234);
--spectrum-global-color-static-gray-400: rgb(211, 211, 211);
--spectrum-global-color-static-gray-500: rgb(188, 188, 188);
--spectrum-global-color-static-gray-600: rgb(149, 149, 149);
--spectrum-global-color-static-gray-700: rgb(116, 116, 116);
--spectrum-global-color-static-gray-800: rgb(80, 80, 80);
--spectrum-global-color-static-gray-900: rgb(50, 50, 50);
--spectrum-global-color-static-blue-200: rgb(90, 169, 250);
--spectrum-global-color-static-blue-300: rgb(75, 156, 245);
--spectrum-global-color-static-blue-400: rgb(55, 142, 240);
--spectrum-global-color-static-blue-500: rgb(38, 128, 235);
--spectrum-global-color-static-blue-600: rgb(20, 115, 230);
--spectrum-global-color-static-blue-700: rgb(13, 102, 208);
--spectrum-global-color-static-red-400: rgb(236, 91, 98);
--spectrum-global-color-static-red-500: rgb(227, 72, 80);
--spectrum-global-color-static-red-600: rgb(215, 55, 63);
--spectrum-global-color-static-red-700: rgb(201, 37, 45);
--spectrum-global-color-static-orange-400: rgb(242, 148, 35);
--spectrum-global-color-static-orange-500: rgb(230, 134, 25);
--spectrum-global-color-static-orange-600: rgb(218, 123, 17);
--spectrum-global-color-static-orange-700: rgb(203, 111, 16);
--spectrum-global-color-static-green-400: rgb(51, 171, 132);
--spectrum-global-color-static-green-500: rgb(45, 157, 120);
--spectrum-global-color-static-green-600: rgb(38, 142, 108);
--spectrum-global-color-static-green-700: rgb(18, 128, 92);
--spectrum-global-color-static-celery-200: rgb(88, 224, 111);
--spectrum-global-color-static-celery-300: rgb(81, 210, 103);
--spectrum-global-color-static-celery-400: rgb(75, 195, 95);
--spectrum-global-color-static-celery-500: rgb(68, 181, 86);
--spectrum-global-color-static-celery-600: rgb(61, 167, 78);
--spectrum-global-color-static-celery-700: rgb(55, 153, 71);
--spectrum-global-color-static-chartreuse-300: rgb(155, 236, 84);
--spectrum-global-color-static-chartreuse-400: rgb(142, 222, 73);
--spectrum-global-color-static-chartreuse-500: rgb(133, 208, 68);
--spectrum-global-color-static-chartreuse-600: rgb(124, 195, 63);
--spectrum-global-color-static-chartreuse-700: rgb(115, 181, 58);
--spectrum-global-color-static-yellow-200: rgb(255, 226, 46);
--spectrum-global-color-static-yellow-300: rgb(250, 217, 0);
--spectrum-global-color-static-yellow-400: rgb(237, 204, 0);
--spectrum-global-color-static-yellow-500: rgb(223, 191, 0);
--spectrum-global-color-static-yellow-600: rgb(210, 178, 0);
--spectrum-global-color-static-yellow-700: rgb(196, 166, 0);
--spectrum-global-color-static-magenta-200: rgb(245, 107, 183);
--spectrum-global-color-static-magenta-300: rgb(236, 90, 170);
--spectrum-global-color-static-magenta-400: rgb(226, 73, 157);
--spectrum-global-color-static-magenta-500: rgb(216, 55, 144);
--spectrum-global-color-static-magenta-600: rgb(202, 41, 130);
--spectrum-global-color-static-magenta-700: rgb(188, 28, 116);
--spectrum-global-color-static-fuchsia-400: rgb(207, 62, 220);
--spectrum-global-color-static-fuchsia-500: rgb(192, 56, 204);
--spectrum-global-color-static-fuchsia-600: rgb(177, 48, 189);
--spectrum-global-color-static-fuchsia-700: rgb(162, 40, 173);
--spectrum-global-color-static-purple-400: rgb(157, 100, 225);
--spectrum-global-color-static-purple-500: rgb(146, 86, 217);
--spectrum-global-color-static-purple-600: rgb(134, 76, 204);
--spectrum-global-color-static-purple-700: rgb(122, 66, 191);
--spectrum-global-color-static-purple-800: rgb(111, 56, 177);
--spectrum-global-color-static-indigo-200: rgb(144, 144, 250);
--spectrum-global-color-static-indigo-300: rgb(130, 130, 246);
--spectrum-global-color-static-indigo-400: rgb(117, 117, 241);
--spectrum-global-color-static-indigo-500: rgb(103, 103, 236);
--spectrum-global-color-static-indigo-600: rgb(92, 92, 224);
--spectrum-global-color-static-indigo-700: rgb(81, 81, 211);
--spectrum-global-color-static-seafoam-200: rgb(38, 192, 199);
--spectrum-global-color-static-seafoam-300: rgb(35, 178, 184);
--spectrum-global-color-static-seafoam-400: rgb(32, 163, 168);
--spectrum-global-color-static-seafoam-500: rgb(27, 149, 154);
--spectrum-global-color-static-seafoam-600: rgb(22, 135, 140);
--spectrum-global-color-static-seafoam-700: rgb(15, 121, 125);
--spectrum-global-color-opacity-100: 1;
--spectrum-global-color-opacity-90: 0.9;
--spectrum-global-color-opacity-80: 0.8;
--spectrum-global-color-opacity-60: 0.6;
--spectrum-global-color-opacity-50: 0.5;
--spectrum-global-color-opacity-40: 0.4;
--spectrum-global-color-opacity-30: 0.3;
--spectrum-global-color-opacity-25: 0.25;
--spectrum-global-color-opacity-20: 0.2;
--spectrum-global-color-opacity-15: 0.15;
--spectrum-global-color-opacity-10: 0.1;
--spectrum-global-color-opacity-8: 0.08;
--spectrum-global-color-opacity-7: 0.07;
--spectrum-global-color-opacity-6: 0.06;
--spectrum-global-color-opacity-5: 0.05;
--spectrum-global-color-opacity-4: 0.04;
--spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro', Georgia, serif;
--spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace;
--spectrum-global-font-weight-thin: 100;
--spectrum-global-font-weight-ultra-light: 200;
--spectrum-global-font-weight-light: 300;
--spectrum-global-font-weight-regular: 400;
--spectrum-global-font-weight-medium: 500;
--spectrum-global-font-weight-semi-bold: 600;
--spectrum-global-font-weight-bold: 700;
--spectrum-global-font-weight-extra-bold: 800;
--spectrum-global-font-weight-black: 900;
--spectrum-global-font-style-regular: normal;
--spectrum-global-font-style-italic: italic;
--spectrum-global-font-letter-spacing-none: 0;
--spectrum-global-font-letter-spacing-small: 0.0125em;
--spectrum-global-font-letter-spacing-han: 0.05em;
--spectrum-global-font-letter-spacing-medium: 0.06em;
--spectrum-global-font-line-height-large: 1.7;
--spectrum-global-font-line-height-medium: 1.5;
--spectrum-global-font-line-height-small: 1.3;
--spectrum-global-font-multiplier-25: 0.25em;
--spectrum-global-font-multiplier-75: 0.75em;
--spectrum-global-dimension-static-size-0: 0px;
--spectrum-global-dimension-static-size-10: 1px;
--spectrum-global-dimension-static-size-25: 2px;
--spectrum-global-dimension-static-size-50: 4px;
--spectrum-global-dimension-static-size-40: 3px;
--spectrum-global-dimension-static-size-65: 5px;
--spectrum-global-dimension-static-size-100: 8px;
--spectrum-global-dimension-static-size-115: 9px;
--spectrum-global-dimension-static-size-125: 10px;
--spectrum-global-dimension-static-size-150: 12px;
--spectrum-global-dimension-static-size-175: 14px;
--spectrum-global-dimension-static-size-200: 16px;
--spectrum-global-dimension-static-size-225: 18px;
--spectrum-global-dimension-static-size-250: 20px;
--spectrum-global-dimension-static-size-300: 24px;
--spectrum-global-dimension-static-size-400: 32px;
--spectrum-global-dimension-static-size-450: 36px;
--spectrum-global-dimension-static-size-500: 40px;
--spectrum-global-dimension-static-size-550: 44px;
--spectrum-global-dimension-static-size-600: 48px;
--spectrum-global-dimension-static-size-700: 56px;
--spectrum-global-dimension-static-size-800: 64px;
--spectrum-global-dimension-static-size-900: 72px;
--spectrum-global-dimension-static-size-1000: 80px;
--spectrum-global-dimension-static-size-1200: 96px;
--spectrum-global-dimension-static-size-1700: 136px;
--spectrum-global-dimension-static-size-2400: 192px;
--spectrum-global-dimension-static-size-2600: 208px;
--spectrum-global-dimension-static-size-3400: 272px;
--spectrum-global-dimension-static-size-3600: 288px;
--spectrum-global-dimension-static-size-4600: 368px;
--spectrum-global-dimension-static-size-5000: 400px;
--spectrum-global-dimension-static-size-6000: 480px;
--spectrum-global-dimension-static-font-size-50: 11px;
--spectrum-global-dimension-static-font-size-75: 12px;
--spectrum-global-dimension-static-font-size-100: 14px;
--spectrum-global-dimension-static-font-size-150: 15px;
--spectrum-global-dimension-static-font-size-200: 16px;
--spectrum-global-dimension-static-font-size-300: 18px;
--spectrum-global-dimension-static-font-size-400: 20px;
--spectrum-global-dimension-static-font-size-500: 22px;
--spectrum-global-dimension-static-font-size-600: 25px;
--spectrum-global-dimension-static-font-size-700: 28px;
--spectrum-global-dimension-static-font-size-800: 32px;
--spectrum-global-dimension-static-font-size-900: 36px;
--spectrum-global-dimension-static-font-size-1000: 40px;
--spectrum-global-dimension-static-percent-50: 50%;
--spectrum-global-dimension-static-percent-100: 100%;
--spectrum-global-dimension-static-breakpoint-xsmall: 304px;
--spectrum-global-dimension-static-breakpoint-small: 768px;
--spectrum-global-dimension-static-breakpoint-medium: 1280px;
--spectrum-global-dimension-static-breakpoint-large: 1768px;
--spectrum-global-dimension-static-breakpoint-xlarge: 2160px;
--spectrum-global-dimension-static-grid-columns: 12;
--spectrum-global-dimension-static-grid-fluid-width: 100%;
--spectrum-global-dimension-static-grid-fixed-max-width: 1280px;
--spectrum-global-animation-duration-0: 0ms;
--spectrum-global-animation-duration-100: 130ms;
--spectrum-global-animation-duration-200: 160ms;
--spectrum-global-animation-duration-300: 190ms;
--spectrum-global-animation-duration-400: 220ms;
--spectrum-global-animation-duration-500: 250ms;
--spectrum-global-animation-duration-600: 300ms;
--spectrum-global-animation-duration-700: 350ms;
--spectrum-global-animation-duration-800: 400ms;
--spectrum-global-animation-duration-900: 450ms;
--spectrum-global-animation-duration-1000: 500ms;
--spectrum-global-animation-duration-2000: 1000ms;
--spectrum-global-animation-duration-4000: 2000ms;
--spectrum-global-animation-ease-in-out: cubic-bezier(.45, 0, .40, 1);
--spectrum-global-animation-ease-in: cubic-bezier(.50, 0, 1, 1);
--spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.40, 1);
--spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1);
--spectrum-medium-global-dimension-scale-factor: 1;
--spectrum-medium-global-dimension-size-0: 0px;
--spectrum-medium-global-dimension-size-10: 1px;
--spectrum-medium-global-dimension-size-25: 2px;
--spectrum-medium-global-dimension-size-40: 3px;
--spectrum-medium-global-dimension-size-50: 4px;
--spectrum-medium-global-dimension-size-65: 5px;
--spectrum-medium-global-dimension-size-75: 6px;
--spectrum-medium-global-dimension-size-85: 7px;
--spectrum-medium-global-dimension-size-100: 8px;
--spectrum-medium-global-dimension-size-115: 9px;
--spectrum-medium-global-dimension-size-125: 10px;
--spectrum-medium-global-dimension-size-130: 11px;
--spectrum-medium-global-dimension-size-150: 12px;
--spectrum-medium-global-dimension-size-160: 13px;
--spectrum-medium-global-dimension-size-175: 14px;
--spectrum-medium-global-dimension-size-200: 16px;
--spectrum-medium-global-dimension-size-225: 18px;
--spectrum-medium-global-dimension-size-250: 20px;
--spectrum-medium-global-dimension-size-300: 24px;
--spectrum-medium-global-dimension-size-350: 28px;
--spectrum-medium-global-dimension-size-400: 32px;
--spectrum-medium-global-dimension-size-450: 36px;
--spectrum-medium-global-dimension-size-500: 40px;
--spectrum-medium-global-dimension-size-550: 44px;
--spectrum-medium-global-dimension-size-600: 48px;
--spectrum-medium-global-dimension-size-675: 54px;
--spectrum-medium-global-dimension-size-700: 56px;
--spectrum-medium-global-dimension-size-800: 64px;
--spectrum-medium-global-dimension-size-900: 72px;
--spectrum-medium-global-dimension-size-1000: 80px;
--spectrum-medium-global-dimension-size-1200: 96px;
--spectrum-medium-global-dimension-size-1250: 100px;
--spectrum-medium-global-dimension-size-1600: 128px;
--spectrum-medium-global-dimension-size-1700: 136px;
--spectrum-medium-global-dimension-size-2000: 160px;
--spectrum-medium-global-dimension-size-2400: 192px;
--spectrum-medium-global-dimension-size-3000: 240px;
--spectrum-medium-global-dimension-size-3400: 272px;
--spectrum-medium-global-dimension-size-3600: 288px;
--spectrum-medium-global-dimension-size-4600: 368px;
--spectrum-medium-global-dimension-size-5000: 400px;
--spectrum-medium-global-dimension-size-6000: 480px;
--spectrum-medium-global-dimension-font-size-25: 10px;
--spectrum-medium-global-dimension-font-size-50: 11px;
--spectrum-medium-global-dimension-font-size-75: 12px;
--spectrum-medium-global-dimension-font-size-100: 14px;
--spectrum-medium-global-dimension-font-size-150: 15px;
--spectrum-medium-global-dimension-font-size-200: 16px;
--spectrum-medium-global-dimension-font-size-300: 18px;
--spectrum-medium-global-dimension-font-size-400: 20px;
--spectrum-medium-global-dimension-font-size-500: 22px;
--spectrum-medium-global-dimension-font-size-600: 25px;
--spectrum-medium-global-dimension-font-size-700: 28px;
--spectrum-medium-global-dimension-font-size-800: 32px;
--spectrum-medium-global-dimension-font-size-900: 36px;
--spectrum-medium-global-dimension-font-size-1000: 40px;
--spectrum-medium-global-dimension-font-size-1100: 45px;
--spectrum-medium-global-dimension-font-size-1200: 50px;
--spectrum-medium-global-dimension-font-size-1300: 60px;
--spectrum-medium-alias-dropshadow-blur: 4px;
--spectrum-medium-alias-dropshadow-offset-y: 1px;
--spectrum-medium-alias-font-size-default: 14px;
--spectrum-medium-alias-line-height-small: 16px;
--spectrum-medium-alias-line-height-medium: 20px;
--spectrum-medium-alias-line-height-large: 24px;
--spectrum-medium-alias-line-height-xlarge: 32px;
--spectrum-medium-alias-line-height-xxlarge: 48px;
--spectrum-medium-alias-layout-label-gap-size: 8px;
--spectrum-medium-alias-pill-button-text-size: 15px;
--spectrum-medium-alias-pill-button-text-baseline: 11px;
--spectrum-medium-alias-border-radius-xsmall: 1px;
--spectrum-medium-alias-border-radius-small: 2px;
--spectrum-medium-alias-border-radius-regular: 4px;
--spectrum-medium-alias-border-radius-medium: 8px;
--spectrum-medium-alias-border-radius-large: 16px;
--spectrum-medium-alias-single-line-height: 32px;
--spectrum-medium-alias-single-line-width: 192px;
--spectrum-medium-alias-workflow-icon-size: 18px;
--spectrum-medium-alias-heading-display1-text-size: 45px;
--spectrum-medium-alias-heading-han-display1-text-size: 40px;
--spectrum-medium-alias-heading-han-display1-margin-top: 36px;
--spectrum-medium-alias-heading-display1-margin-top: 40px;
--spectrum-medium-alias-heading-display2-text-size: 40px;
--spectrum-medium-alias-heading-display2-margin-top: 36px;
--spectrum-medium-alias-heading-han-display2-text-size: 36px;
--spectrum-medium-alias-heading-han-display2-margin-top: 32px;
--spectrum-medium-alias-heading1-text-size: 36px;
--spectrum-medium-alias-heading1-margin-top: 32px;
--spectrum-medium-alias-heading1-han-text-size: 32px;
--spectrum-medium-alias-heading1-han-margin-top: 28px;
--spectrum-medium-alias-heading2-text-size: 28px;
--spectrum-medium-alias-heading2-margin-top: 25px;
--spectrum-medium-alias-heading2-han-text-size: 25px;
--spectrum-medium-alias-heading2-han-margin-top: 22px;
--spectrum-medium-alias-heading3-text-size: 22px;
--spectrum-medium-alias-heading3-margin-top: 20px;
--spectrum-medium-alias-heading3-han-text-size: 20px;
--spectrum-medium-alias-heading3-han-margin-top: 18px;
--spectrum-medium-alias-heading4-text-size: 18px;
--spectrum-medium-alias-heading4-margin-top: 16px;
--spectrum-medium-alias-heading5-text-size: 16px;
--spectrum-medium-alias-heading5-margin-top: 14px;
--spectrum-medium-alias-heading6-text-size: 14px;
--spectrum-medium-alias-heading6-margin-top: 12px;
--spectrum-medium-accordion-item-height: 40px;
--spectrum-medium-accordion-item-padding: 16px;
--spectrum-medium-accordion-item-padding-x: 18px;
--spectrum-medium-accordion-item-border-size: 1px;
--spectrum-medium-accordion-icon-spacing: 16px;
--spectrum-medium-accordion-icon-gap: 8px;
--spectrum-medium-accordion-icon-width: 6px;
--spectrum-medium-accordion-icon-height: 10px;
--spectrum-medium-accordion-item-title-text-size: 11px;
--spectrum-medium-accordion-item-title-tracking: 0.06em;
--spectrum-medium-accordion-item-content-padding: 16px;
--spectrum-medium-accordion-item-border-size-key-focus: 2px;
--spectrum-medium-accordion-item-border-left-size-key-focus: 2px;
--spectrum-medium-actionbutton-text-font-family: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-medium-actionbutton-text-font-style: normal;
--spectrum-medium-actionbutton-text-font-weight: 400;
--spectrum-medium-actionbutton-text-line-height: 1.5;
--spectrum-medium-actionbutton-text-letter-spacing: 0;
--spectrum-medium-actionbutton-text-transform: none;
--spectrum-medium-actionbutton-text-size: 14px;
--spectrum-medium-actionbutton-icon-size: 18px;
--spectrum-medium-actionbutton-text-baseline: 12px;
--spectrum-medium-actionbutton-height: 32px;
--spectrum-medium-actionbutton-min-width: 32px;
--spectrum-medium-actionbutton-border-radius: 4px;
--spectrum-medium-actionbutton-text-padding-x: 12px;
--spectrum-medium-actionbutton-icon-padding-x: 7px;
--spectrum-medium-actionbutton-icon-padding-y: 7px;
--spectrum-medium-actionbutton-hold-icon-padding-bottom: 3px;
--spectrum-medium-actionbutton-hold-icon-padding-right: 3px;
--spectrum-medium-actionbutton-hold-icon-size: 5px;
--spectrum-medium-actionbutton-touch-hit-x: 8px;
--spectrum-medium-actionbutton-touch-hit-y: 8px;
--spectrum-medium-actionbutton-border-size: 1px;
--spectrum-medium-actionbutton-border-size-hover: 1px;
--spectrum-medium-actionbutton-border-size-down: 1px;
--spectrum-medium-actionbutton-border-size-key-focus: 2px;
--spectrum-medium-actionbutton-border-size-disabled: 1px;
--spectrum-medium-actionbutton-border-size-selected: 1px;
--spectrum-medium-actionbutton-border-size-selected-hover: 1px;
--spectrum-medium-actionbutton-border-size-selected-down: 1px;
--spectrum-medium-actionbutton-border-size-selected-key-focus: 2px;
--spectrum-medium-actionbutton-border-size-selected-disabled: 1px;
--spectrum-medium-actionbutton-quiet-text-font-family: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-medium-actionbutton-quiet-text-font-style: normal;
--spectrum-medium-actionbutton-quiet-text-font-weight: 400;
--spectrum-medium-actionbutton-quiet-text-line-height: 1.5;
--spectrum-medium-actionbutton-quiet-text-letter-spacing: 0;
--spectrum-medium-actionbutton-quiet-text-transform: none;
--spectrum-medium-actionbutton-quiet-text-size: 14px;
--spectrum-medium-actionbutton-quiet-icon-size: 18px;
--spectrum-medium-actionbutton-quiet-text-baseline: 12px;
--spectrum-medium-actionbutton-quiet-height: 32px;
--spectrum-medium-actionbutton-quiet-min-width: 32px;
--spectrum-medium-actionbutton-quiet-border-radius: 4px;
--spectrum-medium-actionbutton-quiet-text-padding-x: 12px;
--spectrum-medium-actionbutton-quiet-icon-padding-x: 7px;
--spectrum-medium-actionbutton-quiet-icon-padding-y: 7px;
--spectrum-medium-actionbutton-quiet-hold-icon-padding-bottom: 3px;
--spectrum-medium-actionbutton-quiet-hold-icon-padding-right: 3px;
--spectrum-medium-actionbutton-quiet-hold-icon-size: 5px;
--spectrum-medium-actionbutton-quiet-touch-hit-x: 8px;
--spectrum-medium-actionbutton-quiet-touch-hit-y: 8px;
--spectrum-medium-actionbutton-quiet-border-size: 1px;
--spectrum-medium-actionbutton-quiet-border-size-hover: 1px;
--spectrum-medium-actionbutton-quiet-border-size-down: 1px;
--spectrum-medium-actionbutton-quiet-border-size-key-focus: 2px;
--spectrum-medium-actionbutton-quiet-border-size-disabled: 1px;
--spectrum-medium-actionbutton-quiet-border-size-selected: 1px;
--spectrum-medium-actionbutton-quiet-border-size-selected-hover: 1px;
--spectrum-medium-actionbutton-quiet-border-size-selected-down: 1px;
--spectrum-medium-actionbutton-quiet-border-size-selected-key-focus: 2px;
--spectrum-medium-actionbutton-quiet-border-size-selected-disabled: 1px;
--spectrum-medium-actionbuttongroup-button-gap-y: 8px;
--spectrum-medium-actionbuttongroup-button-gap-x: 8px;
--spectrum-medium-actionbuttongroup-icon-button-gap-y: 8px;
--spectrum-medium-actionbuttongroup-icon-button-gap-x: 8px;
--spectrum-medium-actionbuttongroup-text-button-gap-y: 8px;
--spectrum-medium-actionbuttongroup-text-button-gap-x: 8px;
--spectrum-medium-alert-padding-x: 20px;
--spectrum-medium-alert-padding-y: 20px;
--spectrum-medium-alert-min-width: 368px;
--spectrum-medium-alert-content-margin-top: 8px;
--spectrum-medium-alert-error-padding-x: 20px;
--spectrum-medium-alert-error-padding-y: 20px;
--spectrum-medium-alert-error-min-width: 368px;
--spectrum-medium-alert-error-content-margin-top: 8px;
--spectrum-medium-alert-info-padding-x: 20px;
--spectrum-medium-alert-info-padding-y: 20px;
--spectrum-medium-alert-info-min-width: 368px;
--spectrum-medium-alert-info-content-margin-top: 8px;
--spectrum-medium-alert-success-padding-x: 20px;
--spectrum-medium-alert-success-padding-y: 20px;
--spectrum-medium-alert-success-min-width: 368px;
--spectrum-medium-alert-success-content-margin-top: 8px;
--spectrum-medium-alert-warning-padding-x: 20px;
--spectrum-medium-alert-warning-padding-y: 20px;
--spectrum-medium-alert-warning-min-width: 368px;
--spectrum-medium-alert-warning-content-margin-top: 8px;
--spectrum-medium-artboard-border-size: 1px;
--spectrum-medium-asset-icon-max-width: 80px;
--spectrum-medium-asset-icon-min-width: 48px;
--spectrum-medium-asset-icon-margin: 20px;
--spectrum-medium-avatar-small-border-radius: 50%;
--spectrum-medium-avatar-small-width: 16px;
--spectrum-medium-avatar-small-height: 16px;
--spectrum-medium-banner-border-radius: 8px;
--spectrum-medium-banner-padding-y: 4px;
--spectrum-medium-banner-padding-x: 8px;
--spectrum-medium-banner-text-size: 12px;
--spectrum-medium-banner-text-line-height: 1.3;
--spectrum-medium-barloader-large-width: 192px;
--spectrum-medium-barloader-large-label-gap-x: 12px;
--spectrum-medium-barloader-large-height: 6px;
--spectrum-medium-barloader-large-border-radius: 3px;
--spectrum-medium-barloader-large-fill-border-radius: 0;
--spectrum-medium-barloader-large-label-gap-y: 9px;
--spectrum-medium-barloader-large-indeterminate-width: 192px;
--spectrum-medium-barloader-large-indeterminate-label-gap-x: 12px;
--spectrum-medium-barloader-large-indeterminate-height: 6px;
--spectrum-medium-barloader-large-indeterminate-border-radius: 3px;
--spectrum-medium-barloader-large-indeterminate-fill-border-radius: 0;
--spectrum-medium-barloader-large-indeterminate-label-gap-y: 9px;
--spectrum-medium-barloader-large-indeterminate-fill-width: 136px;
--spectrum-medium-barloader-large-indeterminate-animation-ease: (.45, 0, .40, 1);
--spectrum-medium-barloader-large-indeterminate-duration: 1000ms;
--spectrum-medium-barloader-large-over-background-width: 192px;
--spectrum-medium-barloader-large-over-background-label-gap-x: 12px;
--spectrum-medium-barloader-large-over-background-height: 6px;
--spectrum-medium-barloader-large-over-background-border-radius: 3px;
--spectrum-medium-barloader-large-over-background-fill-border-radius: 0;
--spectrum-medium-barloader-large-over-background-label-gap-y: 9px;
--spectrum-medium-barloader-small-width: 192px;
--spectrum-medium-barloader-small-label-gap-x: 12px;
--spectrum-medium-barloader-small-height: 4px;
--spectrum-medium-barloader-small-border-radius: 2px;
--spectrum-medium-barloader-small-fill-border-radius: 0;
--spectrum-medium-barloader-small-label-gap-y: 9px;
--spectrum-medium-barloader-small-indeterminate-width: 192px;
--spectrum-medium-barloader-small-indeterminate-label-gap-x: 12px;
--spectrum-medium-barloader-small-indeterminate-height: 4px;
--spectrum-medium-barloader-small-indeterminate-border-radius: 2px;
--spectrum-medium-barloader-small-indeterminate-fill-border-radius: 0;
--spectrum-medium-barloader-small-indeterminate-label-gap-y: 9px;
--spectrum-medium-barloader-small-indeterminate-fill-width: 136px;
--spectrum-medium-barloader-small-indeterminate-animation-ease: (.45, 0, .40, 1);
--spectrum-medium-barloader-small-indeterminate-duration: 1000ms;
--spectrum-medium-barloader-small-over-background-width: 192px;
--spectrum-medium-barloader-small-over-background-label-gap-x: 12px;
--spectrum-medium-barloader-small-over-background-height: 4px;
--spectrum-medium-barloader-small-over-background-border-radius: 2px;
--spectrum-medium-barloader-small-over-background-fill-border-radius: 0;
--spectrum-medium-barloader-small-over-background-label-gap-y: 9px;
--spectrum-medium-breadcrumb-compact-margin-top: 8px;
--spectrum-medium-breadcrumb-compact-margin-bottom: 8px;
--spectrum-medium-breadcrumb-compact-list-height: 32px;
--spectrum-medium-breadcrumb-compact-list-padding-top: 2px;
--spectrum-medium-breadcrumb-compact-list-padding-bottom: 0px;
--spectrum-medium-breadcrumb-compact-separator-margin-y: 11px;
--spectrum-medium-breadcrumb-compact-separator-icon-width: 6px;
--spectrum-medium-breadcrumb-compact-separator-icon-height: 8px;
--spectrum-medium-breadcrumb-compact-item-text-font-family: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-medium-breadcrumb-compact-item-text-line-height: 1.5;
--spectrum-medium-breadcrumb-compact-item-text-font-weight: 400;
--spectrum-medium-breadcrumb-compact-item-margin-left: 1px;
--spectrum-medium-breadcrumb-compact-item-margin-right: 1px;
--spectrum-medium-breadcrumb-compact-item-border-radius: 4px;
--spectrum-medium-breadcrumb-compact-item-touch-hit-y: 8px;
--spectrum-medium-breadcrumb-compact-item-padding-x: 8px;
--spectrum-medium-breadcrumb-compact-title-margin-top: 0px;
--spectrum-medium-breadcrumb-compact-title-margin-left: 0px;
--spectrum-medium-breadcrumb-compact-title-text-font-family: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-medium-breadcrumb-compact-title-text-line-height: 1.5;
--spectrum-medium-breadcrumb-compact-title-text-font-weight: 700;
--spectrum-medium-breadcrumb-compact-title-padding-x: 8px;
--spectrum-medium-breadcrumb-compact-button-gap: 1px;
--spectrum-medium-breadcrumb-compact-button-touch-hit-y: 8px;
--spectrum-medium-breadcrumb-compact-button-touch-hit-x: 4px;
--spectrum-medium-breadcrumb-compact-item-text-size: 14px;
--spectrum-medium-breadcrumb-compact-title-text-size: 14px;
--spectrum-medium-breadcrumb-compact-item-border-size: 0px;
--spectrum-medium-breadcrumb-compact-item-border-size-hover: 0px;
--spectrum-medium-breadcrumb-compact-item-border-size-down: 0px;
--spectrum-medium-breadcrumb-compact-item-border-size-key-focus: 2px;
--spectrum-medium-breadcrumb-compact-item-border-size-drop: 2px;
--spectrum-medium-breadcrumb-compact-item-border-size-disabled: 0px;
--spectrum-medium-breadcrumb-margin-top: 8px;
--spectrum-medium-breadcrumb-margin-bottom: 8px;
--spectrum-medium-breadcrumb-list-height: 32px;
--spectrum-medium-breadcrumb-list-padding-top: 2px;
--spectrum-medium-breadcrumb-list-padding-bottom: 0px;
--spectrum-medium-breadcrumb-separator-margin-y: 11px;
--spectrum-medium-breadcrumb-separator-icon-width: 6px;
--spectrum-medium-breadcrumb-separator-icon-height: 8px;
--spectrum-medium-breadcrumb-item-text-font-family: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-medium-breadcrumb-item-text-line-height: 1.5;
--spectrum-medium-breadcrumb-item-text-font-weight: 400;
--spectrum-medium-breadcrumb-item-margin-left: 1px;
--spectrum-medium-breadcrumb-item-margin-right: 1px;
--spectrum-medium-breadcrumb-item-border-radius: 4px;
--spectrum-medium-breadcrumb-item-touch-hit-y: 8px;
--spectrum-medium-breadcrumb-item-padding-x: 8px;
--spectrum-medium-breadcrumb-title-margin-top: 0px;
--spectrum-medium-breadcrumb-title-margin-left: 0px;
--spectrum-medium-breadcrumb-title-text-font-family: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-medium-breadcrumb-title-text-line-height: 1.5;
--spectrum-medium-breadcrumb-title-text-font-weight: 700;
--spectrum-medium-breadcrumb-title-padding-x: 8px;
--spectrum-medium-breadcrumb-button-gap: 1px;
--spectrum-medium-breadcrumb-button-touch-hit-y: 8px;
--spectrum-medium-breadcrumb-button-touch-hit-x: 4px;
--spectrum-medium-breadcrumb-height: 32px;
--spectrum-medium-breadcrumb-ui-icon-width: 6px;
--spectrum-medium-breadcrumb-ui-icon-height: 8px;
--spectrum-medium-breadcrumb-margin: 32px;
--spectrum-medium-breadcrumb-text-size: 16px;
--spectrum-medium-breadcrumb-text-line-height: 1.5;
--spectrum-medium-breadcrumb-text-font-weight: 400;
--spectrum-medium-breadcrumb-item-text-size: 16px;
--spectrum-medium-breadcrumb-title-text-size: 16px;
--spectrum-medium-breadcrumb-item-border-size: 0px;
--spectrum-medium-breadcrumb-item-border-size-hover: 0px;
--spectrum-medium-breadcrumb-item-border-size-down: 0px;
--spectrum-medium-breadcrumb-item-border-size-key-focus: 2px;
--spectrum-medium-breadcrumb-item-border-size-drop: 2px;
--spectrum-medium-breadcrumb-item-border-size-disabled: 0px;
--spectrum-medium-breadcrumb-multiline-margin-top: 8px;
--spectrum-medium-breadcrumb-multiline-margin-bottom: 8px;
--spectrum-medium-breadcrumb-multiline-list-height: 32px;
--spectrum-medium-breadcrumb-multiline-list-padding-top: 2px;
--spectrum-medium-breadcrumb-multiline-list-padding-bottom: 0px;
--spectrum-medium-breadcrumb-multiline-separator-margin-y: 11px;
--spectrum-medium-breadcrumb-multiline-separator-icon-width: 6px;
--spectrum-medium-breadcrumb-multiline-separator-icon-height: 8px;
--spectrum-medium-breadcrumb-multiline-item-text-font-family: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-medium-breadcrumb-multiline-item-text-line-height: 1.5;
--spectrum-medium-breadcrumb-multiline-item-text-font-weight: 400;
--spectrum-medium-breadcrumb-multiline-item-margin-left: 1px;
--spectrum-medium-breadcrumb-multiline-item-margin-right: 1px;
--spectrum-medium-breadcrumb-multiline-item-border-radius: 4px;
--spectrum-medium-breadcrumb-multiline-item-touch-hit-y: 8px;
--spectrum-medium-breadcrumb-multiline-item-padding-x: 8px;
--spectrum-medium-breadcrumb-multiline-title-margin-top: 0px;
--spectrum-medium-breadcrumb-multiline-title-margin-left: 0px;
--spectrum-medium-breadcrumb-multiline-title-text-font-family: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-medium-breadcrumb-multiline-title-text-line-height: 1.3;
--spectrum-medium-breadcrumb-multiline-title-text-font-weight: 700;
--spectrum-medium-breadcrumb-multiline-title-padding-x: 8px;
--spectrum-medium-breadcrumb-multiline-button-gap: 1px;
--spectrum-medium-breadcrumb-multiline-button-touch-hit-y: 8px;
--spectrum-medium-breadcrumb-multiline-button-touch-hit-x: 4px;
--spectrum-medium-breadcrumb-multiline-item-text-size: 12px;
--spectrum-medium-breadcrumb-multiline-title-text-size: 18px;
--spectrum-medium-breadcrumb-multiline-item-border-size: 0px;
--spectrum-medium-breadcrumb-multiline-item-border-size-hover: 0px;
--spectrum-medium-breadcrumb-multiline-item-border-size-down: 0px;
--spectrum-medium-breadcrumb-multiline-item-border-size-key-focus: 2px;
--spectrum-medium-breadcrumb-multiline-item-border-size-drop: 2px;
--spectrum-medium-breadcrumb-multiline-item-border-size-disabled: 0px;
--spectrum-medium-breadcrumb-title-margin: 0.3em 0;
--spectrum-medium-breadcrumb-title-active-text-size: 28px;
--spectrum-medium-breadcrumb-title-active-text-font-weight: 300;
--spectrum-medium-breadcrumb-title-active-text-line-height: 32px;
--spectrum-medium-button-cta-height: 32px;
--spectrum-medium-button-cta-padding-x: 16px;
--spectrum-medium-button-cta-text-padding-x: 16px;
--spectrum-medium-button-cta-icon-padding-left: 14px;
--spectrum-medium-button-cta-icon-padding-right: 8px;
--spectrum-medium-button-cta-border-radius: 16px;
--spectrum-medium-button-cta-border-size: 2px;
--spectrum-medium-button-cta-text-font-weight: 700;
--spectrum-medium-button-cta-text-gap: 8px;
--spectrum-medium-button-cta-text-size: 15px;
--spectrum-medium-button-cta-text-baseline: 11px;
--spectrum-medium-button-cta-min-width: 72px;
--spectrum-medium-button-cta-touch-hit-x: 8px;
--spectrum-medium-button-cta-touch-hit-y: 8px;
--spectrum-medium-button-cta-border-size-increase-key-focus: 1px;
--spectrum-medium-button-over-background-height: 32px;
--spectrum-medium-button-over-background-padding-x: 16px;
--spectrum-medium-button-over-background-text-padding-x: 16px;
--spectrum-medium-button-over-background-icon-padding-left: 14px;
--spectrum-medium-button-over-background-icon-padding-right: 8px;
--spectrum-medium-button-over-background-border-radius: 16px;
--spectrum-medium-button-over-background-border-size: 2px;
--spectrum-medium-button-over-background-text-font-weight: 700;
--spectrum-medium-button-over-background-text-gap: 8px;
--spectrum-medium-button-over-background-text-size: 15px;
--spectrum-medium-button-over-background-text-baseline: 11px;
--spectrum-medium-button-over-background-min-width: 72px;
--spectrum-medium-button-over-background-touch-hit-x: 8px;
--spectrum-medium-button-over-background-touch-hit-y: 8px;
--spectrum-medium-button-over-background-border-size-increase-key-focus: 1px;
--spectrum-medium-button-primary-height: 32px;
--spectrum-medium-button-primary-padding-x: 16px;
--spectrum-medium-button-primary-text-padding-x: 16px;
--spectrum-medium-button-primary-icon-padding-left: 14px;
--spectrum-medium-button-primary-icon-padding-right: 8px;
--spectrum-medium-button-primary-border-radius: 16px;
--spectrum-medium-button-primary-border-size: 2px;
--spectrum-medium-button-primary-text-font-weight: 700;
--spectrum-medium-button-primary-text-gap: 8px;
--spectrum-medium-button-primary-text-size: 15px;
--spectrum-medium-button-primary-text-baseline: 11px;
--spectrum-medium-button-primary-min-width: 72px;
--spectrum-medium-button-primary-touch-hit-x: 8px;
--spectrum-medium-button-primary-touch-hit-y: 8px;
--spectrum-medium-button-primary-border-size-increase-key-focus: 1px;
--spectrum-medium-button-quiet-over-background-height: 32px;
--spectrum-medium-button-quiet-over-background-padding-x: 16px;
--spectrum-medium-button-quiet-over-background-text-padding-x: 16px;
--spectrum-medium-button-quiet-over-background-icon-padding-left: 14px;
--spectrum-medium-button-quiet-over-background-icon-padding-right: 8px;
--spectrum-medium-button-quiet-over-background-border-radius: 16px;
--spectrum-medium-button-quiet-over-background-border-size: 0;
--spectrum-medium-button-quiet-over-background-text-font-weight: 700;
--spectrum-medium-button-quiet-over-background-text-gap: 8px;
--spectrum-medium-button-quiet-over-background-text-size: 15px;
--spectrum-medium-button-quiet-over-background-text-baseline: 11px;
--spectrum-medium-button-quiet-over-background-min-width: 72px;
--spectrum-medium-button-quiet-over-background-touch-hit-x: 16px;
--spectrum-medium-button-quiet-over-background-touch-hit-y: 8px;
--spectrum-medium-button-quiet-over-background-cursor-hit-x: 16px;
--spectrum-medium-button-quiet-over-background-border-size-increase-key-focus: 1px;
--spectrum-medium-button-quiet-primary-height: 32px;
--spectrum-medium-button-quiet-primary-padding-x: 16px;
--spectrum-medium-button-quiet-primary-text-padding-x: 16px;
--spectrum-medium-button-quiet-primary-icon-padding-left: 14px;
--spectrum-medium-button-quiet-primary-icon-padding-right: 8px;
--spectrum-medium-button-quiet-primary-border-radius: 16px;
--spectrum-medium-button-quiet-primary-border-size: 0;
--spectrum-medium-button-quiet-primary-text-font-weight: 700;
--spectrum-medium-button-quiet-primary-text-gap: 8px;
--spectrum-medium-button-quiet-primary-text-size: 15px;
--spectrum-medium-button-quiet-primary-text-baseline: 11px;
--spectrum-medium-button-quiet-primary-min-width: 72px;
--spectrum-medium-button-quiet-primary-touch-hit-x: 16px;
--spectrum-medium-button-quiet-primary-touch-hit-y: 8px;
--spectrum-medium-button-quiet-primary-cursor-hit-x: 16px;
--spectrum-medium-button-quiet-primary-border-size-increase-key-focus: 1px;
--spectrum-medium-button-quiet-secondary-height: 32px;
--spectrum-medium-button-quiet-secondary-padding-x: 16px;
--spectrum-medium-button-quiet-secondary-text-padding-x: 16px;
--spectrum-medium-button-quiet-secondary-icon-padding-left: 14px;
--spectrum-medium-button-quiet-secondary-icon-padding-right: 8px;
--spectrum-medium-button-quiet-secondary-border-radius: 16px;
--spectrum-medium-button-quiet-secondary-border-size: 0;
--spectrum-medium-button-quiet-secondary-text-font-weight: 700;
--spectrum-medium-button-quiet-secondary-text-gap: 8px;
--spectrum-medium-button-quiet-secondary-text-size: 15px;
--spectrum-medium-button-quiet-secondary-text-baseline: 11px;
--spectrum-medium-button-quiet-secondary-min-width: 72px;
--spectrum-medium-button-quiet-secondary-touch-hit-x: 16px;
--spectrum-medium-button-quiet-secondary-touch-hit-y: 8px;
--spectrum-medium-button-quiet-secondary-cursor-hit-x: 16px;
--spectrum-medium-button-quiet-secondary-border-size-increase-key-focus: 1px;
--spectrum-medium-button-quiet-warning-height: 32px;
--spectrum-medium-button-quiet-warning-padding-x: 16px;
--spectrum-medium-button-quiet-warning-text-padding-x: 16px;
--spectrum-medium-button-quiet-warning-icon-padding-left: 14px;
--spectrum-medium-button-quiet-warning-icon-padding-right: 8px;
--spectrum-medium-button-quiet-warning-border-radius: 16px;
--spectrum-medium-button-quiet-warning-border-size: 0;
--spectrum-medium-button-quiet-warning-text-font-weight: 700;
--spectrum-medium-button-quiet-warning-text-gap: 8px;
--spectrum-medium-button-quiet-warning-text-size: 15px;
--spectrum-medium-button-quiet-warning-text-baseline: 11px;
--spectrum-medium-button-quiet-warning-min-width: 72px;
--spectrum-medium-button-quiet-warning-touch-hit-x: 16px;
--spectrum-medium-button-quiet-warning-touch-hit-y: 8px;
--spectrum-medium-button-quiet-warning-cursor-hit-x: 16px;
--spectrum-medium-button-quiet-warning-border-size-increase-key-focus: 1px;
--spectrum-medium-button-secondary-height: 32px;
--spectrum-medium-button-secondary-padding-x: 16px;
--spectrum-medium-button-secondary-text-padding-x: 16px;
--spectrum-medium-button-secondary-icon-padding-left: 14px;
--spectrum-medium-button-secondary-icon-padding-right: 8px;
--spectrum-medium-button-secondary-border-radius: 16px;
--spectrum-medium-button-secondary-border-size: 2px;
--spectrum-medium-button-secondary-text-font-weight: 700;
--spectrum-medium-button-secondary-text-gap: 8px;
--spectrum-medium-button-secondary-text-size: 15px;
--spectrum-medium-button-secondary-text-baseline: 11px;
--spectrum-medium-button-secondary-min-width: 72px;
--spectrum-medium-button-secondary-touch-hit-x: 8px;
--spectrum-medium-button-secondary-touch-hit-y: 8px;
--spectrum-medium-button-secondary-border-size-increase-key-focus: 1px;
--spectrum-medium-button-warning-height: 32px;
--spectrum-medium-button-warning-padding-x: 16px;
--spectrum-medium-button-warning-text-padding-x: 16px;
--spectrum-medium-button-warning-icon-padding-left: 14px;
--spectrum-medium-button-warning-icon-padding-right: 8px;
--spectrum-medium-button-warning-border-radius: 16px;
--spectrum-medium-button-warning-border-size: 2px;
--spectrum-medium-button-warning-text-font-weight: 700;
--spectrum-medium-button-warning-text-gap: 8px;
--spectrum-medium-button-warning-text-size: 15px;
--spectrum-medium-button-warning-text-baseline: 11px;
--spectrum-medium-button-warning-min-width: 72px;
--spectrum-medium-button-warning-touch-hit-x: 8px;
--spectrum-medium-button-warning-touch-hit-y: 8px;
--spectrum-medium-button-warning-border-size-increase-key-focus: 1px;
--spectrum-medium-buttongroup-button-gap-y: 16px;
--spectrum-medium-buttongroup-button-gap-x: 16px;
--spectrum-medium-calendar-day-width: 32px;
--spectrum-medium-calendar-day-height: 32px;
--spectrum-medium-calendar-day-padding: 4px;
--spectrum-medium-calendar-day-text-size: 14px;
--spectrum-medium-calendar-day-title-text-size: 11px;
--spectrum-medium-calendar-day-title-text-font-weight: 500;
--spectrum-medium-calendar-day-today-text-font-weight: 700;
--spectrum-medium-calendar-day-text-font-weight-selected: 700;
--spectrum-medium-calendar-day-text-font-weight-cap-selected: 700;
--spectrum-medium-calendar-day-border-size-key-focus: 2px;
--spectrum-medium-calendar-width: 250px;
--spectrum-medium-calendar-title-height: 32px;
--spectrum-medium-calendar-title-text-size: 18px;
--spectrum-medium-card-min-width: 240px;
--spectrum-medium-card-border-radius: 4px;
--spectrum-medium-card-coverphoto-height: 136px;
--spectrum-medium-card-coverphoto-border-bottom-size: 1px;
--spectrum-medium-card-body-padding-top: 20px;
--spectrum-medium-card-body-padding-right: 24px;
--spectrum-medium-card-body-padding-left: 24px;
--spectrum-medium-card-body-padding-bottom: 20px;
--spectrum-medium-card-checkbox-margin: 16px;
--spectrum-medium-card-body-header-height: 18px;
--spectrum-medium-card-body-content-height: 14px;
--spectrum-medium-card-body-content-margin-top: 6px;
--spectrum-medium-card-title-padding-right: 8px;
--spectrum-medium-card-title-text-size: 14px;
--spectrum-medium-card-subtitle-text-size: 11px;
--spectrum-medium-card-subtitle-padding-top: 4px;
--spectrum-medium-card-subtitle-padding-right: 8px;
--spectrum-medium-card-subtitle-letter-spacing: 0.06em;
--spectrum-medium-card-actions-margin: 10px;
--spectrum-medium-card-footer-padding-top: 14px;
--spectrum-medium-card-footer-border-top-size: 1px;
--spectrum-medium-card-border-size: 1px;
--spectrum-medium-card-border-size-key-focus: 2px;
--spectrum-medium-card-quiet-border-radius: 4px;
--spectrum-medium-card-quiet-border-size: 1px;
--spectrum-medium-card-quiet-min-size: 136px;
--spectrum-medium-card-quiet-checkbox-margin: 16px;
--spectrum-medium-card-quiet-preview-padding: 20px;
--spectrum-medium-card-quiet-body-margin-top: 14px;
--spectrum-medium-card-quiet-body-header-height: 18px;
--spectrum-medium-card-quiet-body-header-margin-top: 14px;
--spectrum-medium-card-quiet-small-border-radius: 4px;
--spectrum-medium-card-quiet-small-border-size: 1px;
--spectrum-medium-card-quiet-small-body-header-height: 12px;
--spectrum-medium-card-quiet-small-body-margin-top: 8px;
--spectrum-medium-card-quiet-small-preview-padding: 12px;
--spectrum-medium-card-quiet-small-checkbox-margin: 10px;
--spectrum-medium-card-quiet-small-min-size: 72px;
--spectrum-medium-card-quiet-small-title-text-size: 14px;
--spectrum-medium-card-quiet-small-body-header-margin-top: 14px;
--spectrum-medium-checkbox-text-font-family: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
--spectrum-medium-checkbox-text-font-style: normal;
--spectrum-medium-checkbox-text-font-weight: 400;
--spectrum-medium-checkbox-text-line-height: 1.5;
--spectrum-medium-checkbox-text-letter-spacing: 0;
--spectrum-medium-checkbox-text-transform: none;
--spectrum-medium-checkbox-text-size: 14px;
--spectrum-medium-checkbox-box-border-size: 2px;
--spectrum-medium-checkbox-box-border-radius: 2px;
--spectrum-medium-checkbox-checkmark-size: 10px;
--spectrum-medium-checkbox-box-size: 14px;
--spectrum-medium-checkbox-margin-bottom: 0px;
--spectrum-medium-checkbox-height: 32px;
--spectrum-medium-checkbox-cursor-hit-x: 8px;
--spectrum-medium-checkbox-touch-hit-x: 8px;
--spectrum-medium-checkbox-touch-hit-y: 8px;
--spectrum-medium-checkbox-text-gap: 10px;
--spectrum-medium-checkbox-text-baseline: 12px;
--spectrum-medium-checkbox-box-border-size-hover: 2px;
--spectrum-medium-checkbox-box-border-radius-hover: 2px;
--spectrum-medium-checkbox-text-gap-hover: 10px;
--spectrum-medium-checkbox-box-border-size-down: 2px;
--spectrum-medium-checkbox-box-border-radius-down: 2px;
--spectrum-medium-checkbox-text-gap-down: 10px;
--spectrum-medium-checkbox-box-border-radius-key-focus: 3px;
--spectrum-medium-checkbox-box-border-size-key-focus: 3px;
--spectrum-medium-checkbox-text-gap-key-focus: 9px;
--spectrum-medium-checkbox-box-border-size-disabled: 2px;
--spectrum-medium-checkbox-box-border-radius-disabled: 2px;
--spectrum-medium-checkbox-text-gap-disabled: 10px;
--spectrum-medium-checkbox-box-border-size-selected: 2px;
--spectrum-medium-checkbox-box-border-radius-selected: 2px;
--spectrum-medium-checkbox-text-gap-selected: 10px;
--spectrum-medium-checkbox-box-border-size-selected-hover: 2px;
--spectrum-medium-checkbox-box-border-radius-selected-hover: 2px;
--spectrum-medium-checkbox-text-gap-selected-hover: 10px;
--spectrum-medium-checkbox-box-border-size-selected-down: 2px;
--spectrum-medium-checkbox-box-border-radius-selected-down: 2px;
--spectrum-medium-checkbox-text-gap-selected-down: 10px;
--spectrum-medium-checkbox-box-border-radius-selected-key-focus: 3px;
--spectrum-medium-checkbox-box-border-size-selected-key-focus: 3px;
--spectrum-medium-checkbox-text-gap-selected-key-focus: 9px;
--spectrum-medium-checkbox-box-border-size-selected-disabled: 2px;
--spectrum-medium-checkbox-box-border-radius-selected-disabled: 2px;
--spectrum-medium-checkbox-text-gap-selected-disabled: 10px;
--spectrum-medium-checkbox-box-border-size-indeterminate: 2px;
--spectrum-medium-checkbox-box-border-radius-indeterminate: 2px;
--spectrum-medium-checkbox-text-gap-indeterminate: 10px;
--spectrum-medium-checkbox-box-border-size-indeterminate-hover: 2px;
--spectrum-medium-checkbox-box-border-radius-indeterminate-hover: 2px;
--spectrum-medium-checkbox-text-gap-indeterminate-hover: 10px;
--spectrum-medium-checkbox-box-border-size-indeterminate-down: 2px;
--spectrum-medium-checkbox-box-border-radius-indeterminate-down: 2px;
--spectrum-medium-checkbox-text-gap-indeterminate-down: 10px;
--spectrum-medium-checkbox-box-border-radius-indeterminate-key-focus: 3px;
--spectrum-medium-checkbox-box-border-size-indeterminate-key-focus: 3px;
--spectrum-medium-checkbox-text-gap-indeterminate-key-focus: 9px;
--spectrum-medium-checkbox-box-border-size-indeterminate-disabled: 2px;
--spectrum-medium-checkbox-box-border-radius-indeterminate-disabled: 2px;
--spectrum-medium-checkbox-text-gap-indeterminate-disabled: 10px;
--spectrum-medium-checkbox-box-border-size-error: 2px;
--spectrum-medium-checkbox-box-border-radius-error: 2px;
--spectrum-medium-checkbox-text-gap-error: 10px;
--spectrum-medium-checkbox-box-border-size-error-hover: 2px;
--spectrum-medium-checkbox-box-border-radius-error-hover: 2px;
--spectrum-medium-checkbox-text-gap-error-hover: 10px;
--spectrum-medium-checkbox-box-border-size-error-down: 2px;
--spectrum-medium-checkbox-box-border-radius-error-down: 2px;
--spectrum-medium-checkbox-text-gap-error-down: 10px;
--spectrum-medium-checkbox-box-border-radius-error-key-focus: 3px;
--spectrum-medium-checkbox-box-border-size-error-key-focus: 3px;
--spectrum-medium-checkbox-text-gap-error-key-focus: 9px;
--spectrum-medium-checkbox-box-border-size-error-disabled: 2px;
--spectrum-medium-checkbox-box-border-radius-error-disabled: 2px;
--spectrum-medium-checkbox-text-gap-error-disabled: 10px;
--spectrum-medium-checkbox-box-border-size-error-selected: 2px;
--spectrum-medium-checkbox-box-border-radius-error-selected: 2px;
--spectrum-medium-checkbox-text-gap-error-selected: 10px;
--spectrum-medium-checkbox-box-border-size-error-selected-hover: 2px;
--spectrum-medium-checkbox-box-border-radius-error-selected-hover: 2px;
--spectrum-medium-checkbox-text-gap-error-selected-hover: 10px;
--spectrum-medium-checkbox-box-border-size-error-selected-down: 2px;
--spectrum-medium-checkbox-box-border-radius-error-selected-down: 2px;
--spectrum-medium-checkbox-text-gap-error-selected-down: 10px;
--spectrum-medium-checkbox-box-bor