.spectrum {  /* spectrum-animationGlobals.css */
  --spectrum-global-animation-linear: cubic-bezier(0, 0, 1, 1);
  --spectrum-global-animation-duration-0: 0ms;
  --spectrum-global-animation-duration-100: 130ms;
  --spectrum-global-animation-duration-200: 160ms;
  --spectrum-global-animation-duration-300: 190ms;
  --spectrum-global-animation-duration-400: 220ms;
  --spectrum-global-animation-duration-500: 250ms;
  --spectrum-global-animation-duration-600: 300ms;
  --spectrum-global-animation-duration-700: 350ms;
  --spectrum-global-animation-duration-800: 400ms;
  --spectrum-global-animation-duration-900: 450ms;
  --spectrum-global-animation-duration-1000: 500ms;
  --spectrum-global-animation-duration-2000: 1000ms;
  --spectrum-global-animation-duration-4000: 2000ms;
  --spectrum-global-animation-ease-in-out: cubic-bezier(.45, 0, .40, 1);
  --spectrum-global-animation-ease-in: cubic-bezier(.50, 0, 1, 1);
  --spectrum-global-animation-ease-out: cubic-bezier(0, 0, 0.40, 1);
  --spectrum-global-animation-ease-linear: cubic-bezier(0, 0, 1, 1);


  /* spectrum-colorGlobals.css */
  --spectrum-global-color-status: Verified;
  --spectrum-global-color-version: 5.1.0;
  --spectrum-global-color-static-black: rgb(0, 0, 0);
  --spectrum-global-color-static-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-blue-800: rgb(9, 90, 186);
  --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-red-800: rgb(187, 18, 26);
  --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-orange-800: rgb(189, 100, 13);
  --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-green-800: rgb(16, 113, 84);
  --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-celery-800: rgb(49, 139, 64);
  --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-chartreuse-800: rgb(106, 168, 52);
  --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-yellow-800: rgb(183, 153, 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-magenta-800: rgb(174, 14, 102);
  --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-fuchsia-800: rgb(147, 33, 158);
  --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-indigo-800: rgb(70, 70, 198);
  --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-static-seafoam-800: rgb(9, 108, 111);
  --spectrum-global-color-static-transparent-white-200: rgba(255,255,255,0.1);
  --spectrum-global-color-static-transparent-white-300: rgba(255,255,255,0.25);
  --spectrum-global-color-static-transparent-white-400: rgba(255,255,255,0.4);
  --spectrum-global-color-static-transparent-white-500: rgba(255,255,255,0.55);
  --spectrum-global-color-static-transparent-white-600: rgba(255,255,255,0.7);
  --spectrum-global-color-static-transparent-white-700: rgba(255,255,255,0.8);
  --spectrum-global-color-static-transparent-white-800: rgba(255,255,255,0.9);
  --spectrum-global-color-static-transparent-white-900: rgb(255,255,255);
  --spectrum-global-color-static-transparent-black-200: rgba(0,0,0,0.1);
  --spectrum-global-color-static-transparent-black-300: rgba(0,0,0,0.25);
  --spectrum-global-color-static-transparent-black-400: rgba(0,0,0,0.4);
  --spectrum-global-color-static-transparent-black-500: rgba(0,0,0,0.55);
  --spectrum-global-color-static-transparent-black-600: rgba(0,0,0,0.7);
  --spectrum-global-color-static-transparent-black-700: rgba(0,0,0,0.8);
  --spectrum-global-color-static-transparent-black-800: rgba(0,0,0,0.9);
  --spectrum-global-color-static-transparent-black-900: rgb(0,0,0);
  --spectrum-global-color-sequential-cerulean: #E9FFF1,#C8F1E4,#A5E3D7,#82D5CA,#68C5C1,#54B4BA,#3FA2B2,#2991AC,#2280A2,#1F6D98,#1D5C8D,#1A4B83,#1A3979,#1A266F,#191264,#180057;
  --spectrum-global-color-sequential-forest: #FFFFDF,#E2F6BA,#C4EB95,#A4E16D,#8DD366,#77C460,#5FB65A,#48A754,#36984F,#2C894D,#237A4A,#196B47,#105C45,#094D41,#033F3E,#00313A;
  --spectrum-global-color-sequential-rose: #FFF4DD,#FFDDD7,#FFC5D2,#FEAECB,#FA96C4,#F57EBD,#EF64B5,#E846AD,#D238A1,#BB2E96,#A3248C,#8A1B83,#71167C,#560F74,#370B6E,#000968;
  --spectrum-global-color-diverging-orange-yellow-seafoam: #580000,#79260B,#9C4511,#BD651A,#DD8629,#F5AD52,#FED693,#FFFFE0,#BBE4D1,#76C7BE,#3EA8A6,#208288,#076769,#00494B,#002C2D;
  --spectrum-global-color-diverging-red-yellow-blue: #4A001E,#751232,#A52747,#C65154,#E47961,#F0A882,#FAD4AC,#FFFFE0,#BCE2CF,#89C0C4,#579EB9,#397AA8,#1C5796,#163771,#10194D;
  --spectrum-global-color-diverging-red-blue: #4A001E,#731331,#9F2945,#CC415A,#E06E85,#ED9AB0,#F8C3D9,#FAF0FF,#C6D0F2,#92B2DE,#5D94CB,#2F74B3,#265191,#163670,#0B194C;


  /* spectrum-colorSemantics.css */
  --spectrum-semantic-negative-background-color: var(--spectrum-global-color-static-red-700);
  --spectrum-semantic-negative-color-default: var(--spectrum-global-color-red-500);
  --spectrum-semantic-negative-color-hover: var(--spectrum-global-color-red-600);
  --spectrum-semantic-negative-color-dark: var(--spectrum-global-color-red-600);
  --spectrum-semantic-negative-border-color: var(--spectrum-global-color-red-400);
  --spectrum-semantic-negative-icon-color: var(--spectrum-global-color-red-600);
  --spectrum-semantic-negative-status-color: var(--spectrum-global-color-red-400);
  --spectrum-semantic-negative-text-color-large: var(--spectrum-global-color-red-500);
  --spectrum-semantic-negative-text-color-small: var(--spectrum-global-color-red-600);
  --spectrum-semantic-negative-text-color-small-hover: var(--spectrum-global-color-red-700);
  --spectrum-semantic-negative-text-color-small-down: var(--spectrum-global-color-red-700);
  --spectrum-semantic-negative-text-color-small-key-focus: var(--spectrum-global-color-red-600);
  --spectrum-semantic-negative-color-down: var(--spectrum-global-color-red-700);
  --spectrum-semantic-negative-color-key-focus: var(--spectrum-global-color-red-400);
  --spectrum-semantic-negative-background-color-default: var(--spectrum-global-color-static-red-600);
  --spectrum-semantic-negative-background-color-hover: var(--spectrum-global-color-static-red-700);
  --spectrum-semantic-negative-background-color-down: var(--spectrum-global-color-static-red-800);
  --spectrum-semantic-negative-background-color-key-focus: var(--spectrum-global-color-static-red-700);
  --spectrum-semantic-notice-background-color: var(--spectrum-global-color-static-orange-700);
  --spectrum-semantic-notice-color-default: var(--spectrum-global-color-orange-500);
  --spectrum-semantic-notice-color-dark: var(--spectrum-global-color-orange-600);
  --spectrum-semantic-notice-border-color: var(--spectrum-global-color-orange-400);
  --spectrum-semantic-notice-icon-color: var(--spectrum-global-color-orange-600);
  --spectrum-semantic-notice-status-color: var(--spectrum-global-color-orange-400);
  --spectrum-semantic-notice-text-color-large: var(--spectrum-global-color-orange-500);
  --spectrum-semantic-notice-text-color-small: var(--spectrum-global-color-orange-600);
  --spectrum-semantic-notice-color-down: var(--spectrum-global-color-orange-700);
  --spectrum-semantic-notice-color-key-focus: var(--spectrum-global-color-orange-400);
  --spectrum-semantic-notice-background-color-default: var(--spectrum-global-color-static-orange-600);
  --spectrum-semantic-notice-background-color-hover: var(--spectrum-global-color-static-orange-700);
  --spectrum-semantic-notice-background-color-down: var(--spectrum-global-color-static-orange-800);
  --spectrum-semantic-notice-background-color-key-focus: var(--spectrum-global-color-static-orange-700);
  --spectrum-semantic-positive-background-color: var(--spectrum-global-color-static-green-700);
  --spectrum-semantic-positive-color-default: var(--spectrum-global-color-green-500);
  --spectrum-semantic-positive-color-dark: var(--spectrum-global-color-green-600);
  --spectrum-semantic-positive-border-color: var(--spectrum-global-color-green-400);
  --spectrum-semantic-positive-icon-color: var(--spectrum-global-color-green-600);
  --spectrum-semantic-positive-status-color: var(--spectrum-global-color-green-400);
  --spectrum-semantic-positive-text-color-large: var(--spectrum-global-color-green-500);
  --spectrum-semantic-positive-text-color-small: var(--spectrum-global-color-green-600);
  --spectrum-semantic-positive-color-down: var(--spectrum-global-color-green-700);
  --spectrum-semantic-positive-color-key-focus: var(--spectrum-global-color-green-400);
  --spectrum-semantic-positive-background-color-default: var(--spectrum-global-color-static-green-600);
  --spectrum-semantic-positive-background-color-hover: var(--spectrum-global-color-static-green-700);
  --spectrum-semantic-positive-background-color-down: var(--spectrum-global-color-static-green-800);
  --spectrum-semantic-positive-background-color-key-focus: var(--spectrum-global-color-static-green-700);
  --spectrum-semantic-informative-background-color: var(--spectrum-global-color-static-blue-700);
  --spectrum-semantic-informative-color-default: var(--spectrum-global-color-blue-500);
  --spectrum-semantic-informative-color-dark: var(--spectrum-global-color-blue-600);
  --spectrum-semantic-informative-border-color: var(--spectrum-global-color-blue-400);
  --spectrum-semantic-informative-icon-color: var(--spectrum-global-color-blue-600);
  --spectrum-semantic-informative-status-color: var(--spectrum-global-color-blue-400);
  --spectrum-semantic-informative-text-color-large: var(--spectrum-global-color-blue-500);
  --spectrum-semantic-informative-text-color-small: var(--spectrum-global-color-blue-600);
  --spectrum-semantic-informative-color-down: var(--spectrum-global-color-blue-700);
  --spectrum-semantic-informative-color-key-focus: var(--spectrum-global-color-blue-400);
  --spectrum-semantic-informative-background-color-default: var(--spectrum-global-color-static-blue-600);
  --spectrum-semantic-informative-background-color-hover: var(--spectrum-global-color-static-blue-700);
  --spectrum-semantic-informative-background-color-down: var(--spectrum-global-color-static-blue-800);
  --spectrum-semantic-informative-background-color-key-focus: var(--spectrum-global-color-static-blue-700);
  --spectrum-semantic-cta-background-color-default: var(--spectrum-global-color-static-blue-600);
  --spectrum-semantic-cta-background-color-hover: var(--spectrum-global-color-static-blue-700);
  --spectrum-semantic-cta-background-color-down: var(--spectrum-global-color-static-blue-800);
  --spectrum-semantic-cta-background-color-key-focus: var(--spectrum-global-color-static-blue-600);
  --spectrum-semantic-neutral-background-color-default: var(--spectrum-global-color-static-gray-700);
  --spectrum-semantic-neutral-background-color-hover: var(--spectrum-global-color-static-gray-800);
  --spectrum-semantic-neutral-background-color-down: var(--spectrum-global-color-static-gray-900);
  --spectrum-semantic-neutral-background-color-key-focus: var(--spectrum-global-color-static-gray-800);
  --spectrum-semantic-presence-color-1: var(--spectrum-global-color-static-red-500);
  --spectrum-semantic-presence-color-2: var(--spectrum-global-color-static-orange-400);
  --spectrum-semantic-presence-color-3: var(--spectrum-global-color-static-yellow-400);
  --spectrum-semantic-presence-color-4: rgb(75, 204, 162);
  --spectrum-semantic-presence-color-5: rgb(0, 199, 255);
  --spectrum-semantic-presence-color-6: rgb(0, 140, 184);
  --spectrum-semantic-presence-color-7: rgb(126, 75, 243);
  --spectrum-semantic-presence-color-8: var(--spectrum-global-color-static-fuchsia-600);


  /* spectrum-dimensionGlobals.css */
  --spectrum-global-dimension-static-percent-50: 50%;
  --spectrum-global-dimension-static-percent-70: 70%;
  --spectrum-global-dimension-static-percent-100: 100%;
  --spectrum-global-dimension-static-breakpoint-xsmall: 304px;
  --spectrum-global-dimension-static-breakpoint-small: 768px;
  --spectrum-global-dimension-static-breakpoint-medium: 1280px;
  --spectrum-global-dimension-static-breakpoint-large: 1768px;
  --spectrum-global-dimension-static-breakpoint-xlarge: 2160px;
  --spectrum-global-dimension-static-grid-columns: 12;
  --spectrum-global-dimension-static-grid-fluid-width: 100%;
  --spectrum-global-dimension-static-grid-fixed-max-width: 1280px;
  --spectrum-global-dimension-static-size-0: 0px;
  --spectrum-global-dimension-static-size-10: 1px;
  --spectrum-global-dimension-static-size-25: 2px;
  --spectrum-global-dimension-static-size-40: 3px;
  --spectrum-global-dimension-static-size-50: 4px;
  --spectrum-global-dimension-static-size-65: 5px;
  --spectrum-global-dimension-static-size-75: 6px;
  --spectrum-global-dimension-static-size-85: 7px;
  --spectrum-global-dimension-static-size-100: 8px;
  --spectrum-global-dimension-static-size-115: 9px;
  --spectrum-global-dimension-static-size-125: 10px;
  --spectrum-global-dimension-static-size-130: 11px;
  --spectrum-global-dimension-static-size-150: 12px;
  --spectrum-global-dimension-static-size-160: 13px;
  --spectrum-global-dimension-static-size-175: 14px;
  --spectrum-global-dimension-static-size-200: 16px;
  --spectrum-global-dimension-static-size-225: 18px;
  --spectrum-global-dimension-static-size-250: 20px;
  --spectrum-global-dimension-static-size-275: 22px;
  --spectrum-global-dimension-static-size-300: 24px;
  --spectrum-global-dimension-static-size-325: 26px;
  --spectrum-global-dimension-static-size-400: 32px;
  --spectrum-global-dimension-static-size-450: 36px;
  --spectrum-global-dimension-static-size-500: 40px;
  --spectrum-global-dimension-static-size-550: 44px;
  --spectrum-global-dimension-static-size-600: 48px;
  --spectrum-global-dimension-static-size-700: 56px;
  --spectrum-global-dimension-static-size-800: 64px;
  --spectrum-global-dimension-static-size-900: 72px;
  --spectrum-global-dimension-static-size-1000: 80px;
  --spectrum-global-dimension-static-size-1200: 96px;
  --spectrum-global-dimension-static-size-1700: 136px;
  --spectrum-global-dimension-static-size-2400: 192px;
  --spectrum-global-dimension-static-size-2500: 200px;
  --spectrum-global-dimension-static-size-2600: 208px;
  --spectrum-global-dimension-static-size-2800: 224px;
  --spectrum-global-dimension-static-size-3200: 256px;
  --spectrum-global-dimension-static-size-3400: 272px;
  --spectrum-global-dimension-static-size-3500: 280px;
  --spectrum-global-dimension-static-size-3600: 288px;
  --spectrum-global-dimension-static-size-3800: 304px;
  --spectrum-global-dimension-static-size-4600: 368px;
  --spectrum-global-dimension-static-size-5000: 400px;
  --spectrum-global-dimension-static-size-6000: 480px;
  --spectrum-global-dimension-static-size-16000: 1280px;
  --spectrum-global-dimension-static-font-size-50: 11px;
  --spectrum-global-dimension-static-font-size-75: 12px;
  --spectrum-global-dimension-static-font-size-100: 14px;
  --spectrum-global-dimension-static-font-size-150: 15px;
  --spectrum-global-dimension-static-font-size-200: 16px;
  --spectrum-global-dimension-static-font-size-300: 18px;
  --spectrum-global-dimension-static-font-size-400: 20px;
  --spectrum-global-dimension-static-font-size-500: 22px;
  --spectrum-global-dimension-static-font-size-600: 25px;
  --spectrum-global-dimension-static-font-size-700: 28px;
  --spectrum-global-dimension-static-font-size-800: 32px;
  --spectrum-global-dimension-static-font-size-900: 36px;
  --spectrum-global-dimension-static-font-size-1000: 40px;


  /* spectrum-fontGlobals.css */
  --spectrum-global-font-family-base: adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
  --spectrum-global-font-family-serif: adobe-clean-serif, 'Source Serif Pro', Georgia, serif;
  --spectrum-global-font-family-code: 'Source Code Pro', Monaco, monospace;
  --spectrum-global-font-weight-thin: 100;
  --spectrum-global-font-weight-ultra-light: 200;
  --spectrum-global-font-weight-light: 300;
  --spectrum-global-font-weight-regular: 400;
  --spectrum-global-font-weight-medium: 500;
  --spectrum-global-font-weight-semi-bold: 600;
  --spectrum-global-font-weight-bold: 700;
  --spectrum-global-font-weight-extra-bold: 800;
  --spectrum-global-font-weight-black: 900;
  --spectrum-global-font-style-regular: normal;
  --spectrum-global-font-style-italic: italic;
  --spectrum-global-font-letter-spacing-none: 0;
  --spectrum-global-font-letter-spacing-small: 0.0125em;
  --spectrum-global-font-letter-spacing-han: 0.05em;
  --spectrum-global-font-letter-spacing-medium: 0.06em;
  --spectrum-global-font-line-height-large: 1.7;
  --spectrum-global-font-line-height-medium: 1.5;
  --spectrum-global-font-line-height-small: 1.3;
  --spectrum-global-font-multiplier-0: 0em;
  --spectrum-global-font-multiplier-25: 0.25em;
  --spectrum-global-font-multiplier-75: 0.75em;
  --spectrum-global-font-font-family-ar: myriad-arabic, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
  --spectrum-global-font-font-family-he: myriad-hebrew, adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
  --spectrum-global-font-font-family-zh: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', 'sans-serif';
  --spectrum-global-font-font-family-zhhans: adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', 'sans-serif';
  --spectrum-global-font-font-family-ko: adobe-clean-han-korean, source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif';
  --spectrum-global-font-font-family-ja: adobe-clean-han-japanese, source-han-japanese, 'Yu Gothic', '\30E1 \30A4 \30EA \30AA', '\30D2 \30E9 \30AE \30CE \89D2 \30B4  Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Osaka', '\FF2D \FF33 \FF30 \30B4 \30B7 \30C3 \30AF', 'MS PGothic', 'sans-serif';
  --spectrum-global-font-font-family-condensed: adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Heiti TC Light', adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;


  /* spectrum-staticAliases.css */
  --spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10);
  --spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25);
  --spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50);
  --spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100);
  --spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25);
  --spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50);
  --spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100);
  --spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100);
  --spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300);
  --spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400);
  --spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500);
  --spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600);
  --spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300);
  --spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400);
  --spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500);
  --spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600);
  --spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300);
  --spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400);
  --spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500);
  --spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600);
  --spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550);
  --spectrum-alias-focus-ring-gap: var(--spectrum-global-dimension-static-size-25);
  --spectrum-alias-focus-ring-size: var(--spectrum-global-dimension-static-size-25);
  --spectrum-alias-loupe-entry-animation-duration: var(--spectrum-global-animation-duration-300);
  --spectrum-alias-loupe-exit-animation-duration: var(--spectrum-global-animation-duration-300);
  --spectrum-alias-heading-text-line-height: var(--spectrum-global-font-line-height-small);
  --spectrum-alias-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
  --spectrum-alias-heading-text-font-weight-light: var(--spectrum-global-font-weight-light);
  --spectrum-alias-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black);
  --spectrum-alias-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black);
  --spectrum-alias-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-light);
  --spectrum-alias-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
  --spectrum-alias-heading-text-font-weight-strong-strong: var(--spectrum-global-font-weight-black);
  --spectrum-alias-heading-margin-bottom: var(--spectrum-global-font-multiplier-25);
  --spectrum-alias-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
  --spectrum-alias-body-text-font-family: var(--spectrum-global-font-family-base);
  --spectrum-alias-body-text-line-height: var(--spectrum-global-font-line-height-medium);
  --spectrum-alias-body-text-font-weight: var(--spectrum-global-font-weight-regular);
  --spectrum-alias-body-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-body-margin-bottom: var(--spectrum-global-font-multiplier-75);
  --spectrum-alias-detail-text-font-weight: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-detail-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-detail-text-font-weight-light: var(--spectrum-global-font-weight-regular);
  --spectrum-alias-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black);
  --spectrum-alias-article-heading-text-font-weight: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-article-heading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
  --spectrum-alias-article-heading-text-font-weight-quiet: var(--spectrum-global-font-weight-regular);
  --spectrum-alias-article-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-article-body-text-font-weight: var(--spectrum-global-font-weight-regular);
  --spectrum-alias-article-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
  --spectrum-alias-article-subheading-text-font-weight: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-article-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
  --spectrum-alias-article-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
  --spectrum-alias-article-detail-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-code-text-font-family: var(--spectrum-global-font-family-code);
  --spectrum-alias-code-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
  --spectrum-alias-code-text-font-weight-strong: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-code-text-line-height: var(--spectrum-global-font-line-height-medium);
  --spectrum-alias-code-margin-bottom: var(--spectrum-global-font-multiplier-0);
  --spectrum-alias-font-family-ar: var(--spectrum-global-font-font-family-ar);
  --spectrum-alias-font-family-he: var(--spectrum-global-font-font-family-he);
  --spectrum-alias-font-family-zh: var(--spectrum-global-font-font-family-zh);
  --spectrum-alias-font-family-zhhans: var(--spectrum-global-font-font-family-zhhans);
  --spectrum-alias-font-family-ko: var(--spectrum-global-font-font-family-ko);
  --spectrum-alias-font-family-ja: var(--spectrum-global-font-font-family-ja);
  --spectrum-alias-font-family-condensed: var(--spectrum-global-font-font-family-condensed);
  --spectrum-alias-button-text-line-height: var(--spectrum-global-font-line-height-small);
  --spectrum-alias-component-text-line-height: var(--spectrum-global-font-line-height-small);
  --spectrum-alias-han-component-text-line-height: var(--spectrum-global-font-line-height-medium);
  --spectrum-alias-serif-text-font-family: var(--spectrum-global-font-family-serif);
  --spectrum-alias-han-heading-text-line-height: var(--spectrum-global-font-line-height-medium);
  --spectrum-alias-han-heading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-han-heading-text-font-weight-regular-emphasis: var(--spectrum-global-font-weight-extra-bold);
  --spectrum-alias-han-heading-text-font-weight-regular-strong: var(--spectrum-global-font-weight-black);
  --spectrum-alias-han-heading-text-font-weight-quiet-strong: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-han-heading-text-font-weight-light: var(--spectrum-global-font-weight-light);
  --spectrum-alias-han-heading-text-font-weight-light-emphasis: var(--spectrum-global-font-weight-regular);
  --spectrum-alias-han-heading-text-font-weight-light-strong: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-han-heading-text-font-weight-heavy: var(--spectrum-global-font-weight-black);
  --spectrum-alias-han-heading-text-font-weight-heavy-emphasis: var(--spectrum-global-font-weight-black);
  --spectrum-alias-han-heading-text-font-weight-heavy-strong: var(--spectrum-global-font-weight-black);
  --spectrum-alias-han-body-text-line-height: var(--spectrum-global-font-line-height-large);
  --spectrum-alias-han-body-text-font-weight-regular: var(--spectrum-global-font-weight-regular);
  --spectrum-alias-han-body-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-han-body-text-font-weight-strong: var(--spectrum-global-font-weight-black);
  --spectrum-alias-han-subheading-text-font-weight-regular: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-han-subheading-text-font-weight-emphasis: var(--spectrum-global-font-weight-extra-bold);
  --spectrum-alias-han-subheading-text-font-weight-strong: var(--spectrum-global-font-weight-black);
  --spectrum-alias-han-detail-text-font-weight: var(--spectrum-global-font-weight-regular);
  --spectrum-alias-han-detail-text-font-weight-emphasis: var(--spectrum-global-font-weight-bold);
  --spectrum-alias-han-detail-text-font-weight-strong: var(--spectrum-global-font-weight-black);

}

.spectrum--medium,
.spectrum--large {
  /* spectrum-dimensionAliases.css */
  --spectrum-alias-item-height-s: var(--spectrum-global-dimension-size-300);
  --spectrum-alias-item-height-m: var(--spectrum-global-dimension-size-400);
  --spectrum-alias-item-height-l: var(--spectrum-global-dimension-size-500);
  --spectrum-alias-item-height-xl: var(--spectrum-global-dimension-size-600);
  --spectrum-alias-item-rounded-border-radius-s: var(--spectrum-global-dimension-size-150);
  --spectrum-alias-item-rounded-border-radius-m: var(--spectrum-global-dimension-size-200);
  --spectrum-alias-item-rounded-border-radius-l: var(--spectrum-global-dimension-size-250);
  --spectrum-alias-item-rounded-border-radius-xl: var(--spectrum-global-dimension-size-300);
  --spectrum-alias-item-text-size-s: var(--spectrum-global-dimension-font-size-75);
  --spectrum-alias-item-text-size-m: var(--spectrum-global-dimension-font-size-100);
  --spectrum-alias-item-text-size-l: var(--spectrum-global-dimension-font-size-200);
  --spectrum-alias-item-text-size-xl: var(--spectrum-global-dimension-font-size-300);
  --spectrum-alias-item-text-padding-top-s: var(--spectrum-global-dimension-static-size-50);
  --spectrum-alias-item-text-padding-top-m: var(--spectrum-global-dimension-size-75);
  --spectrum-alias-item-text-padding-top-xl: var(--spectrum-global-dimension-size-150);
  --spectrum-alias-item-text-padding-bottom-m: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-item-text-padding-bottom-l: var(--spectrum-global-dimension-size-130);
  --spectrum-alias-item-text-padding-bottom-xl: var(--spectrum-global-dimension-size-175);
  --spectrum-alias-item-icon-padding-top-s: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-item-icon-padding-top-m: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-item-icon-padding-top-l: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-item-icon-padding-top-xl: var(--spectrum-global-dimension-size-160);
  --spectrum-alias-item-icon-padding-bottom-s: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-item-icon-padding-bottom-m: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-item-icon-padding-bottom-l: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-item-icon-padding-bottom-xl: var(--spectrum-global-dimension-size-160);
  --spectrum-alias-item-padding-s: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-item-padding-m: var(--spectrum-global-dimension-size-150);
  --spectrum-alias-item-padding-l: var(--spectrum-global-dimension-size-185);
  --spectrum-alias-item-padding-xl: var(--spectrum-global-dimension-size-225);
  --spectrum-alias-item-rounded-padding-s: var(--spectrum-global-dimension-size-150);
  --spectrum-alias-item-rounded-padding-m: var(--spectrum-global-dimension-size-200);
  --spectrum-alias-item-rounded-padding-l: var(--spectrum-global-dimension-size-250);
  --spectrum-alias-item-rounded-padding-xl: var(--spectrum-global-dimension-size-300);
  --spectrum-alias-item-icononly-padding-s: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-item-icononly-padding-m: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-item-icononly-padding-l: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-item-icononly-padding-xl: var(--spectrum-global-dimension-size-160);
  --spectrum-alias-item-control-gap-s: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-item-control-gap-m: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-item-control-gap-l: var(--spectrum-global-dimension-size-130);
  --spectrum-alias-item-control-gap-xl: var(--spectrum-global-dimension-size-160);
  --spectrum-alias-item-workflow-icon-gap-s: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-item-workflow-icon-gap-m: var(--spectrum-global-dimension-size-100);
  --spectrum-alias-item-workflow-icon-gap-l: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-item-workflow-icon-gap-xl: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-item-mark-gap-s: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-item-mark-gap-m: var(--spectrum-global-dimension-size-100);
  --spectrum-alias-item-mark-gap-l: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-item-mark-gap-xl: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-item-ui-icon-gap-s: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-item-ui-icon-gap-m: var(--spectrum-global-dimension-size-100);
  --spectrum-alias-item-ui-icon-gap-l: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-item-ui-icon-gap-xl: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-item-clearbutton-gap-s: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-item-clearbutton-gap-m: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-item-clearbutton-gap-l: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-item-clearbutton-gap-xl: var(--spectrum-global-dimension-size-150);
  --spectrum-alias-item-workflow-padding-left-s: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-item-workflow-padding-left-l: var(--spectrum-global-dimension-size-160);
  --spectrum-alias-item-workflow-padding-left-xl: var(--spectrum-global-dimension-size-185);
  --spectrum-alias-item-rounded-workflow-padding-left-s: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-item-rounded-workflow-padding-left-l: var(--spectrum-global-dimension-size-225);
  --spectrum-alias-item-mark-padding-top-s: var(--spectrum-global-dimension-size-40);
  --spectrum-alias-item-mark-padding-top-l: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-item-mark-padding-top-xl: var(--spectrum-global-dimension-size-130);
  --spectrum-alias-item-mark-padding-bottom-s: var(--spectrum-global-dimension-size-40);
  --spectrum-alias-item-mark-padding-bottom-l: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-item-mark-padding-bottom-xl: var(--spectrum-global-dimension-size-130);
  --spectrum-alias-item-mark-padding-left-s: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-item-mark-padding-left-l: var(--spectrum-global-dimension-size-160);
  --spectrum-alias-item-mark-padding-left-xl: var(--spectrum-global-dimension-size-185);
  --spectrum-alias-item-control-1-size-s: var(--spectrum-global-dimension-static-size-100);
  --spectrum-alias-item-control-1-size-m: var(--spectrum-global-dimension-size-100);
  --spectrum-alias-item-control-2-size-m: var(--spectrum-global-dimension-size-175);
  --spectrum-alias-item-control-2-size-l: var(--spectrum-global-dimension-size-200);
  --spectrum-alias-item-control-2-size-xl: var(--spectrum-global-dimension-size-225);
  --spectrum-alias-item-control-2-size-xxl: var(--spectrum-global-dimension-size-250);
  --spectrum-alias-item-control-2-border-radius-s: var(--spectrum-global-dimension-size-75);
  --spectrum-alias-item-control-2-border-radius-m: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-item-control-2-border-radius-l: var(--spectrum-global-dimension-size-100);
  --spectrum-alias-item-control-2-border-radius-xl: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-item-control-2-border-radius-xxl: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-item-control-2-padding-s: var(--spectrum-global-dimension-size-75);
  --spectrum-alias-item-control-2-padding-m: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-item-control-2-padding-l: var(--spectrum-global-dimension-size-150);
  --spectrum-alias-item-control-2-padding-xl: var(--spectrum-global-dimension-size-185);
  --spectrum-alias-item-control-3-height-m: var(--spectrum-global-dimension-size-175);
  --spectrum-alias-item-control-3-height-l: var(--spectrum-global-dimension-size-200);
  --spectrum-alias-item-control-3-height-xl: var(--spectrum-global-dimension-size-225);
  --spectrum-alias-item-control-3-border-radius-s: var(--spectrum-global-dimension-size-75);
  --spectrum-alias-item-control-3-border-radius-m: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-item-control-3-border-radius-l: var(--spectrum-global-dimension-size-100);
  --spectrum-alias-item-control-3-border-radius-xl: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-item-control-3-padding-s: var(--spectrum-global-dimension-size-75);
  --spectrum-alias-item-control-3-padding-m: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-item-control-3-padding-l: var(--spectrum-global-dimension-size-150);
  --spectrum-alias-item-control-3-padding-xl: var(--spectrum-global-dimension-size-185);
  --spectrum-alias-item-mark-size-s: var(--spectrum-global-dimension-size-225);
  --spectrum-alias-item-mark-size-l: var(--spectrum-global-dimension-size-275);
  --spectrum-alias-item-mark-size-xl: var(--spectrum-global-dimension-size-325);
  --spectrum-alias-heading-xxxl-text-size: var(--spectrum-global-dimension-font-size-1300);
  --spectrum-alias-heading-xxl-text-size: var(--spectrum-global-dimension-font-size-1100);
  --spectrum-alias-heading-xl-text-size: var(--spectrum-global-dimension-font-size-900);
  --spectrum-alias-heading-l-text-size: var(--spectrum-global-dimension-font-size-700);
  --spectrum-alias-heading-m-text-size: var(--spectrum-global-dimension-font-size-500);
  --spectrum-alias-heading-s-text-size: var(--spectrum-global-dimension-font-size-300);
  --spectrum-alias-heading-xs-text-size: var(--spectrum-global-dimension-font-size-200);
  --spectrum-alias-heading-xxs-text-size: var(--spectrum-global-dimension-font-size-100);
  --spectrum-alias-heading-xxxl-margin-top: var(--spectrum-global-dimension-font-size-1200);
  --spectrum-alias-heading-xxl-margin-top: var(--spectrum-global-dimension-font-size-900);
  --spectrum-alias-heading-xl-margin-top: var(--spectrum-global-dimension-font-size-800);
  --spectrum-alias-heading-l-margin-top: var(--spectrum-global-dimension-font-size-600);
  --spectrum-alias-heading-m-margin-top: var(--spectrum-global-dimension-font-size-400);
  --spectrum-alias-heading-s-margin-top: var(--spectrum-global-dimension-font-size-200);
  --spectrum-alias-heading-xs-margin-top: var(--spectrum-global-dimension-font-size-100);
  --spectrum-alias-heading-xxs-margin-top: var(--spectrum-global-dimension-font-size-75);
  --spectrum-alias-heading-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-1300);
  --spectrum-alias-heading-han-xxl-text-size: var(--spectrum-global-dimension-font-size-900);
  --spectrum-alias-heading-han-xl-text-size: var(--spectrum-global-dimension-font-size-800);
  --spectrum-alias-heading-han-l-text-size: var(--spectrum-global-dimension-font-size-600);
  --spectrum-alias-heading-han-m-text-size: var(--spectrum-global-dimension-font-size-400);
  --spectrum-alias-heading-han-s-text-size: var(--spectrum-global-dimension-font-size-300);
  --spectrum-alias-heading-han-xs-text-size: var(--spectrum-global-dimension-font-size-200);
  --spectrum-alias-heading-han-xxs-text-size: var(--spectrum-global-dimension-font-size-100);
  --spectrum-alias-heading-han-xxxl-margin-top: var(--spectrum-global-dimension-font-size-1200);
  --spectrum-alias-heading-han-xxl-margin-top: var(--spectrum-global-dimension-font-size-800);
  --spectrum-alias-heading-han-xl-margin-top: var(--spectrum-global-dimension-font-size-700);
  --spectrum-alias-heading-han-l-margin-top: var(--spectrum-global-dimension-font-size-500);
  --spectrum-alias-heading-han-m-margin-top: var(--spectrum-global-dimension-font-size-300);
  --spectrum-alias-heading-han-s-margin-top: var(--spectrum-global-dimension-font-size-200);
  --spectrum-alias-heading-han-xs-margin-top: var(--spectrum-global-dimension-font-size-100);
  --spectrum-alias-heading-han-xxs-margin-top: var(--spectrum-global-dimension-font-size-75);
  --spectrum-alias-component-border-radius: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-component-border-radius-quiet: var(--spectrum-global-dimension-static-size-0);
  --spectrum-alias-component-focusring-gap: var(--spectrum-global-dimension-static-size-0);
  --spectrum-alias-component-focusring-gap-emphasized: var(--spectrum-global-dimension-static-size-25);
  --spectrum-alias-component-focusring-size: var(--spectrum-global-dimension-static-size-10);
  --spectrum-alias-component-focusring-size-emphasized: var(--spectrum-global-dimension-static-size-25);
  --spectrum-alias-component-focusring-border-radius: var(--spectrum-global-dimension-size-75);
  --spectrum-alias-input-border-size: var(--spectrum-global-dimension-static-size-10);
  --spectrum-alias-input-focusring-gap: var(--spectrum-global-dimension-static-size-0);
  --spectrum-alias-input-quiet-focusline-gap: var(--spectrum-global-dimension-static-size-10);
  --spectrum-alias-control-two-size-m: var(--spectrum-global-dimension-size-175);
  --spectrum-alias-control-two-size-l: var(--spectrum-global-dimension-size-200);
  --spectrum-alias-control-two-size-xl: var(--spectrum-global-dimension-size-225);
  --spectrum-alias-control-two-size-xxl: var(--spectrum-global-dimension-size-250);
  --spectrum-alias-control-two-border-radius-s: var(--spectrum-global-dimension-size-75);
  --spectrum-alias-control-two-border-radius-m: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-control-two-border-radius-l: var(--spectrum-global-dimension-size-100);
  --spectrum-alias-control-two-border-radius-xl: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-control-two-border-radius-xxl: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-control-three-height-m: var(--spectrum-global-dimension-size-175);
  --spectrum-alias-control-three-height-l: var(--spectrum-global-dimension-size-200);
  --spectrum-alias-control-three-height-xl: var(--spectrum-global-dimension-size-225);
  --spectrum-alias-infieldbutton-icon-margin-y-s: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-infieldbutton-icon-margin-y-m: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-infieldbutton-icon-margin-y-l: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-infieldbutton-icon-margin-y-xl: var(--spectrum-global-dimension-size-160);
  --spectrum-alias-infieldbutton-border-radius: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-infieldbutton-border-radius-sided: 0;
  --spectrum-alias-infieldbutton-border-size: var(--spectrum-global-dimension-static-size-10);
  --spectrum-alias-infieldbutton-fill-padding-s: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-infieldbutton-fill-padding-m: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-infieldbutton-fill-padding-l: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-infieldbutton-fill-padding-xl: var(--spectrum-global-dimension-size-160);
  --spectrum-alias-infieldbutton-padding-s: 0;
  --spectrum-alias-infieldbutton-padding-m: 0;
  --spectrum-alias-infieldbutton-padding-l: 0;
  --spectrum-alias-infieldbutton-padding-xl: 0;
  --spectrum-alias-infieldbutton-full-height-s: var(--spectrum-global-dimension-size-300);
  --spectrum-alias-infieldbutton-full-height-m: var(--spectrum-global-dimension-size-400);
  --spectrum-alias-infieldbutton-full-height-l: var(--spectrum-global-dimension-size-500);
  --spectrum-alias-infieldbutton-full-height-xl: var(--spectrum-global-dimension-size-600);
  --spectrum-alias-infieldbutton-half-height-s: var(--spectrum-global-dimension-size-150);
  --spectrum-alias-infieldbutton-half-height-m: var(--spectrum-global-dimension-size-200);
  --spectrum-alias-infieldbutton-half-height-l: var(--spectrum-global-dimension-size-250);
  --spectrum-alias-infieldbutton-half-height-xl: var(--spectrum-global-dimension-size-300);
  --spectrum-alias-stepperbutton-gap: 0;
  --spectrum-alias-stepperbutton-width-s: var(--spectrum-global-dimension-size-225);
  --spectrum-alias-stepperbutton-width-m: var(--spectrum-global-dimension-size-300);
  --spectrum-alias-stepperbutton-width-l: var(--spectrum-global-dimension-size-400);
  --spectrum-alias-stepperbutton-width-xl: var(--spectrum-global-dimension-size-450);
  --spectrum-alias-stepperbutton-icon-x-offset-s: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-stepperbutton-icon-x-offset-m: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-stepperbutton-icon-x-offset-l: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-stepperbutton-icon-x-offset-xl: var(--spectrum-global-dimension-size-130);
  --spectrum-alias-stepperbutton-icon-y-offset-top-s: var(--spectrum-global-dimension-size-25);
  --spectrum-alias-stepperbutton-icon-y-offset-top-m: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-stepperbutton-icon-y-offset-top-l: var(--spectrum-global-dimension-size-65);
  --spectrum-alias-stepperbutton-icon-y-offset-top-xl: var(--spectrum-global-dimension-size-75);
  --spectrum-alias-stepperbutton-icon-y-offset-bottom-s: var(--spectrum-global-dimension-size-10);
  --spectrum-alias-stepperbutton-icon-y-offset-bottom-m: var(--spectrum-global-dimension-size-25);
  --spectrum-alias-stepperbutton-icon-y-offset-bottom-l: var(--spectrum-global-dimension-size-40);
  --spectrum-alias-stepperbutton-icon-y-offset-bottom-xl: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-stepperbutton-radius-touching: 0;
  --spectrum-alias-clearbutton-icon-margin-s: var(--spectrum-global-dimension-size-100);
  --spectrum-alias-clearbutton-icon-margin-m: var(--spectrum-global-dimension-size-150);
  --spectrum-alias-clearbutton-icon-margin-l: var(--spectrum-global-dimension-size-185);
  --spectrum-alias-clearbutton-icon-margin-xl: var(--spectrum-global-dimension-size-225);
  --spectrum-alias-clearbutton-border-radius: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-pickerbutton-icononly-padding-x-s: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-pickerbutton-icononly-padding-x-m: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-pickerbutton-icononly-padding-x-l: var(--spectrum-global-dimension-size-160);
  --spectrum-alias-pickerbutton-icononly-padding-x-xl: var(--spectrum-global-dimension-size-200);
  --spectrum-alias-pickerbutton-icon-margin-y-s: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-pickerbutton-icon-margin-y-m: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-pickerbutton-icon-margin-y-l: var(--spectrum-global-dimension-size-160);
  --spectrum-alias-pickerbutton-icon-margin-y-xl: var(--spectrum-global-dimension-size-200);
  --spectrum-alias-pickerbutton-label-padding-y-s: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-pickerbutton-label-padding-y-m: var(--spectrum-global-dimension-size-75);
  --spectrum-alias-pickerbutton-label-padding-y-l: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-pickerbutton-label-padding-y-xl: var(--spectrum-global-dimension-size-150);
  --spectrum-alias-pickerbutton-border-radius-rounded: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-search-border-radius: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-search-border-radius-quiet: 0;
  --spectrum-alias-combobox-quiet-button-offset-x: var(--spectrum-global-dimension-size-100);
  --spectrum-alias-thumbnail-border-radius-small: var(--spectrum-global-dimension-size-25);
  --spectrum-alias-search-padding-left-s: var(--spectrum-global-dimension-size-85);
  --spectrum-alias-search-padding-left-l: var(--spectrum-global-dimension-size-160);
  --spectrum-alias-search-padding-left-xl: var(--spectrum-global-dimension-size-185);
  --spectrum-alias-percent-50: 50%;
  --spectrum-alias-percent-70: 70%;
  --spectrum-alias-percent-100: 100%;
  --spectrum-alias-breakpoint-xsmall: 304px;
  --spectrum-alias-breakpoint-small: 768px;
  --spectrum-alias-breakpoint-medium: 1280px;
  --spectrum-alias-breakpoint-large: 1768px;
  --spectrum-alias-breakpoint-xlarge: 2160px;
  --spectrum-alias-grid-columns: 12;
  --spectrum-alias-grid-fluid-width: 100%;
  --spectrum-alias-grid-fixed-max-width: 1280px;
  --spectrum-alias-border-size-thin: var(--spectrum-global-dimension-static-size-10);
  --spectrum-alias-border-size-thick: var(--spectrum-global-dimension-static-size-25);
  --spectrum-alias-border-size-thicker: var(--spectrum-global-dimension-static-size-50);
  --spectrum-alias-border-size-thickest: var(--spectrum-global-dimension-static-size-100);
  --spectrum-alias-border-offset-thin: var(--spectrum-global-dimension-static-size-25);
  --spectrum-alias-border-offset-thick: var(--spectrum-global-dimension-static-size-50);
  --spectrum-alias-border-offset-thicker: var(--spectrum-global-dimension-static-size-100);
  --spectrum-alias-border-offset-thickest: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-grid-baseline: var(--spectrum-global-dimension-static-size-100);
  --spectrum-alias-grid-gutter-xsmall: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-grid-gutter-small: var(--spectrum-global-dimension-static-size-300);
  --spectrum-alias-grid-gutter-medium: var(--spectrum-global-dimension-static-size-400);
  --spectrum-alias-grid-gutter-large: var(--spectrum-global-dimension-static-size-500);
  --spectrum-alias-grid-gutter-xlarge: var(--spectrum-global-dimension-static-size-600);
  --spectrum-alias-grid-margin-xsmall: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-grid-margin-small: var(--spectrum-global-dimension-static-size-300);
  --spectrum-alias-grid-margin-medium: var(--spectrum-global-dimension-static-size-400);
  --spectrum-alias-grid-margin-large: var(--spectrum-global-dimension-static-size-500);
  --spectrum-alias-grid-margin-xlarge: var(--spectrum-global-dimension-static-size-600);
  --spectrum-alias-grid-layout-region-margin-bottom-xsmall: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-grid-layout-region-margin-bottom-small: var(--spectrum-global-dimension-static-size-300);
  --spectrum-alias-grid-layout-region-margin-bottom-medium: var(--spectrum-global-dimension-static-size-400);
  --spectrum-alias-grid-layout-region-margin-bottom-large: var(--spectrum-global-dimension-static-size-500);
  --spectrum-alias-grid-layout-region-margin-bottom-xlarge: var(--spectrum-global-dimension-static-size-600);
  --spectrum-alias-radial-reaction-size-default: var(--spectrum-global-dimension-static-size-550);
  --spectrum-alias-focus-ring-gap: var(--spectrum-global-dimension-static-size-25);
  --spectrum-alias-focus-ring-size: var(--spectrum-global-dimension-static-size-25);
  --spectrum-alias-focus-ring-gap-small: var(--spectrum-global-dimension-static-size-0);
  --spectrum-alias-focus-ring-size-small: var(--spectrum-global-dimension-static-size-10);
  --spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-10);
  --spectrum-alias-font-size-default: var(--spectrum-global-dimension-font-size-100);
  --spectrum-alias-layout-label-gap-size: var(--spectrum-global-dimension-size-100);
  --spectrum-alias-pill-button-text-size: var(--spectrum-global-dimension-font-size-100);
  --spectrum-alias-pill-button-text-baseline: var(--spectrum-global-dimension-static-size-150);
  --spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-10);
  --spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-25);
  --spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50);
  --spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-100);
  --spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-200);
  --spectrum-alias-border-radius-xlarge: var(--spectrum-global-dimension-size-300);
  --spectrum-alias-single-line-height: var(--spectrum-global-dimension-size-400);
  --spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400);
  --spectrum-alias-workflow-icon-size-s: var(--spectrum-global-dimension-size-200);
  --spectrum-alias-workflow-icon-size-m: var(--spectrum-global-dimension-size-225);
  --spectrum-alias-workflow-icon-size-xl: var(--spectrum-global-dimension-size-275);
  --spectrum-alias-ui-icon-alert-size-75: var(--spectrum-global-dimension-size-200);
  --spectrum-alias-ui-icon-alert-size-100: var(--spectrum-global-dimension-size-225);
  --spectrum-alias-ui-icon-alert-size-200: var(--spectrum-global-dimension-size-250);
  --spectrum-alias-ui-icon-alert-size-300: var(--spectrum-global-dimension-size-275);
  --spectrum-alias-ui-icon-triplegripper-size-100-height: var(--spectrum-global-dimension-size-100);
  --spectrum-alias-ui-icon-doublegripper-size-100-width: var(--spectrum-global-dimension-size-200);
  --spectrum-alias-ui-icon-singlegripper-size-100-width: var(--spectrum-global-dimension-size-300);
  --spectrum-alias-ui-icon-cornertriangle-size-75: var(--spectrum-global-dimension-size-65);
  --spectrum-alias-ui-icon-cornertriangle-size-200: var(--spectrum-global-dimension-size-75);
  --spectrum-alias-ui-icon-asterisk-size-75: var(--spectrum-global-dimension-static-size-100);
  --spectrum-alias-ui-icon-asterisk-size-100: var(--spectrum-global-dimension-size-100);
  --spectrum-alias-avatar-size-50: var(--spectrum-global-dimension-size-200);
  --spectrum-alias-avatar-size-75: var(--spectrum-global-dimension-size-225);
  --spectrum-alias-avatar-size-200: var(--spectrum-global-dimension-size-275);
  --spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325);
  --spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400);
  --spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500);
  --spectrum-alias-avatar-border-size: var(--spectrum-global-dimension-size-0);
}

.spectrum--darkest,
.spectrum--dark,
.spectrum--light,
.spectrum--lightest {
  /* spectrum-colorAliases.css */
  --spectrum-alias-colorhandle-outer-border-color: rgba(0,0,0,0.42);
  --spectrum-alias-transparent-blue-background-color-hover: rgba(13,102,208,0.15);
  --spectrum-alias-transparent-blue-background-color-down: rgba(9,90,186,0.15);
  --spectrum-alias-transparent-blue-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-hover);
  --spectrum-alias-transparent-blue-background-color-mouse-focus: var(--spectrum-alias-transparent-blue-background-color-hover);
  --spectrum-alias-transparent-blue-background-color: var(--spectrum-alias-component-text-color-default);
  --spectrum-alias-transparent-red-background-color-hover: rgba(201,37,45,0.15);
  --spectrum-alias-transparent-red-background-color-down: rgba(187,18,26,0.15);
  --spectrum-alias-transparent-red-background-color-key-focus: var(--spectrum-alias-transparent-red-background-color-hover);
  --spectrum-alias-transparent-red-background-color-mouse-focus: var(--spectrum-alias-transparent-red-background-color-hover);
  --spectrum-alias-transparent-red-background-color: var(--spectrum-alias-component-text-color-default);
  --spectrum-alias-component-text-color-disabled: var(--spectrum-global-color-gray-500);
  --spectrum-alias-component-text-color-default: var(--spectrum-global-color-gray-800);
  --spectrum-alias-component-text-color-hover: var(--spectrum-global-color-gray-900);
  --spectrum-alias-component-text-color-down: var(--spectrum-global-color-gray-900);
  --spectrum-alias-component-text-color-key-focus: var(--spectrum-alias-component-text-color-hover);
  --spectrum-alias-component-text-color-mouse-focus: var(--spectrum-alias-component-text-color-hover);
  --spectrum-alias-component-text-color: var(--spectrum-alias-component-text-color-default);
  --spectrum-alias-component-text-color-selected-default: var(--spectrum-alias-component-text-color-default);
  --spectrum-alias-component-text-color-selected-hover: var(--spectrum-alias-component-text-color-hover);
  --spectrum-alias-component-text-color-selected-down: var(--spectrum-alias-component-text-color-down);
  --spectrum-alias-component-text-color-selected-key-focus: var(--spectrum-alias-component-text-color-key-focus);
  --spectrum-alias-component-text-color-selected-mouse-focus: var(--spectrum-alias-component-text-color-mouse-focus);
  --spectrum-alias-component-text-color-selected: var(--spectrum-alias-component-text-color-selected-default);
  --spectrum-alias-component-text-color-emphasized-selected-default: var(--spectrum-global-color-static-white);
  --spectrum-alias-component-text-color-emphasized-selected-hover: var(--spectrum-alias-component-text-color-emphasized-selected-default);
  --spectrum-alias-component-text-color-emphasized-selected-down: var(--spectrum-alias-component-text-color-emphasized-selected-default);
  --spectrum-alias-component-text-color-emphasized-selected-key-focus: var(--spectrum-alias-component-text-color-emphasized-selected-default);
  --spectrum-alias-component-text-color-emphasized-selected-mouse-focus: var(--spectrum-alias-component-text-color-emphasized-selected-default);
  --spectrum-alias-component-text-color-emphasized-selected: var(--spectrum-alias-component-text-color-emphasized-selected-default);
  --spectrum-alias-component-text-color-error-default: var(--spectrum-semantic-negative-text-color-small);
  --spectrum-alias-component-text-color-error-hover: var(--spectrum-semantic-negative-text-color-small-hover);
  --spectrum-alias-component-text-color-error-down: var(--spectrum-semantic-negative-text-color-small-down);
  --spectrum-alias-component-text-color-error-key-focus: var(--spectrum-semantic-negative-text-color-small-key-focus);
  --spectrum-alias-component-text-color-error-mouse-focus: var(--spectrum-semantic-negative-text-color-small-key-focus);
  --spectrum-alias-component-text-color-error: var(--spectrum-alias-component-text-color-error-default);
  --spectrum-alias-component-icon-color-disabled: var(--spectrum-alias-icon-color-disabled);
  --spectrum-alias-component-icon-color-default: var(--spectrum-alias-icon-color);
  --spectrum-alias-component-icon-color-hover: var(--spectrum-alias-icon-color-hover);
  --spectrum-alias-component-icon-color-down: var(--spectrum-alias-icon-color-down);
  --spectrum-alias-component-icon-color-key-focus: var(--spectrum-alias-icon-color-hover);
  --spectrum-alias-component-icon-color-mouse-focus: var(--spectrum-alias-icon-color-down);
  --spectrum-alias-component-icon-color: var(--spectrum-alias-component-icon-color-default);
  --spectrum-alias-component-icon-color-selected: var(--spectrum-alias-icon-color-selected-neutral-subdued);
  --spectrum-alias-component-icon-color-emphasized-selected-default: var(--spectrum-global-color-static-white);
  --spectrum-alias-component-icon-color-emphasized-selected-hover: var(--spectrum-alias-component-icon-color-emphasized-selected-default);
  --spectrum-alias-component-icon-color-emphasized-selected-down: var(--spectrum-alias-component-icon-color-emphasized-selected-default);
  --spectrum-alias-component-icon-color-emphasized-selected-key-focus: var(--spectrum-alias-component-icon-color-emphasized-selected-default);
  --spectrum-alias-component-icon-color-emphasized-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default);
  --spectrum-alias-component-background-color-disabled: var(--spectrum-global-color-gray-200);
  --spectrum-alias-component-background-color-quiet-disabled: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-component-background-color-quiet-selected-disabled: var(--spectrum-alias-component-background-color-disabled);
  --spectrum-alias-component-background-color-default: var(--spectrum-global-color-gray-75);
  --spectrum-alias-component-background-color-hover: var(--spectrum-global-color-gray-50);
  --spectrum-alias-component-background-color-down: var(--spectrum-global-color-gray-200);
  --spectrum-alias-component-background-color-key-focus: var(--spectrum-global-color-gray-50);
  --spectrum-alias-component-background-color: var(--spectrum-alias-component-background-color-default);
  --spectrum-alias-component-background-color-selected-default: var(--spectrum-global-color-gray-200);
  --spectrum-alias-component-background-color-selected-hover: var(--spectrum-global-color-gray-200);
  --spectrum-alias-component-background-color-selected-down: var(--spectrum-global-color-gray-200);
  --spectrum-alias-component-background-color-selected-key-focus: var(--spectrum-global-color-gray-200);
  --spectrum-alias-component-background-color-selected: var(--spectrum-alias-component-background-color-selected-default);
  --spectrum-alias-component-background-color-quiet-default: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-component-background-color-quiet-hover: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-component-background-color-quiet-down: var(--spectrum-global-color-gray-300);
  --spectrum-alias-component-background-color-quiet-key-focus: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-component-background-color-quiet: var(--spectrum-alias-component-background-color-quiet-default);
  --spectrum-alias-component-background-color-quiet-selected-default: var(--spectrum-alias-component-background-color-selected-default);
  --spectrum-alias-component-background-color-quiet-selected-hover: var(--spectrum-alias-component-background-color-selected-hover);
  --spectrum-alias-component-background-color-quiet-selected-down: var(--spectrum-alias-component-background-color-selected-down);
  --spectrum-alias-component-background-color-quiet-selected-key-focus: var(--spectrum-alias-component-background-color-selected-key-focus);
  --spectrum-alias-component-background-color-quiet-selected: var(--spectrum-alias-component-background-color-selected-default);
  --spectrum-alias-component-background-color-emphasized-selected-default: var(--spectrum-semantic-cta-background-color-default);
  --spectrum-alias-component-background-color-emphasized-selected-hover: var(--spectrum-semantic-cta-background-color-hover);
  --spectrum-alias-component-background-color-emphasized-selected-down: var(--spectrum-semantic-cta-background-color-down);
  --spectrum-alias-component-background-color-emphasized-selected-key-focus: var(--spectrum-semantic-cta-background-color-key-focus);
  --spectrum-alias-component-background-color-emphasized-selected: var(--spectrum-alias-component-background-color-emphasized-selected-default);
  --spectrum-alias-component-border-color-disabled: var(--spectrum-alias-border-color-disabled);
  --spectrum-alias-component-border-color-quiet-disabled: var(--spectrum-alias-border-color-transparent);
  --spectrum-alias-component-border-color-default: var(--spectrum-alias-border-color);
  --spectrum-alias-component-border-color-hover: var(--spectrum-alias-border-color-hover);
  --spectrum-alias-component-border-color-down: var(--spectrum-alias-border-color-down);
  --spectrum-alias-component-border-color-key-focus: var(--spectrum-alias-border-color-key-focus);
  --spectrum-alias-component-border-color: var(--spectrum-alias-component-border-color-default);
  --spectrum-alias-component-border-color-selected-default: var(--spectrum-alias-border-color);
  --spectrum-alias-component-border-color-selected-hover: var(--spectrum-alias-border-color-hover);
  --spectrum-alias-component-border-color-selected-down: var(--spectrum-alias-border-color-down);
  --spectrum-alias-component-border-color-selected-key-focus: var(--spectrum-alias-border-color-key-focus);
  --spectrum-alias-component-border-color-selected: var(--spectrum-alias-component-border-color-selected-default);
  --spectrum-alias-component-border-color-quiet-default: var(--spectrum-alias-border-color-transparent);
  --spectrum-alias-component-border-color-quiet-hover: var(--spectrum-alias-border-color-transparent);
  --spectrum-alias-component-border-color-quiet-down: var(--spectrum-alias-border-color-transparent);
  --spectrum-alias-component-border-color-quiet-key-focus: var(--spectrum-alias-border-color-key-focus);
  --spectrum-alias-component-border-color-quiet: var(--spectrum-alias-component-border-color-quiet-default);
  --spectrum-alias-component-border-color-quiet-selected-default: var(--spectrum-global-color-gray-200);
  --spectrum-alias-component-border-color-quiet-selected-hover: var(--spectrum-global-color-gray-200);
  --spectrum-alias-component-border-color-quiet-selected-down: var(--spectrum-global-color-gray-200);
  --spectrum-alias-component-border-color-quiet-selected-key-focus: var(--spectrum-alias-border-color-key-focus);
  --spectrum-alias-component-border-color-quiet-selected: var(--spectrum-alias-component-border-color-quiet-selected-default);
  --spectrum-alias-component-border-color-emphasized-selected-default: var(--spectrum-semantic-cta-background-color-default);
  --spectrum-alias-component-border-color-emphasized-selected-hover: var(--spectrum-semantic-cta-background-color-hover);
  --spectrum-alias-component-border-color-emphasized-selected-down: var(--spectrum-semantic-cta-background-color-down);
  --spectrum-alias-component-border-color-emphasized-selected-key-focus: var(--spectrum-semantic-cta-background-color-key-focus);
  --spectrum-alias-component-border-color-emphasized-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default);
  --spectrum-alias-avatar-border-color-default: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-avatar-border-color-hover: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-avatar-border-color-down: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-avatar-border-color-key-focus: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-avatar-border-color: var(--spectrum-alias-avatar-border-color-default);
  --spectrum-alias-avatar-border-color-disabled: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-avatar-border-color-selected-default: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-avatar-border-color-selected-hover: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-avatar-border-color-selected-down: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-avatar-border-color-selected-key-focus: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-avatar-border-color-selected: var(--spectrum-alias-avatar-border-color-selected-default);
  --spectrum-alias-avatar-border-color-selected-disabled: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-toggle-background-color-default: var(--spectrum-global-color-gray-700);
  --spectrum-alias-toggle-background-color-hover: var(--spectrum-global-color-gray-800);
  --spectrum-alias-toggle-background-color-down: var(--spectrum-global-color-gray-900);
  --spectrum-alias-toggle-background-color-key-focus: var(--spectrum-global-color-gray-800);
  --spectrum-alias-toggle-background-color: var(--spectrum-alias-toggle-background-color-default);
  --spectrum-alias-toggle-background-color-emphasized-selected-default: var(--spectrum-semantic-cta-background-color-default);
  --spectrum-alias-toggle-background-color-emphasized-selected-hover: var(--spectrum-semantic-cta-background-color-hover);
  --spectrum-alias-toggle-background-color-emphasized-selected-down: var(--spectrum-semantic-cta-background-color-down);
  --spectrum-alias-toggle-background-color-emphasized-selected-key-focus: var(--spectrum-semantic-cta-background-color-key-focus);
  --spectrum-alias-toggle-background-color-emphasized-selected: var(--spectrum-alias-toggle-background-color-emphasized-selected-default);
  --spectrum-alias-toggle-border-color-default: var(--spectrum-global-color-gray-700);
  --spectrum-alias-toggle-border-color-hover: var(--spectrum-global-color-gray-800);
  --spectrum-alias-toggle-border-color-down: var(--spectrum-global-color-gray-900);
  --spectrum-alias-toggle-border-color-key-focus: var(--spectrum-global-color-gray-800);
  --spectrum-alias-toggle-border-color: var(--spectrum-alias-toggle-border-color-default);
  --spectrum-alias-toggle-icon-color-selected: var(--spectrum-global-color-gray-75);
  --spectrum-alias-toggle-icon-color-emphasized-selected: var(--spectrum-alias-component-icon-color-emphasized-selected-default);
  --spectrum-alias-button-primary-background-color-default: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-button-primary-background-color-hover: var(--spectrum-global-color-gray-800);
  --spectrum-alias-button-primary-background-color-down: var(--spectrum-global-color-gray-900);
  --spectrum-alias-button-primary-background-color-key-focus: var(--spectrum-global-color-gray-800);
  --spectrum-alias-button-primary-background-color: var(--spectrum-alias-button-primary-background-color-default);
  --spectrum-alias-button-primary-border-color-default: var(--spectrum-global-color-gray-800);
  --spectrum-alias-button-primary-border-color-hover: var(--spectrum-alias-button-primary-background-color-hover);
  --spectrum-alias-button-primary-border-color-down: var(--spectrum-alias-button-primary-background-color-down);
  --spectrum-alias-button-primary-border-color-key-focus: var(--spectrum-alias-button-primary-background-color-key-focus);
  --spectrum-alias-button-primary-border-color: var(--spectrum-alias-button-primary-border-color-default);
  --spectrum-alias-button-primary-text-color-default: var(--spectrum-global-color-gray-800);
  --spectrum-alias-button-primary-text-color-hover: var(--spectrum-global-color-gray-50);
  --spectrum-alias-button-primary-text-color-down: var(--spectrum-global-color-gray-50);
  --spectrum-alias-button-primary-text-color-key-focus: var(--spectrum-global-color-gray-50);
  --spectrum-alias-button-primary-text-color: var(--spectrum-alias-button-primary-text-color-default);
  --spectrum-alias-button-primary-icon-color-default: var(--spectrum-alias-button-primary-text-color-default);
  --spectrum-alias-button-primary-icon-color-hover: var(--spectrum-alias-button-primary-text-color-hover);
  --spectrum-alias-button-primary-icon-color-down: var(--spectrum-alias-button-primary-text-color-down);
  --spectrum-alias-button-primary-icon-color-key-focus: var(--spectrum-alias-button-primary-text-color-key-focus);
  --spectrum-alias-button-primary-icon-color: var(--spectrum-alias-button-primary-icon-color-default);
  --spectrum-alias-button-secondary-background-color-default: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-button-secondary-background-color-hover: var(--spectrum-global-color-gray-700);
  --spectrum-alias-button-secondary-background-color-down: var(--spectrum-global-color-gray-800);
  --spectrum-alias-button-secondary-background-color-key-focus: var(--spectrum-global-color-gray-700);
  --spectrum-alias-button-secondary-background-color: var(--spectrum-alias-button-secondary-background-color-default);
  --spectrum-alias-button-secondary-border-color-default: var(--spectrum-global-color-gray-700);
  --spectrum-alias-button-secondary-border-color-hover: var(--spectrum-alias-button-secondary-background-color-hover);
  --spectrum-alias-button-secondary-border-color-down: var(--spectrum-alias-button-secondary-background-color-down);
  --spectrum-alias-button-secondary-border-color-key-focus: var(--spectrum-alias-button-secondary-background-color-key-focus);
  --spectrum-alias-button-secondary-border-color: var(--spectrum-alias-button-secondary-border-color-default);
  --spectrum-alias-button-secondary-text-color-default: var(--spectrum-global-color-gray-700);
  --spectrum-alias-button-secondary-text-color-hover: var(--spectrum-global-color-gray-50);
  --spectrum-alias-button-secondary-text-color-down: var(--spectrum-global-color-gray-50);
  --spectrum-alias-button-secondary-text-color-key-focus: var(--spectrum-global-color-gray-50);
  --spectrum-alias-button-secondary-text-color: var(--spectrum-alias-button-secondary-text-color-default);
  --spectrum-alias-button-secondary-icon-color-default: var(--spectrum-alias-button-secondary-text-color-default);
  --spectrum-alias-button-secondary-icon-color-hover: var(--spectrum-alias-button-secondary-text-color-hover);
  --spectrum-alias-button-secondary-icon-color-down: var(--spectrum-alias-button-secondary-text-color-down);
  --spectrum-alias-button-secondary-icon-color-key-focus: var(--spectrum-alias-button-secondary-text-color-key-focus);
  --spectrum-alias-button-secondary-icon-color: var(--spectrum-alias-button-secondary-icon-color-default);
  --spectrum-alias-button-negative-background-color-default: var(--spectrum-alias-background-color-transparent);
  --spectrum-alias-button-negative-background-color-hover: var(--spectrum-semantic-negative-text-color-small);
  --spectrum-alias-button-negative-background-color-down: var(--spectrum-global-color-red-700);
  --spectrum-alias-button-negative-background-color-key-focus: var(--spectrum-semantic-negative-text-color-small);
  --spectrum-alias-button-negative-background-color: var(--spectrum-alias-button-negative-background-color-default);
  --spectrum-alias-button-negative-border-color-default: var(--spectrum-semantic-negative-text-color-small);
  --spectrum-alias-button-negative-border-color-hover: var(--spectrum-semantic-negative-text-color-small);
  --spectrum-alias-button-negative-border-color-down: var(--spectrum-global-color-red-700);
  --spectrum-alias-button-negative-border-color-key-focus: var(--spectrum-semantic-negative-text-color-small);
  --spectrum-alias-button-negative-border-color: var(--spectrum-alias-button-negative-border-color-default);
  --spectrum-alias-button-negative-text-color-default: var(--spectrum-semantic-negative-text-color-small);
  --spectrum-alias-button-negative-text-color-hover: var(--spectrum-global-color-gray-50);
  --spectrum-alias-button-negative-text-color-down: var(--spectrum-global-color-gray-50);
  --spectrum-alias-button-negative-text-color-key-focus: var(--spectrum-global-color-gray-50);
  --spectrum-alias-button-negative-text-color: var(--spectrum-alias-button-negative-text-color-default);
  --spectrum-alias-button-negative-icon-color-default: var(--spectrum-alias-button-negative-text-color-default);
  --spectrum-alias-button-negative-icon-color-hover: var(--spectrum-alias-button-negative-text-color-hover);
  --spectrum-alias-button-negative-icon-color-down: var(--spectrum-alias-button-negative-text-color-down);
  --spectrum-alias-button-negative-icon-color-key-focus: var(--spectrum-alias-button-negative-text-color-key-focus);
  --spectrum-alias-button-negative-icon-color: var(--spectrum-alias-button-negative-icon-color-default);
  --spectrum-alias-input-border-color-disabled: var(--spectrum-alias-border-color-transparent);
  --spectrum-alias-input-border-color-quiet-disabled: var(--spectrum-alias-border-color-mid);
  --spectrum-alias-input-border-color-default: var(--spectrum-alias-border-color);
  --spectrum-alias-input-border-color-hover: var(--spectrum-alias-border-color-hover);
  --spectrum-alias-input-border-color-down: var(--spectrum-alias-border-color-mouse-focus);
  --spectrum-alias-input-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus);
  --spectrum-alias-input-border-color-key-focus: var(--spectrum-alias-border-color-key-focus);
  --spectrum-alias-input-border-color: var(--spectrum-alias-input-border-color-default);
  --spectrum-alias-input-border-color-invalid-default: var(--spectrum-semantic-negative-color-default);
  --spectrum-alias-input-border-color-invalid-hover: var(--spectrum-semantic-negative-color-hover);
  --spectrum-alias-input-border-color-invalid-down: var(--spectrum-semantic-negative-color-down);
  --spectrum-alias-input-border-color-invalid-mouse-focus: var(--spectrum-semantic-negative-color-hover);
  --spectrum-alias-input-border-color-invalid-key-focus: var(--spectrum-alias-border-color-key-focus);
  --spectrum-alias-input-border-color-invalid: var(--spectrum-alias-input-border-color-invalid-default);
  --spectrum-alias-background-color-yellow-default: var(--spectrum-global-color-static-yellow-600);
  --spectrum-alias-background-color-yellow-hover: var(--spectrum-global-color-static-yellow-700);
  --spectrum-alias-background-color-yellow-key-focus: var(--spectrum-global-color-static-yellow-700);
  --spectrum-alias-background-color-yellow-down: var(--spectrum-global-color-static-yellow-800);
  --spectrum-alias-background-color-yellow: var(--spectrum-alias-background-color-yellow-default);
  --spectrum-alias-infieldbutton-background-color: var(--spectrum-global-color-gray-200);
  --spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled: transparent;
  --spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled: transparent;
  --spectrum-alias-infieldbutton-fill-loudnessHigh-border-color-disabled: var(--spectrum-alias-component-background-color-disabled);
  --spectrum-alias-infieldbutton-fill-border-color-default: var(--spectrum-alias-input-border-color-default);
  --spectrum-alias-infieldbutton-fill-border-color-hover: var(--spectrum-alias-input-border-color-hover);
  --spectrum-alias-infieldbutton-fill-border-color-down: var(--spectrum-alias-input-border-color-down);
  --spectrum-alias-infieldbutton-fill-border-color-mouse-focus: var(--spectrum-alias-input-border-color-mouse-focus);
  --spectrum-alias-infieldbutton-fill-border-color-key-focus: var(--spectrum-alias-input-border-color-key-focus);
  --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default: transparent;
  --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover: transparent;
  --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down: transparent;
  --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus: transparent;
  --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled: transparent;
  --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default);
  --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover);
  --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down);
  --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-key-focus: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus);
  --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled: transparent;
  --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-default: var(--spectrum-alias-component-background-color-default);
  --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover: var(--spectrum-alias-component-background-color-hover);
  --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down: var(--spectrum-alias-component-background-color-down);
  --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus: var(--spectrum-alias-component-background-color-key-focus);
  --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-disabled: var(--spectrum-alias-component-background-color-disabled);
  --spectrum-alias-actionbutton-staticBlack-border-color-default: rgba(0,0,0,0.4);
  --spectrum-alias-actionbutton-staticBlack-background-color-default: transparent;
  --spectrum-alias-actionbutton-staticBlack-border-color-hover: rgba(0,0,0,0.55);
  --spectrum-alias-actionbutton-staticBlack-background-color-hover: rgba(0,0,0,0.25);
  --spectrum-alias-actionbutton-staticBlack-border-color-down: rgba(0,0,0,0.7);
  --spectrum-alias-actionbutton-staticBlack-background-color-down: rgba(0,0,0,0.4);
  --spectrum-alias-actionbutton-staticBlack-border-color-key-focus: rgba(0,0,0,0.55);
  --spectrum-alias-actionbutton-staticBlack-background-color-key-focus: rgba(0,0,0,0.25);
  --spectrum-alias-actionbutton-staticBlack-border-color-disabled: rgba(0,0,0,0.25);
  --spectrum-alias-actionbutton-staticBlack-background-color-disabled: transparent;
  --spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected: transparent;
  --spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected: rgba(0,0,0,0.1);
  --spectrum-alias-actionbutton-staticWhite-border-color-default: rgba(255,255,255,0.4);
  --spectrum-alias-actionbutton-staticWhite-background-color-default: transparent;
  --spectrum-alias-actionbutton-staticWhite-border-color-hover: rgba(255,255,255,0.55);
  --spectrum-alias-actionbutton-staticWhite-background-color-hover: rgba(255,255,255,0.25);
  --spectrum-alias-actionbutton-staticWhite-border-color-down: rgba(255,255,255,0.7);
  --spectrum-alias-actionbutton-staticWhite-background-color-down: rgba(255,255,255,0.4);
  --spectrum-alias-actionbutton-staticWhite-border-color-key-focus: rgba(255,255,255,0.55);
  --spectrum-alias-actionbutton-staticWhite-background-color-key-focus: rgba(255,255,255,0.25);
  --spectrum-alias-actionbutton-staticWhite-border-color-disabled: rgba(255,255,255,0.25);
  --spectrum-alias-actionbutton-staticWhite-background-color-disabled: transparent;
  --spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected: transparent;
  --spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected: rgba(255,255,255,0.1);
  --spectrum-alias-background-color-default: var(--spectrum-global-color-gray-100);
  --spectrum-alias-background-color-disabled: var(--spectrum-global-color-gray-200);
  --spectrum-alias-background-color-transparent: transparent;
  --spectrum-alias-background-color-overbackground-down: rgba(255,255,255,0.2);
  --spectrum-alias-background-color-quiet-overbackground-hover: rgba(255,255,255,0.1);
  --spectrum-alias-background-color-quiet-overbackground-down: rgba(255,255,255,0.2);
  --spectrum-alias-background-color-overbackground-disabled: rgba(255,255,255,0.1);
  --spectrum-alias-background-color-quickactions-overlay: rgba(0,0,0,0.2);
  --spectrum-alias-placeholder-text-color: var(--spectrum-global-color-gray-800);
  --spectrum-alias-placeholder-text-color-hover: var(--spectrum-global-color-gray-900);
  --spectrum-alias-placeholder-text-color-down: var(--spectrum-global-color-gray-900);
  --spectrum-alias-placeholder-text-color-selected: var(--spectrum-global-color-gray-800);
  --spectrum-alias-label-text-color: var(--spectrum-global-color-gray-700);
  --spectrum-alias-text-color: var(--spectrum-global-color-gray-800);
  --spectrum-alias-text-color-hover: var(--spectrum-global-color-gray-900);
  --spectrum-alias-text-color-down: var(--spectrum-global-color-gray-900);
  --spectrum-alias-text-color-key-focus: var(--spectrum-global-color-blue-600);
  --spectrum-alias-text-color-mouse-focus: var(--spectrum-global-color-blue-600);
  --spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-500);
  --spectrum-alias-text-color-invalid: var(--spectrum-global-color-red-500);
  --spectrum-alias-text-color-selected: var(--spectrum-global-color-blue-600);
  --spectrum-alias-text-color-selected-neutral: var(--spectrum-global-color-gray-900);
  --spectrum-alias-text-color-overbackground: var(--spectrum-global-color-static-white);
  --spectrum-alias-text-color-overbackground-disabled: rgba(255,255,255,0.2);
  --spectrum-alias-text-color-quiet-overbackground-disabled: rgba(255,255,255,0.2);
  --spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
  --spectrum-alias-link-primary-text-color-default: var(--spectrum-global-color-blue-600);
  --spectrum-alias-link-primary-text-color-hover: var(--spectrum-global-color-blue-600);
  --spectrum-alias-link-primary-text-color-down: var(--spectrum-global-color-blue-700);
  --spectrum-alias-link-primary-text-color-key-focus: var(--spectrum-alias-text-color-key-focus);
  --spectrum-alias-link-primary-text-color: var(--spectrum-alias-link-primary-text-color-default);
  --spectrum-alias-link-secondary-text-color-default: var(--spectrum-alias-link-primary-text-color-default);
  --spectrum-alias-link-secondary-text-color-hover: var(--spectrum-alias-link-primary-text-color-hover);
  --spectrum-alias-link-secondary-text-color-down: var(--spectrum-alias-link-primary-text-color-down);
  --spectrum-alias-link-secondary-text-color-key-focus: var(--spectrum-alias-link-primary-text-color-key-focus);
  --spectrum-alias-link-secondary-text-color: var(--spectrum-alias-link-secondary-text-color-default);
  --spectrum-alias-border-color: var(--spectrum-global-color-gray-400);
  --spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-500);
  --spectrum-alias-border-color-down: var(--spectrum-global-color-gray-500);
  --spectrum-alias-border-color-key-focus: var(--spectrum-global-color-blue-400);
  --spectrum-alias-border-color-mouse-focus: var(--spectrum-global-color-blue-500);
  --spectrum-alias-border-color-disabled: var(--spectrum-global-color-gray-200);
  --spectrum-alias-border-color-extralight: var(--spectrum-global-color-gray-100);
  --spectrum-alias-border-color-light: var(--spectrum-global-color-gray-200);
  --spectrum-alias-border-color-mid: var(--spectrum-global-color-gray-300);
  --spectrum-alias-border-color-dark: var(--spectrum-global-color-gray-400);
  --spectrum-alias-border-color-darker-default: var(--spectrum-global-color-gray-600);
  --spectrum-alias-border-color-darker-hover: var(--spectrum-global-color-gray-900);
  --spectrum-alias-border-color-darker-down: var(--spectrum-global-color-gray-900);
  --spectrum-alias-border-color-transparent: transparent;
  --spectrum-alias-border-color-translucent-dark: rgba(0,0,0,0.05);
  --spectrum-alias-border-color-translucent-darker: rgba(0,0,0,0.1);
  --spectrum-alias-focus-color: var(--spectrum-global-color-blue-400);
  --spectrum-alias-focus-ring-color: var(--spectrum-alias-focus-color);
  --spectrum-alias-track-color-default: var(--spectrum-global-color-gray-400);
  --spectrum-alias-track-fill-color-overbackground: var(--spectrum-global-color-static-white);
  --spectrum-alias-track-color-disabled: var(--spectrum-global-color-gray-300);
  --spectrum-alias-thumbnail-darksquare-background-color: var(--spectrum-global-color-gray-300);
  --spectrum-alias-thumbnail-lightsquare-background-color: var(--spectrum-global-color-static-white);
  --spectrum-alias-track-color-overbackground: rgba(255,255,255,0.2);
  --spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
  --spectrum-alias-icon-color-overbackground: var(--spectrum-global-color-static-white);
  --spectrum-alias-icon-color-hover: var(--spectrum-global-color-gray-900);
  --spectrum-alias-icon-color-down: var(--spectrum-global-color-gray-900);
  --spectrum-alias-icon-color-key-focus: var(--spectrum-global-color-gray-900);
  --spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400);
  --spectrum-alias-icon-color-overbackground-disabled: rgba(255,255,255,0.2);
  --spectrum-alias-icon-color-quiet-overbackground-disabled: rgba(255,255,255,0.15);
  --spectrum-alias-icon-color-selected-neutral: var(--spectrum-global-color-gray-900);
  --spectrum-alias-icon-color-selected-neutral-subdued: var(--spectrum-global-color-gray-800);
  --spectrum-alias-icon-color-selected: var(--spectrum-global-color-blue-500);
  --spectrum-alias-icon-color-selected-hover: var(--spectrum-global-color-blue-600);
  --spectrum-alias-icon-color-selected-down: var(--spectrum-global-color-blue-700);
  --spectrum-alias-icon-color-selected-focus: var(--spectrum-global-color-blue-600);
  --spectrum-alias-image-opacity-disabled: var(--spectrum-global-color-opacity-30);
  --spectrum-alias-toolbar-background-color: var(--spectrum-global-color-gray-100);
  --spectrum-alias-code-highlight-color-default: var(--spectrum-global-color-gray-800);
  --spectrum-alias-code-highlight-background-color: var(--spectrum-global-color-gray-75);
  --spectrum-alias-code-highlight-color-keyword: var(--spectrum-global-color-fuchsia-600);
  --spectrum-alias-code-highlight-color-section: var(--spectrum-global-color-red-600);
  --spectrum-alias-code-highlight-color-literal: var(--spectrum-global-color-blue-600);
  --spectrum-alias-code-highlight-color-attribute: var(--spectrum-global-color-seafoam-600);
  --spectrum-alias-code-highlight-color-class: var(--spectrum-global-color-magenta-600);
  --spectrum-alias-code-highlight-color-variable: var(--spectrum-global-color-purple-600);
  --spectrum-alias-code-highlight-color-title: var(--spectrum-global-color-indigo-600);
  --spectrum-alias-code-highlight-color-string: var(--spectrum-global-color-fuchsia-600);
  --spectrum-alias-code-highlight-color-function: var(--spectrum-global-color-blue-600);
  --spectrum-alias-code-highlight-color-comment: var(--spectrum-global-color-gray-700);
  --spectrum-alias-categorical-color-1: var(--spectrum-global-color-static-seafoam-200);
  --spectrum-alias-categorical-color-2: var(--spectrum-global-color-static-indigo-700);
  --spectrum-alias-categorical-color-3: var(--spectrum-global-color-static-orange-500);
  --spectrum-alias-categorical-color-4: var(--spectrum-global-color-static-magenta-500);
  --spectrum-alias-categorical-color-5: var(--spectrum-global-color-static-indigo-200);
  --spectrum-alias-categorical-color-6: var(--spectrum-global-color-static-celery-200);
  --spectrum-alias-categorical-color-7: var(--spectrum-global-color-static-blue-500);
  --spectrum-alias-categorical-color-8: var(--spectrum-global-color-static-purple-800);
  --spectrum-alias-categorical-color-9: var(--spectrum-global-color-static-yellow-500);
  --spectrum-alias-categorical-color-10: var(--spectrum-global-color-static-orange-700);
  --spectrum-alias-categorical-color-11: var(--spectrum-global-color-static-green-600);
  --spectrum-alias-categorical-color-12: var(--spectrum-global-color-static-chartreuse-300);
  --spectrum-alias-categorical-color-13: var(--spectrum-global-color-static-blue-200);
  --spectrum-alias-categorical-color-14: var(--spectrum-global-color-static-fuchsia-500);
  --spectrum-alias-categorical-color-15: var(--spectrum-global-color-static-magenta-200);
  --spectrum-alias-categorical-color-16: var(--spectrum-global-color-static-yellow-200);
}

.spectrum--light {
  --spectrum-global-color-status: Verified;
  --spectrum-global-color-version: 5.1.0;
  --spectrum-global-color-opacity-100: 1;
  --spectrum-global-color-opacity-90: 0.9;
  --spectrum-global-color-opacity-80: 0.8;
  --spectrum-global-color-opacity-70: 0.7;
  --spectrum-global-color-opacity-60: 0.6;
  --spectrum-global-color-opacity-55: 0.55;
  --spectrum-global-color-opacity-50: 0.5;
  --spectrum-global-color-opacity-42: 0.42;
  --spectrum-global-color-opacity-40: 0.4;
  --spectrum-global-color-opacity-30: 0.3;
  --spectrum-global-color-opacity-25: 0.25;
  --spectrum-global-color-opacity-20: 0.2;
  --spectrum-global-color-opacity-15: 0.15;
  --spectrum-global-color-opacity-10: 0.1;
  --spectrum-global-color-opacity-8: 0.08;
  --spectrum-global-color-opacity-7: 0.07;
  --spectrum-global-color-opacity-6: 0.06;
  --spectrum-global-color-opacity-5: 0.05;
  --spectrum-global-color-opacity-4: 0.04;
  --spectrum-global-color-opacity-0: 0.00;
  --spectrum-global-color-celery-400: rgb(68, 181, 86);
  --spectrum-global-color-celery-500: rgb(61, 167, 78);
  --spectrum-global-color-celery-600: rgb(55, 153, 71);
  --spectrum-global-color-celery-700: rgb(49, 139, 64);
  --spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
  --spectrum-global-color-chartreuse-500: rgb(124, 195, 63);
  --spectrum-global-color-chartreuse-600: rgb(115, 181, 58);
  --spectrum-global-color-chartreuse-700: rgb(106, 168, 52);
  --spectrum-global-color-yellow-400: rgb(223, 191, 0);
  --spectrum-global-color-yellow-500: rgb(210, 178, 0);
  --spectrum-global-color-yellow-600: rgb(196, 166, 0);
  --spectrum-global-color-yellow-700: rgb(183, 153, 0);
  --spectrum-global-color-magenta-400: rgb(216, 55, 144);
  --spectrum-global-color-magenta-500: rgb(206, 39, 131);
  --spectrum-global-color-magenta-600: rgb(188, 28, 116);
  --spectrum-global-color-magenta-700: rgb(174, 14, 102);
  --spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
  --spectrum-global-color-fuchsia-500: rgb(177, 48, 189);
  --spectrum-global-color-fuchsia-600: rgb(162, 40, 173);
  --spectrum-global-color-fuchsia-700: rgb(147, 33, 158);
  --spectrum-global-color-purple-400: rgb(146, 86, 217);
  --spectrum-global-color-purple-500: rgb(134, 76, 204);
  --spectrum-global-color-purple-600: rgb(122, 66, 191);
  --spectrum-global-color-purple-700: rgb(111, 56, 177);
  --spectrum-global-color-indigo-400: rgb(103, 103, 236);
  --spectrum-global-color-indigo-500: rgb(92, 92, 224);
  --spectrum-global-color-indigo-600: rgb(81, 81, 211);
  --spectrum-global-color-indigo-700: rgb(70, 70, 198);
  --spectrum-global-color-seafoam-400: rgb(27, 149, 154);
  --spectrum-global-color-seafoam-500: rgb(22, 135, 140);
  --spectrum-global-color-seafoam-600: rgb(15, 121, 125);
  --spectrum-global-color-seafoam-700: rgb(9, 108, 111);
  --spectrum-global-color-red-400: rgb(227, 72, 80);
  --spectrum-global-color-red-500: rgb(215, 55, 63);
  --spectrum-global-color-red-600: rgb(201, 37, 45);
  --spectrum-global-color-red-700: rgb(187, 18, 26);
  --spectrum-global-color-orange-400: rgb(230, 134, 25);
  --spectrum-global-color-orange-500: rgb(218, 123, 17);
  --spectrum-global-color-orange-600: rgb(203, 111, 16);
  --spectrum-global-color-orange-700: rgb(189, 100, 13);
  --spectrum-global-color-green-400: rgb(45, 157, 120);
  --spectrum-global-color-green-500: rgb(38, 142, 108);
  --spectrum-global-color-green-600: rgb(18, 128, 92);
  --spectrum-global-color-green-700: rgb(16, 113, 84);
  --spectrum-global-color-blue-400: rgb(38, 128, 235);
  --spectrum-global-color-blue-500: rgb(20, 115, 230);
  --spectrum-global-color-blue-600: rgb(13, 102, 208);
  --spectrum-global-color-blue-700: rgb(9, 90, 186);
  --spectrum-global-color-gray-50: rgb(255, 255, 255);
  --spectrum-global-color-gray-75: rgb(250, 250, 250);
  --spectrum-global-color-gray-100: rgb(245, 245, 245);
  --spectrum-global-color-gray-200: rgb(234, 234, 234);
  --spectrum-global-color-gray-300: rgb(225, 225, 225);
  --spectrum-global-color-gray-400: rgb(202, 202, 202);
  --spectrum-global-color-gray-500: rgb(179, 179, 179);
  --spectrum-global-color-gray-600: rgb(142, 142, 142);
  --spectrum-global-color-gray-700: rgb(110, 110, 110);
  --spectrum-global-color-gray-800: rgb(75, 75, 75);
  --spectrum-global-color-gray-900: rgb(44, 44, 44);
  --spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-50);
  --spectrum-alias-background-color-secondary: var(--spectrum-global-color-gray-100);
  --spectrum-alias-background-color-tertiary: var(--spectrum-global-color-gray-300);
  --spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4);
  --spectrum-alias-dropshadow-color: rgba(0,0,0,0.15);
  --spectrum-alias-background-color-hover-overlay: rgba(44,44,44,0.04);
  --spectrum-alias-highlight-hover: rgba(44,44,44,0.06);
  --spectrum-alias-highlight-down: rgba(44,44,44,0.1);
  --spectrum-alias-highlight-selected: rgba(20,115,230,0.1);
  --spectrum-alias-highlight-selected-hover: rgba(20,115,230,0.2);
  --spectrum-alias-text-highlight-color: rgba(20,115,230,0.2);
  --spectrum-alias-background-color-quickactions: rgba(245,245,245,0.9);
  --spectrum-alias-border-color-selected: var(--spectrum-global-color-blue-500);
  --spectrum-alias-border-color-translucent: rgba(44,44,44,0.1);
  --spectrum-alias-radial-reaction-color-default: rgba(75,75,75,0.6);
  --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300);
  --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300);
  --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300);
  --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-s-tick-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-s-range-tick-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-s-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-s-range-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-s-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-s-ramp-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-s-range-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-m-tick-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-m-range-tick-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-m-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-m-range-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-m-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-m-ramp-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-m-range-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-l-tick-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-l-range-tick-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-l-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-l-range-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-l-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-l-ramp-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-l-range-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-xl-tick-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-xl-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-xl-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-xl-ramp-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-slider-xl-range-radial-reaction-color: rgba(75,75,75,0.6);
  --spectrum-well-background-color: rgba(75,75,75,0.02);
  --spectrum-well-border-color: rgba(44,44,44,0.05);
  --spectrum-scrollbar-mac-s-track-background-color: var(--spectrum-global-color-gray-75);
  --spectrum-scrollbar-mac-m-track-background-color: var(--spectrum-global-color-gray-75);
  --spectrum-scrollbar-mac-l-track-background-color: var(--spectrum-global-color-gray-75);
}

.spectrum--dark {
  --spectrum-global-color-status: Verified;
  --spectrum-global-color-version: 5.1.0;
  --spectrum-global-color-opacity-100: 1;
  --spectrum-global-color-opacity-90: 0.9;
  --spectrum-global-color-opacity-80: 0.8;
  --spectrum-global-color-opacity-70: 0.7;
  --spectrum-global-color-opacity-60: 0.6;
  --spectrum-global-color-opacity-55: 0.55;
  --spectrum-global-color-opacity-50: 0.5;
  --spectrum-global-color-opacity-42: 0.42;
  --spectrum-global-color-opacity-40: 0.4;
  --spectrum-global-color-opacity-30: 0.3;
  --spectrum-global-color-opacity-25: 0.25;
  --spectrum-global-color-opacity-20: 0.2;
  --spectrum-global-color-opacity-15: 0.15;
  --spectrum-global-color-opacity-10: 0.1;
  --spectrum-global-color-opacity-8: 0.08;
  --spectrum-global-color-opacity-7: 0.07;
  --spectrum-global-color-opacity-6: 0.06;
  --spectrum-global-color-opacity-5: 0.05;
  --spectrum-global-color-opacity-4: 0.04;
  --spectrum-global-color-opacity-0: 0.00;
  --spectrum-global-color-celery-400: rgb(68, 181, 86);
  --spectrum-global-color-celery-500: rgb(75, 195, 95);
  --spectrum-global-color-celery-600: rgb(81, 210, 103);
  --spectrum-global-color-celery-700: rgb(88, 224, 111);
  --spectrum-global-color-chartreuse-400: rgb(133, 208, 68);
  --spectrum-global-color-chartreuse-500: rgb(142, 222, 73);
  --spectrum-global-color-chartreuse-600: rgb(155, 236, 84);
  --spectrum-global-color-chartreuse-700: rgb(163, 248, 88);
  --spectrum-global-color-yellow-400: rgb(223, 191, 0);
  --spectrum-global-color-yellow-500: rgb(237, 204, 0);
  --spectrum-global-color-yellow-600: rgb(250, 217, 0);
  --spectrum-global-color-yellow-700: rgb(255, 226, 46);
  --spectrum-global-color-magenta-400: rgb(216, 55, 144);
  --spectrum-global-color-magenta-500: rgb(226, 73, 157);
  --spectrum-global-color-magenta-600: rgb(236, 90, 170);
  --spectrum-global-color-magenta-700: rgb(245, 107, 183);
  --spectrum-global-color-fuchsia-400: rgb(192, 56, 204);
  --spectrum-global-color-fuchsia-500: rgb(207, 62, 220);
  --spectrum-global-color-fuchsia-600: rgb(217, 81, 229);
  --spectrum-global-color-fuchsia-700: rgb(227, 102, 239);
  --spectrum-global-color-purple-400: rgb(146, 86, 217);
  --spectrum-global-color-purple-500: rgb(157, 100, 225);
  --spectrum-global-color-purple-600: rgb(168, 115, 233);
  --spectrum-global-color-purple-700: rgb(180, 131, 240);
  --spectrum-global-color-indigo-400: rgb(103, 103, 236);
  --spectrum-global-color-indigo-500: rgb(117, 117, 241);
  --spectrum-global-color-indigo-600: rgb(130, 130, 246);
  --spectrum-global-color-indigo-700: rgb(144, 144, 250);
  --spectrum-global-color-seafoam-400: rgb(27, 149, 154);
  --spectrum-global-color-seafoam-500: rgb(32, 163, 168);
  --spectrum-global-color-seafoam-600: rgb(35, 178, 184);
  --spectrum-global-color-seafoam-700: rgb(38, 192, 199);
  --spectrum-global-color-red-400: rgb(227, 72, 80);
  --spectrum-global-color-red-500: rgb(236, 91, 98);
  --spectrum-global-color-red-600: rgb(247, 109, 116);
  --spectrum-global-color-red-700: rgb(255, 123, 130);
  --spectrum-global-color-orange-400: rgb(230, 134, 25);
  --spectrum-global-color-orange-500: rgb(242, 148, 35);
  --spectrum-global-color-orange-600: rgb(249, 164, 63);
  --spectrum-global-color-orange-700: rgb(255, 181, 91);
  --spectrum-global-color-green-400: rgb(45, 157, 120);
  --spectrum-global-color-green-500: rgb(51, 171, 132);
  --spectrum-global-color-green-600: rgb(57, 185, 144);
  --spectrum-global-color-green-700: rgb(63, 200, 156);
  --spectrum-global-color-blue-400: rgb(38, 128, 235);
  --spectrum-global-color-blue-500: rgb(55, 142, 240);
  --spectrum-global-color-blue-600: rgb(75, 156, 245);
  --spectrum-global-color-blue-700: rgb(90, 169, 250);
  --spectrum-global-color-gray-50: rgb(37, 37, 37);
  --spectrum-global-color-gray-75: rgb(47, 47, 47);
  --spectrum-global-color-gray-100: rgb(50, 50, 50);
  --spectrum-global-color-gray-200: rgb(62, 62, 62);
  --spectrum-global-color-gray-300: rgb(74, 74, 74);
  --spectrum-global-color-gray-400: rgb(90, 90, 90);
  --spectrum-global-color-gray-500: rgb(110, 110, 110);
  --spectrum-global-color-gray-600: rgb(144, 144, 144);
  --spectrum-global-color-gray-700: rgb(185, 185, 185);
  --spectrum-global-color-gray-800: rgb(227, 227, 227);
  --spectrum-global-color-gray-900: rgb(255, 255, 255);
  --spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-100);
  --spectrum-alias-background-color-secondary: var(--spectrum-global-color-gray-75);
  --spectrum-alias-background-color-tertiary: var(--spectrum-global-color-gray-50);
  --spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.5);
  --spectrum-alias-dropshadow-color: rgba(0,0,0,0.5);
  --spectrum-alias-background-color-hover-overlay: rgba(255,255,255,0.06);
  --spectrum-alias-highlight-hover: rgba(255,255,255,0.07);
  --spectrum-alias-highlight-down: rgba(255,255,255,0.1);
  --spectrum-alias-highlight-selected: rgba(55,142,240,0.15);
  --spectrum-alias-highlight-selected-hover: rgba(55,142,240,0.25);
  --spectrum-alias-text-highlight-color: rgba(55,142,240,0.25);
  --spectrum-alias-background-color-quickactions: rgba(50,50,50,0.9);
  --spectrum-alias-border-color-selected: var(--spectrum-global-color-blue-600);
  --spectrum-alias-border-color-translucent: rgba(255,255,255,0.1);
  --spectrum-alias-radial-reaction-color-default: rgba(227,227,227,0.6);
  --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-50);
  --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-50);
  --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-50);
  --spectrum-scrollbar-mac-s-track-background-color: var(--spectrum-global-color-gray-100);
  --spectrum-scrollbar-mac-m-track-background-color: var(--spectrum-global-color-gray-100);
  --spectrum-scrollbar-mac-l-track-background-color: var(--spectrum-global-color-gray-100);
  --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-s-tick-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-s-range-tick-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-s-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-s-range-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-s-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-s-ramp-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-s-range-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-m-tick-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-m-range-tick-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-m-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-m-range-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-m-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-m-ramp-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-m-range-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-l-tick-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-l-range-tick-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-l-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-l-range-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-l-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-l-ramp-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-l-range-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-xl-tick-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-xl-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-xl-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-xl-ramp-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-slider-xl-range-radial-reaction-color: rgba(227,227,227,0.6);
  --spectrum-well-background-color: rgba(227,227,227,0.02);
  --spectrum-well-border-color: rgba(255,255,255,0.05);
}

.spectrum--medium {
  --spectrum-global-dimension-scale-factor: 1;
  --spectrum-global-dimension-size-0: 0px;
  --spectrum-global-dimension-size-10: 1px;
  --spectrum-global-dimension-size-25: 2px;
  --spectrum-global-dimension-size-40: 3px;
  --spectrum-global-dimension-size-50: 4px;
  --spectrum-global-dimension-size-65: 5px;
  --spectrum-global-dimension-size-75: 6px;
  --spectrum-global-dimension-size-85: 7px;
  --spectrum-global-dimension-size-100: 8px;
  --spectrum-global-dimension-size-115: 9px;
  --spectrum-global-dimension-size-125: 10px;
  --spectrum-global-dimension-size-130: 11px;
  --spectrum-global-dimension-size-150: 12px;
  --spectrum-global-dimension-size-160: 13px;
  --spectrum-global-dimension-size-175: 14px;
  --spectrum-global-dimension-size-185: 15px;
  --spectrum-global-dimension-size-200: 16px;
  --spectrum-global-dimension-size-225: 18px;
  --spectrum-global-dimension-size-250: 20px;
  --spectrum-global-dimension-size-275: 22px;
  --spectrum-global-dimension-size-300: 24px;
  --spectrum-global-dimension-size-325: 26px;
  --spectrum-global-dimension-size-350: 28px;
  --spectrum-global-dimension-size-400: 32px;
  --spectrum-global-dimension-size-450: 36px;
  --spectrum-global-dimension-size-500: 40px;
  --spectrum-global-dimension-size-550: 44px;
  --spectrum-global-dimension-size-600: 48px;
  --spectrum-global-dimension-size-650: 52px;
  --spectrum-global-dimension-size-675: 54px;
  --spectrum-global-dimension-size-700: 56px;
  --spectrum-global-dimension-size-750: 60px;
  --spectrum-global-dimension-size-800: 64px;
  --spectrum-global-dimension-size-900: 72px;
  --spectrum-global-dimension-size-1000: 80px;
  --spectrum-global-dimension-size-1125: 90px;
  --spectrum-global-dimension-size-1200: 96px;
  --spectrum-global-dimension-size-1250: 100px;
  --spectrum-global-dimension-size-1600: 128px;
  --spectrum-global-dimension-size-1700: 136px;
  --spectrum-global-dimension-size-1800: 144px;
  --spectrum-global-dimension-size-2000: 160px;
  --spectrum-global-dimension-size-2400: 192px;
  --spectrum-global-dimension-size-2500: 200px;
  --spectrum-global-dimension-size-3000: 240px;
  --spectrum-global-dimension-size-3400: 272px;
  --spectrum-global-dimension-size-3600: 288px;
  --spectrum-global-dimension-size-4600: 368px;
  --spectrum-global-dimension-size-5000: 400px;
  --spectrum-global-dimension-size-6000: 480px;
  --spectrum-global-dimension-font-size-25: 10px;
  --spectrum-global-dimension-font-size-50: 11px;
  --spectrum-global-dimension-font-size-75: 12px;
  --spectrum-global-dimension-font-size-100: 14px;
  --spectrum-global-dimension-font-size-150: 15px;
  --spectrum-global-dimension-font-size-200: 16px;
  --spectrum-global-dimension-font-size-300: 18px;
  --spectrum-global-dimension-font-size-400: 20px;
  --spectrum-global-dimension-font-size-500: 22px;
  --spectrum-global-dimension-font-size-600: 25px;
  --spectrum-global-dimension-font-size-700: 28px;
  --spectrum-global-dimension-font-size-800: 32px;
  --spectrum-global-dimension-font-size-900: 36px;
  --spectrum-global-dimension-font-size-1000: 40px;
  --spectrum-global-dimension-font-size-1100: 45px;
  --spectrum-global-dimension-font-size-1200: 50px;
  --spectrum-global-dimension-font-size-1300: 60px;
  --spectrum-alias-item-text-padding-top-l: var(--spectrum-global-dimension-size-115);
  --spectrum-alias-item-text-padding-bottom-s: var(--spectrum-global-dimension-static-size-65);
  --spectrum-alias-item-workflow-padding-left-m: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-item-rounded-workflow-padding-left-m: var(--spectrum-global-dimension-size-175);
  --spectrum-alias-item-rounded-workflow-padding-left-xl: 21px;
  --spectrum-alias-item-mark-padding-top-m: var(--spectrum-global-dimension-static-size-75);
  --spectrum-alias-item-mark-padding-bottom-m: var(--spectrum-global-dimension-static-size-75);
  --spectrum-alias-item-mark-padding-left-m: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-item-control-1-size-l: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-item-control-1-size-xl: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-item-control-2-size-s: var(--spectrum-global-dimension-size-150);
  --spectrum-alias-item-control-3-height-s: var(--spectrum-global-dimension-size-150);
  --spectrum-alias-item-control-3-width-s: 23px;
  --spectrum-alias-item-control-3-width-m: var(--spectrum-global-dimension-static-size-325);
  --spectrum-alias-item-control-3-width-l: 29px;
  --spectrum-alias-item-control-3-width-xl: 33px;
  --spectrum-alias-item-mark-size-m: var(--spectrum-global-dimension-size-250);
  --spectrum-alias-control-two-size-s: var(--spectrum-global-dimension-size-150);
  --spectrum-alias-control-three-height-s: var(--spectrum-global-dimension-size-150);
  --spectrum-alias-control-three-width-s: 23px;
  --spectrum-alias-control-three-width-m: var(--spectrum-global-dimension-static-size-325);
  --spectrum-alias-control-three-width-l: 29px;
  --spectrum-alias-control-three-width-xl: 33px;
  --spectrum-alias-search-padding-left-m: var(--spectrum-global-dimension-size-125);
  --spectrum-alias-focus-ring-radius-default: var(--spectrum-global-dimension-static-size-100);
  --spectrum-alias-workflow-icon-size-l: var(--spectrum-global-dimension-static-size-250);
  --spectrum-alias-ui-icon-chevron-size-75: var(--spectrum-global-dimension-static-size-125);
  --spectrum-alias-ui-icon-chevron-size-100: var(--spectrum-global-dimension-static-size-125);
  --spectrum-alias-ui-icon-chevron-size-200: var(--spectrum-global-dimension-static-size-150);
  --spectrum-alias-ui-icon-chevron-size-300: var(--spectrum-global-dimension-static-size-175);
  --spectrum-alias-ui-icon-chevron-size-400: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-ui-icon-chevron-size-500: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-ui-icon-checkmark-size-50: var(--spectrum-global-dimension-static-size-125);
  --spectrum-alias-ui-icon-checkmark-size-75: var(--spectrum-global-dimension-static-size-125);
  --spectrum-alias-ui-icon-checkmark-size-100: var(--spectrum-global-dimension-static-size-125);
  --spectrum-alias-ui-icon-checkmark-size-200: var(--spectrum-global-dimension-static-size-150);
  --spectrum-alias-ui-icon-checkmark-size-300: var(--spectrum-global-dimension-static-size-175);
  --spectrum-alias-ui-icon-checkmark-size-400: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-ui-icon-checkmark-size-500: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-ui-icon-checkmark-size-600: var(--spectrum-global-dimension-static-size-225);
  --spectrum-alias-ui-icon-dash-size-50: var(--spectrum-global-dimension-static-size-100);
  --spectrum-alias-ui-icon-dash-size-75: var(--spectrum-global-dimension-static-size-100);
  --spectrum-alias-ui-icon-dash-size-100: var(--spectrum-global-dimension-static-size-125);
  --spectrum-alias-ui-icon-dash-size-200: var(--spectrum-global-dimension-static-size-150);
  --spectrum-alias-ui-icon-dash-size-300: var(--spectrum-global-dimension-static-size-150);
  --spectrum-alias-ui-icon-dash-size-400: var(--spectrum-global-dimension-static-size-175);
  --spectrum-alias-ui-icon-dash-size-500: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-ui-icon-dash-size-600: var(--spectrum-global-dimension-static-size-225);
  --spectrum-alias-ui-icon-cross-size-75: var(--spectrum-global-dimension-static-size-100);
  --spectrum-alias-ui-icon-cross-size-100: var(--spectrum-global-dimension-static-size-100);
  --spectrum-alias-ui-icon-cross-size-200: var(--spectrum-global-dimension-static-size-125);
  --spectrum-alias-ui-icon-cross-size-300: var(--spectrum-global-dimension-static-size-150);
  --spectrum-alias-ui-icon-cross-size-400: var(--spectrum-global-dimension-static-size-150);
  --spectrum-alias-ui-icon-cross-size-500: var(--spectrum-global-dimension-static-size-175);
  --spectrum-alias-ui-icon-cross-size-600: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-ui-icon-arrow-size-75: var(--spectrum-global-dimension-static-size-125);
  --spectrum-alias-ui-icon-arrow-size-100: var(--spectrum-global-dimension-static-size-125);
  --spectrum-alias-ui-icon-arrow-size-200: var(--spectrum-global-dimension-static-size-150);
  --spectrum-alias-ui-icon-arrow-size-300: var(--spectrum-global-dimension-static-size-175);
  --spectrum-alias-ui-icon-arrow-size-400: var(--spectrum-global-dimension-static-size-200);
  --spectrum-alias-ui-icon-arrow-size-500: var(--spectrum-global-dimension-static-size-225);
  --spectrum-alias-ui-icon-arrow-size-600: var(--spectrum-global-dimension-static-size-250);
  --spectrum-alias-ui-icon-triplegripper-size-100-width: var(--spectrum-global-dimension-static-size-125);
  --spectrum-alias-ui-icon-doublegripper-size-100-height: var(--spectrum-global-dimension-static-size-50);
  --spectrum-alias-ui-icon-singlegripper-size-100-height: var(--spectrum-global-dimension-static-size-25);
  --spectrum-alias-ui-icon-cornertriangle-size-100: var(--spectrum-global-dimension-static-size-65);
  --spectrum-alias-ui-icon-cornertriangle-size-300: var(--spectrum-global-dimension-static-size-85);
  --spectrum-alias-ui-icon-asterisk-size-200: var(--spectrum-global-dimension-static-size-125);
  --spectrum-alias-ui-icon-asterisk-size-300: var(--spectrum-global-dimension-static-size-125);
  --spectrum-alias-avatar-size-100: var(--spectrum-global-dimension-size-250);
  --spectrum-alias-avatar-size-400: var(--spectrum-global-dimension-size-350);
  --spectrum-alias-avatar-size-600: var(--spectrum-global-dimension-size-450);
  --spectrum-dragthumb-swatch-width: var(--spectrum-global-dimension-static-size-150);
  --spectrum-dragthumb-swatch-height: var(--spectrum-global-dimension-static-size-200);
  --spectrum-actionbutton-s-quiet-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-actionbutton-s-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-s-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-actionbutton-m-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-actionbutton-m-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-actionbutton-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-actionbutton-m-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-black-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-actionbutton-m-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-white-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-actionbutton-m-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-actionbutton-m-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-black-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-actionbutton-m-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-white-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-actionbutton-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-actionbutton-m-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-black-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-actionbutton-m-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-white-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-actionbutton-m-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-m-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-emphasized-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-emphasized-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-emphasized-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-emphasized-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-emphasized-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-emphasized-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-emphasized-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-emphasized-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-emphasized-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-quiet-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-emphasized-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-emphasized-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-emphasized-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-actionbutton-l-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-actionbutton-l-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-l-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-quiet-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-emphasized-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-actionbutton-xl-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-badge-s-fuchsia-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-indigo-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-informative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-magenta-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-positive-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-purple-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-seafoam-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-yellow-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-fuchsia-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-indigo-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-informative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-magenta-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-positive-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-purple-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-seafoam-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-yellow-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-fuchsia-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-indigo-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-informative-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-magenta-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-negative-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-neutral-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-positive-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-purple-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-seafoam-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-s-yellow-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-badge-m-fuchsia-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-badge-m-indigo-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-badge-m-informative-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-badge-m-magenta-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-badge-m-negative-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-badge-m-neutral-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-badge-m-positive-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-badge-m-purple-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-badge-m-seafoam-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-badge-m-yellow-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-badge-l-fuchsia-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-fuchsia-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-indigo-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-indigo-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-informative-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-informative-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-magenta-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-magenta-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-negative-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-negative-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-neutral-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-positive-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-positive-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-purple-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-purple-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-seafoam-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-seafoam-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-yellow-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-yellow-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-fuchsia-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-fuchsia-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-indigo-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-indigo-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-informative-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-informative-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-magenta-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-magenta-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-negative-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-negative-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-neutral-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-positive-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-positive-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-purple-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-purple-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-seafoam-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-seafoam-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-yellow-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-yellow-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-fuchsia-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-fuchsia-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-indigo-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-indigo-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-informative-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-informative-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-magenta-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-magenta-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-negative-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-negative-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-neutral-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-neutral-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-positive-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-positive-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-purple-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-purple-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-seafoam-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-seafoam-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-badge-l-yellow-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-badge-l-yellow-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-breadcrumb-s-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-breadcrumb-s-multiline-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-breadcrumb-s-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-breadcrumb-s-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-breadcrumb-s-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-breadcrumb-s-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-breadcrumb-m-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-breadcrumb-m-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-breadcrumb-m-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-breadcrumb-m-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-breadcrumb-l-multiline-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-breadcrumb-l-multiline-item-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-breadcrumb-l-multiline-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-breadcrumb-l-button-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-breadcrumb-l-item-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-breadcrumb-l-item-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-fill-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-fill-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-fill-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-texticon-padding-left: 21px;
  --spectrum-button-xl-primary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-texticon-padding-left: 21px;
  --spectrum-button-xl-secondary-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-texticon-padding-left: 21px;
  --spectrum-button-xl-negative-fill-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-texticon-padding-left: 21px;
  --spectrum-button-xl-accent-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-outline-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-outline-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-outline-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-texticon-padding-left: 21px;
  --spectrum-button-xl-primary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-texticon-padding-left: 21px;
  --spectrum-button-xl-secondary-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-texticon-padding-left: 21px;
  --spectrum-button-xl-negative-outline-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-texticon-padding-left: 21px;
  --spectrum-button-xl-accent-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-white-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-fill-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-fill-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-fill-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-white-texticon-padding-left: 21px;
  --spectrum-button-xl-primary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-white-texticon-padding-left: 21px;
  --spectrum-button-xl-secondary-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-white-texticon-padding-left: 21px;
  --spectrum-button-xl-negative-fill-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-white-texticon-padding-left: 21px;
  --spectrum-button-xl-accent-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-white-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-white-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-white-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-white-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-white-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-outline-white-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-white-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-outline-white-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-white-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-outline-white-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-white-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-white-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-white-texticon-padding-left: 21px;
  --spectrum-button-xl-primary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-white-texticon-padding-left: 21px;
  --spectrum-button-xl-secondary-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-white-texticon-padding-left: 21px;
  --spectrum-button-xl-negative-outline-white-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-white-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-white-texticon-padding-left: 21px;
  --spectrum-button-xl-accent-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-white-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-white-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-black-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-fill-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-fill-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-fill-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-black-texticon-padding-left: 21px;
  --spectrum-button-xl-primary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-black-texticon-padding-left: 21px;
  --spectrum-button-xl-secondary-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-black-texticon-padding-left: 21px;
  --spectrum-button-xl-negative-fill-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-black-texticon-padding-left: 21px;
  --spectrum-button-xl-accent-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-fill-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-black-icononly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-black-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-black-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-button-s-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-s-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-black-texticon-padding-left: var(--spectrum-global-dimension-size-175);
  --spectrum-button-m-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-m-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-black-icononly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-outline-black-icononly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-black-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-outline-black-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-accent-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-primary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-secondary-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-black-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-button-l-negative-outline-black-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-button-l-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-l-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-black-icononly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-black-icononly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-black-texticon-padding-left: 21px;
  --spectrum-button-xl-primary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-black-texticon-padding-left: 21px;
  --spectrum-button-xl-secondary-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-black-texticon-padding-left: 21px;
  --spectrum-button-xl-negative-outline-black-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-black-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-black-texticon-padding-left: 21px;
  --spectrum-button-xl-accent-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-accent-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-primary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-secondary-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-black-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-button-xl-negative-outline-black-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-checkbox-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-checkbox-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-checkbox-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-checkbox-s-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-checkbox-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-checkbox-m-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-checkbox-l-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-checkbox-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-checkbox-l-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-checkbox-l-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-checkbox-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-checkbox-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-colorloupe-colorhandle-gap: var(--spectrum-global-dimension-static-size-125);
  --spectrum-colorloupe-offset-y: var(--spectrum-global-dimension-static-size-125);
  --spectrum-colorslider-vertical-touch-hit-x: var(--spectrum-global-dimension-size-150);
  --spectrum-colorslider-touch-hit-y: var(--spectrum-global-dimension-size-150);
  --spectrum-colorwheel-min-size: var(--spectrum-global-dimension-size-2400);
  --spectrum-colorwheel-touch-hit-outer: var(--spectrum-global-dimension-size-150);
  --spectrum-colorwheel-touch-hit-inner: var(--spectrum-global-dimension-size-150);
  --spectrum-colorwheel-min-width: var(--spectrum-global-dimension-size-2400);
  --spectrum-colorwheel-min-height: var(--spectrum-global-dimension-size-2400);
  --spectrum-combobox-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-combobox-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-combobox-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-combobox-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-combobox-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-combobox-l-quiet-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-combobox-l-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-combobox-l-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-cyclebutton-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-cyclebutton-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-dialog-confirm-title-text-size: var(--spectrum-alias-heading-s-text-size);
  --spectrum-dialog-confirm-description-text-size: var(--spectrum-global-dimension-font-size-100);
  --spectrum-dialog-confirm-description-margin-bottom: var(--spectrum-global-dimension-static-size-600);
  --spectrum-dialog-confirm-max-width: var(--spectrum-global-dimension-static-size-6000);
  --spectrum-dialog-confirm-padding: var(--spectrum-global-dimension-static-size-500);
  --spectrum-dialog-destructive-title-text-size: var(--spectrum-alias-heading-s-text-size);
  --spectrum-dialog-destructive-description-text-size: var(--spectrum-global-dimension-font-size-100);
  --spectrum-dialog-destructive-description-margin-bottom: var(--spectrum-global-dimension-static-size-600);
  --spectrum-dialog-destructive-max-width: var(--spectrum-global-dimension-static-size-6000);
  --spectrum-dialog-destructive-padding: var(--spectrum-global-dimension-static-size-500);
  --spectrum-dialog-error-title-text-size: var(--spectrum-alias-heading-s-text-size);
  --spectrum-dialog-error-description-text-size: var(--spectrum-global-dimension-font-size-100);
  --spectrum-dialog-error-description-margin-bottom: var(--spectrum-global-dimension-static-size-600);
  --spectrum-dialog-error-max-width: var(--spectrum-global-dimension-static-size-6000);
  --spectrum-dialog-error-padding: var(--spectrum-global-dimension-static-size-500);
  --spectrum-dialog-info-title-text-size: var(--spectrum-alias-heading-s-text-size);
  --spectrum-dialog-info-description-text-size: var(--spectrum-global-dimension-font-size-100);
  --spectrum-dialog-info-description-margin-bottom: var(--spectrum-global-dimension-static-size-600);
  --spectrum-dialog-info-max-width: var(--spectrum-global-dimension-static-size-6000);
  --spectrum-dialog-info-padding: var(--spectrum-global-dimension-static-size-500);
  --spectrum-dialog-fullscreen-title-text-size: var(--spectrum-alias-heading-s-text-size);
  --spectrum-dialog-fullscreen-description-text-size: var(--spectrum-global-dimension-font-size-100);
  --spectrum-dialog-fullscreen-description-margin-bottom: var(--spectrum-global-dimension-static-size-600);
  --spectrum-dialog-fullscreen-max-width: var(--spectrum-global-dimension-static-size-6000);
  --spectrum-dialog-fullscreen-padding: var(--spectrum-global-dimension-static-size-500);
  --spectrum-dialog-fullscreentakeover-title-text-size: var(--spectrum-alias-heading-s-text-size);
  --spectrum-dialog-fullscreentakeover-description-text-size: var(--spectrum-global-dimension-font-size-100);
  --spectrum-dialog-fullscreentakeover-description-margin-bottom: var(--spectrum-global-dimension-static-size-600);
  --spectrum-dialog-fullscreentakeover-max-width: var(--spectrum-global-dimension-static-size-6000);
  --spectrum-dialog-fullscreentakeover-padding: var(--spectrum-global-dimension-static-size-500);
  --spectrum-helptext-s-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-helptext-s-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-helptext-s-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-helptext-s-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-helptext-m-neutral-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-helptext-m-negative-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-helptext-m-neutral-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-helptext-m-negative-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-helptext-l-neutral-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-helptext-l-negative-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-helptext-l-neutral-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-helptext-l-negative-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-helptext-xl-neutral-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-helptext-xl-negative-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-helptext-xl-neutral-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-helptext-xl-negative-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-infieldbutton-l-left-fill-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-infieldbutton-l-right-fill-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-infieldbutton-l-none-fill-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-listitem-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-listitem-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-listitem-s-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-listitem-m-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-listitem-m-textthumbnail-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-listitem-l-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-listitem-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-listitem-l-texticon-thumbnail-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-listitem-l-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-listitem-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-listitem-l-textonly-thumbnail-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-listitem-l-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-listitem-l-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-listitem-l-textthumbnail-thumbnail-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-meter-s-negative-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-meter-s-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25);
  --spectrum-meter-s-negative-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-meter-s-negative-border-radius: var(--spectrum-global-dimension-static-size-25);
  --spectrum-meter-s-notice-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-meter-s-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25);
  --spectrum-meter-s-notice-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-meter-s-notice-border-radius: var(--spectrum-global-dimension-static-size-25);
  --spectrum-meter-s-positive-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-meter-s-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25);
  --spectrum-meter-s-positive-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-meter-s-positive-border-radius: var(--spectrum-global-dimension-static-size-25);
  --spectrum-meter-m-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40);
  --spectrum-meter-m-negative-border-radius: var(--spectrum-global-dimension-static-size-40);
  --spectrum-meter-m-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40);
  --spectrum-meter-m-notice-border-radius: var(--spectrum-global-dimension-static-size-40);
  --spectrum-meter-m-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40);
  --spectrum-meter-m-positive-border-radius: var(--spectrum-global-dimension-static-size-40);
  --spectrum-meter-l-negative-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-meter-l-negative-value-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-meter-l-notice-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-meter-l-notice-value-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-meter-l-positive-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-meter-l-positive-value-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-meter-xl-negative-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65);
  --spectrum-meter-xl-negative-border-radius: var(--spectrum-global-dimension-static-size-65);
  --spectrum-meter-xl-notice-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65);
  --spectrum-meter-xl-notice-border-radius: var(--spectrum-global-dimension-static-size-65);
  --spectrum-meter-xl-positive-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65);
  --spectrum-meter-xl-positive-border-radius: var(--spectrum-global-dimension-static-size-65);
  --spectrum-pagination-page-button-line-height: 26px;
  --spectrum-pagination-button-page-button-line-height: 26px;
  --spectrum-pagination-explicit-page-button-line-height: 26px;
  --spectrum-pagination-listing-page-button-line-height: 26px;
  --spectrum-panel-s-collapsible-header-height: var(--spectrum-global-dimension-size-600);
  --spectrum-panel-s-header-height: var(--spectrum-global-dimension-size-600);
  --spectrum-panel-s-spacious-collapsible-header-height: var(--spectrum-global-dimension-size-600);
  --spectrum-panel-s-spacious-header-height: var(--spectrum-global-dimension-size-600);
  --spectrum-panel-l-collapsible-header-height: var(--spectrum-global-dimension-size-600);
  --spectrum-panel-l-header-height: var(--spectrum-global-dimension-size-600);
  --spectrum-panel-l-spacious-collapsible-header-height: var(--spectrum-global-dimension-size-600);
  --spectrum-panel-l-spacious-header-height: var(--spectrum-global-dimension-size-600);
  --spectrum-picker-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-picker-s-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-picker-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-picker-s-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-picker-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-picker-s-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-picker-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-picker-s-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-picker-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-s-quiet-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-picker-s-quiet-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-picker-s-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-s-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-s-textthumbnail-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-picker-s-textthumbnail-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-picker-s-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-s-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-m-texticon-popover-offset-x: var(--spectrum-global-dimension-size-125);
  --spectrum-picker-m-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-picker-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-m-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-m-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-m-textthumbnail-popover-offset-x: var(--spectrum-global-dimension-size-125);
  --spectrum-picker-m-textthumbnail-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-picker-m-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-m-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-picker-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-picker-l-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-picker-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-l-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-picker-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-picker-l-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-picker-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-picker-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-picker-l-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-picker-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-l-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-picker-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-picker-l-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-picker-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-l-quiet-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-picker-l-quiet-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-picker-l-quiet-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-picker-l-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-l-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-l-textthumbnail-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-picker-l-textthumbnail-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-picker-l-textthumbnail-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-picker-l-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-l-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-xl-quiet-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-xl-quiet-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-xl-textthumbnail-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-picker-xl-textthumbnail-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-progressbar-s-indeterminate-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-progressbar-s-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25);
  --spectrum-progressbar-s-indeterminate-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-progressbar-s-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-25);
  --spectrum-progressbar-s-overbackground-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-progressbar-s-overbackground-border-radius: var(--spectrum-global-dimension-static-size-25);
  --spectrum-progressbar-s-value-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-progressbar-s-border-radius: var(--spectrum-global-dimension-static-size-25);
  --spectrum-progressbar-m-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40);
  --spectrum-progressbar-m-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-40);
  --spectrum-progressbar-m-overbackground-border-radius: var(--spectrum-global-dimension-static-size-40);
  --spectrum-progressbar-m-border-radius: var(--spectrum-global-dimension-static-size-40);
  --spectrum-progressbar-l-indeterminate-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-progressbar-l-indeterminate-value-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-progressbar-l-overbackground-value-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-progressbar-l-value-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-progressbar-xl-indeterminate-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65);
  --spectrum-progressbar-xl-indeterminate-border-radius: var(--spectrum-global-dimension-static-size-65);
  --spectrum-progressbar-xl-overbackground-border-radius: var(--spectrum-global-dimension-static-size-65);
  --spectrum-progressbar-xl-border-radius: var(--spectrum-global-dimension-static-size-65);
  --spectrum-progresscircle-s-indeterminate-overbackground-border-size: var(--spectrum-global-dimension-static-size-25);
  --spectrum-progresscircle-s-indeterminate-border-size: var(--spectrum-global-dimension-static-size-25);
  --spectrum-progresscircle-s-overbackground-border-size: var(--spectrum-global-dimension-static-size-25);
  --spectrum-progresscircle-s-border-size: var(--spectrum-global-dimension-static-size-25);
  --spectrum-progresscircle-m-indeterminate-overbackground-border-size: 3px;
  --spectrum-progresscircle-m-indeterminate-border-size: 3px;
  --spectrum-progresscircle-m-overbackground-border-size: 3px;
  --spectrum-progresscircle-m-border-size: 3px;
  --spectrum-radio-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-radio-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-radio-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-radio-s-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-radio-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-radio-m-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-radio-l-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-radio-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-radio-l-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-radio-l-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-radio-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-radio-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-rating-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-rating-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-search-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-search-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-search-s-quiet-touch-hit-x: var(--spectrum-global-dimension-size-100);
  --spectrum-search-s-quiet-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-search-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-search-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-search-s-touch-hit-x: var(--spectrum-global-dimension-size-100);
  --spectrum-search-s-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-search-m-quiet-touch-hit-x: var(--spectrum-global-dimension-size-100);
  --spectrum-search-m-quiet-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-search-m-touch-hit-x: var(--spectrum-global-dimension-size-100);
  --spectrum-search-m-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-search-l-quiet-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-search-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-search-l-quiet-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-search-l-quiet-touch-hit-x: var(--spectrum-global-dimension-size-100);
  --spectrum-search-l-quiet-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-search-l-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-search-l-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-search-l-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-search-l-touch-hit-x: var(--spectrum-global-dimension-size-100);
  --spectrum-search-l-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-search-xl-quiet-touch-hit-x: var(--spectrum-global-dimension-size-100);
  --spectrum-search-xl-quiet-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-search-xl-touch-hit-x: var(--spectrum-global-dimension-size-100);
  --spectrum-search-xl-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-searchwithin-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-searchwithin-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-searchwithin-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-searchwithin-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-searchwithin-l-quiet-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-searchwithin-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-searchwithin-l-quiet-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-searchwithin-l-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-searchwithin-l-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-searchwithin-l-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-sidenav-multilevel-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25);
  --spectrum-sidenav-multilevel-main-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25);
  --spectrum-sidenav-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25);
  --spectrum-sidenav-main-item-touch-hit-bottom: var(--spectrum-global-dimension-static-size-25);
  --spectrum-slider-s-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-slider-s-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-s-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-ramp-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-slider-s-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-s-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-range-tick-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-slider-s-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-s-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-slider-s-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-s-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-ramp-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-slider-s-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-s-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-range-tick-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-slider-s-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-s-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-slider-s-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-s-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-ramp-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-slider-s-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-s-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-range-editable-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-slider-s-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-s-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-slider-s-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-s-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-ramp-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-slider-s-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-s-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-range-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-slider-s-range-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-s-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-s-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-m-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-m-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-m-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-m-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-m-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-m-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-m-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-m-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-m-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-m-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-m-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-range-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-m-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-m-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-slider-l-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-l-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-ramp-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-slider-l-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-l-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-range-tick-editable-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-slider-l-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-l-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-tick-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-slider-l-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-l-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-ramp-tick-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-slider-l-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-l-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-range-tick-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-slider-l-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-l-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-editable-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-slider-l-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-l-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-ramp-editable-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-slider-l-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-l-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-range-editable-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-slider-l-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-l-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-slider-l-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-l-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-ramp-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-slider-l-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-l-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-range-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-slider-l-range-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-l-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-l-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-xl-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-ramp-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-xl-ramp-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-ramp-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-range-tick-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-xl-range-tick-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-range-tick-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-xl-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-ramp-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-xl-ramp-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-ramp-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-range-tick-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-xl-range-tick-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-range-tick-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-xl-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-ramp-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-xl-ramp-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-ramp-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-range-editable-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-xl-range-editable-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-range-editable-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-xl-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-ramp-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-xl-ramp-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-ramp-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-range-track-touch-hit-y: var(--spectrum-global-dimension-size-100);
  --spectrum-slider-xl-range-handle-touch-hit-x: var(--spectrum-global-dimension-size-200);
  --spectrum-slider-xl-range-handle-touch-hit-y: var(--spectrum-global-dimension-size-200);
  --spectrum-statuslight-s-celery-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-statuslight-s-chartreuse-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-statuslight-s-fuchsia-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-statuslight-s-indigo-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-statuslight-s-info-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-statuslight-s-magenta-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-statuslight-s-neutral-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-statuslight-s-negative-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-statuslight-s-notice-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-statuslight-s-positive-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-statuslight-s-purple-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-statuslight-s-seafoam-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-statuslight-s-yellow-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-statuslight-l-celery-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-l-celery-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-statuslight-l-chartreuse-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-l-chartreuse-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-statuslight-l-fuchsia-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-l-fuchsia-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-statuslight-l-indigo-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-l-indigo-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-statuslight-l-info-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-l-info-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-statuslight-l-magenta-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-l-magenta-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-statuslight-l-neutral-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-l-neutral-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-statuslight-l-negative-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-l-negative-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-statuslight-l-notice-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-l-notice-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-statuslight-l-positive-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-l-positive-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-statuslight-l-purple-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-l-purple-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-statuslight-l-seafoam-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-l-seafoam-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-statuslight-l-yellow-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-l-yellow-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-statuslight-xl-celery-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-xl-chartreuse-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-xl-fuchsia-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-xl-indigo-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-xl-info-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-xl-magenta-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-xl-neutral-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-xl-negative-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-xl-notice-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-xl-positive-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-xl-purple-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-xl-seafoam-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-statuslight-xl-yellow-dot-size: var(--spectrum-global-dimension-size-125);
  --spectrum-switch-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-switch-s-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-switch-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-switch-s-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-switch-m-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-switch-m-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-switch-l-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-switch-l-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-switch-l-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-switch-l-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-switch-xl-emphasized-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-switch-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-tabs-s-quiet-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-quiet-emphasized-margin-left: -7px;
  --spectrum-tabs-s-quiet-emphasized-margin-right: -7px;
  --spectrum-tabs-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-quiet-margin-left: -7px;
  --spectrum-tabs-s-quiet-margin-right: -7px;
  --spectrum-tabs-s-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-emphasized-margin-left: -7px;
  --spectrum-tabs-s-emphasized-margin-right: -7px;
  --spectrum-tabs-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-margin-left: -7px;
  --spectrum-tabs-s-margin-right: -7px;
  --spectrum-tabs-s-vertical-quiet-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-vertical-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-vertical-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-vertical-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-vertical-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-vertical-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-vertical-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-vertical-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-compact-quiet-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-compact-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-compact-quiet-emphasized-margin-left: -7px;
  --spectrum-tabs-s-compact-quiet-emphasized-margin-right: -7px;
  --spectrum-tabs-s-compact-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-compact-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-compact-quiet-margin-left: -7px;
  --spectrum-tabs-s-compact-quiet-margin-right: -7px;
  --spectrum-tabs-s-compact-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-compact-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-compact-emphasized-margin-left: -7px;
  --spectrum-tabs-s-compact-emphasized-margin-right: -7px;
  --spectrum-tabs-s-compact-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-compact-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-compact-margin-left: -7px;
  --spectrum-tabs-s-compact-margin-right: -7px;
  --spectrum-tabs-s-compact-vertical-quiet-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-compact-vertical-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-compact-vertical-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-compact-vertical-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-compact-vertical-emphasized-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-compact-vertical-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-s-compact-vertical-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tabs-s-compact-vertical-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-quiet-emphasized-margin-left: -8px;
  --spectrum-tabs-m-quiet-emphasized-margin-right: -8px;
  --spectrum-tabs-m-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-quiet-margin-left: -8px;
  --spectrum-tabs-m-quiet-margin-right: -8px;
  --spectrum-tabs-m-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-emphasized-margin-left: -8px;
  --spectrum-tabs-m-emphasized-margin-right: -8px;
  --spectrum-tabs-m-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-margin-left: -8px;
  --spectrum-tabs-m-margin-right: -8px;
  --spectrum-tabs-m-vertical-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-vertical-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-vertical-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-vertical-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-compact-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-compact-quiet-emphasized-margin-left: -8px;
  --spectrum-tabs-m-compact-quiet-emphasized-margin-right: -8px;
  --spectrum-tabs-m-compact-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-compact-quiet-margin-left: -8px;
  --spectrum-tabs-m-compact-quiet-margin-right: -8px;
  --spectrum-tabs-m-compact-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-compact-emphasized-margin-left: -8px;
  --spectrum-tabs-m-compact-emphasized-margin-right: -8px;
  --spectrum-tabs-m-compact-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-compact-margin-left: -8px;
  --spectrum-tabs-m-compact-margin-right: -8px;
  --spectrum-tabs-m-compact-vertical-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-compact-vertical-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-compact-vertical-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-m-compact-vertical-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-quiet-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-quiet-emphasized-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-quiet-emphasized-margin-left: -9px;
  --spectrum-tabs-l-quiet-emphasized-margin-right: -9px;
  --spectrum-tabs-l-quiet-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-quiet-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-quiet-margin-left: -9px;
  --spectrum-tabs-l-quiet-margin-right: -9px;
  --spectrum-tabs-l-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-emphasized-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-emphasized-margin-left: -9px;
  --spectrum-tabs-l-emphasized-margin-right: -9px;
  --spectrum-tabs-l-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-margin-left: -9px;
  --spectrum-tabs-l-margin-right: -9px;
  --spectrum-tabs-l-vertical-quiet-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-vertical-quiet-emphasized-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-vertical-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-vertical-quiet-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-vertical-quiet-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-vertical-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-vertical-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-vertical-emphasized-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-vertical-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-vertical-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-vertical-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-vertical-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-compact-quiet-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-compact-quiet-emphasized-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-compact-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-compact-quiet-emphasized-margin-left: -9px;
  --spectrum-tabs-l-compact-quiet-emphasized-margin-right: -9px;
  --spectrum-tabs-l-compact-quiet-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-compact-quiet-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-compact-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-compact-quiet-margin-left: -9px;
  --spectrum-tabs-l-compact-quiet-margin-right: -9px;
  --spectrum-tabs-l-compact-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-compact-emphasized-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-compact-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-compact-emphasized-margin-left: -9px;
  --spectrum-tabs-l-compact-emphasized-margin-right: -9px;
  --spectrum-tabs-l-compact-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-compact-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-compact-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-compact-margin-left: -9px;
  --spectrum-tabs-l-compact-margin-right: -9px;
  --spectrum-tabs-l-compact-vertical-quiet-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-compact-vertical-quiet-emphasized-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-compact-vertical-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-compact-vertical-quiet-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-compact-vertical-quiet-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-compact-vertical-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-compact-vertical-emphasized-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-compact-vertical-emphasized-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-compact-vertical-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-l-compact-vertical-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tabs-l-compact-vertical-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tabs-l-compact-vertical-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-quiet-emphasized-margin-left: -10px;
  --spectrum-tabs-xl-quiet-emphasized-margin-right: -10px;
  --spectrum-tabs-xl-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-quiet-margin-left: -10px;
  --spectrum-tabs-xl-quiet-margin-right: -10px;
  --spectrum-tabs-xl-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-emphasized-margin-left: -10px;
  --spectrum-tabs-xl-emphasized-margin-right: -10px;
  --spectrum-tabs-xl-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-margin-left: -10px;
  --spectrum-tabs-xl-margin-right: -10px;
  --spectrum-tabs-xl-vertical-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-vertical-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-vertical-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-vertical-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-compact-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-compact-quiet-emphasized-margin-left: -10px;
  --spectrum-tabs-xl-compact-quiet-emphasized-margin-right: -10px;
  --spectrum-tabs-xl-compact-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-compact-quiet-margin-left: -10px;
  --spectrum-tabs-xl-compact-quiet-margin-right: -10px;
  --spectrum-tabs-xl-compact-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-compact-emphasized-margin-left: -10px;
  --spectrum-tabs-xl-compact-emphasized-margin-right: -10px;
  --spectrum-tabs-xl-compact-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-compact-margin-left: -10px;
  --spectrum-tabs-xl-compact-margin-right: -10px;
  --spectrum-tabs-xl-compact-vertical-quiet-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-compact-vertical-quiet-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-compact-vertical-emphasized-focus-ring-border-radius: 5px;
  --spectrum-tabs-xl-compact-vertical-focus-ring-border-radius: 5px;
  --spectrum-tag-s-removable-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tag-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tag-s-removable-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tag-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tag-s-removable-avatartext-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tag-s-avatartext-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tag-m-removable-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-tag-m-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-tag-m-removable-avatartext-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-tag-m-avatartext-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-tag-l-removable-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tag-l-removable-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tag-l-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tag-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tag-l-removable-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tag-l-removable-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tag-l-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tag-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tag-l-removable-avatartext-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tag-l-removable-avatartext-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-tag-l-avatartext-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-tag-l-avatartext-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-textarea-s-multiline-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textarea-s-multiline-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textarea-s-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-s-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-s-quiet-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textarea-s-quiet-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textarea-s-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-s-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-s-multiline-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textarea-s-multiline-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textarea-s-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-s-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-s-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textarea-s-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textarea-s-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-s-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-m-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-m-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-m-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-m-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-m-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-m-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-m-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-m-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-l-multiline-quiet-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textarea-l-multiline-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textarea-l-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-l-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-l-quiet-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textarea-l-quiet-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textarea-l-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-l-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-l-multiline-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textarea-l-multiline-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textarea-l-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-l-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-l-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textarea-l-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textarea-l-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-l-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-xl-multiline-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-xl-multiline-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-xl-quiet-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-xl-quiet-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-xl-multiline-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-xl-multiline-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-xl-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textarea-xl-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-s-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-s-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-s-quiet-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textfield-s-quiet-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textfield-s-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-s-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-s-quiet-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textfield-s-quiet-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textfield-s-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-s-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-s-texticon-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textfield-s-texticon-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textfield-s-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-s-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-s-textonly-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textfield-s-textonly-placeholder-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-textfield-m-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-m-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-m-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-m-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-m-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-m-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-m-texticon-padding-left: var(--spectrum-global-dimension-size-125);
  --spectrum-textfield-m-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-m-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-l-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-l-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-l-quiet-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textfield-l-quiet-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textfield-l-quiet-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-textfield-l-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-l-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-l-quiet-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textfield-l-quiet-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textfield-l-quiet-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-textfield-l-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-l-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-l-texticon-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textfield-l-texticon-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textfield-l-texticon-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-textfield-l-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-l-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-l-textonly-text-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textfield-l-textonly-placeholder-padding-top: var(--spectrum-global-dimension-size-115);
  --spectrum-textfield-l-textonly-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-textfield-xl-quiet-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-xl-quiet-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-xl-quiet-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-xl-quiet-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-xl-texticon-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-xl-texticon-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-xl-textonly-touch-hit-x: var(--spectrum-global-dimension-static-size-100);
  --spectrum-textfield-xl-textonly-touch-hit-y: var(--spectrum-global-dimension-static-size-100);
  --spectrum-tooltip-neutral-text-margin-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tooltip-info-text-margin-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tooltip-positive-text-margin-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-tooltip-negative-text-margin-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-treeview-s-item-text-padding-bottom: var(--spectrum-global-dimension-static-size-65);
  --spectrum-treeview-l-item-icon-size: var(--spectrum-global-dimension-static-size-250);
  --spectrum-treeview-l-item-text-padding-top: var(--spectrum-global-dimension-size-115);
}

.spectrum-Icon,
.spectrum-UIIcon {
  display: inline-block;
  color: inherit;
  fill: currentColor;
  pointer-events: none;
}

.spectrum-Icon:not(:root), .spectrum-UIIcon:not(:root) {
    overflow: hidden;
  }

@media (forced-colors: active) {
  .spectrum-Icon,
  .spectrum-UIIcon {
    forced-color-adjust: auto;
  }
}

.spectrum-Icon {
  --spectrum-icon-size-s: var(--spectrum-alias-workflow-icon-size-s, var(--spectrum-global-dimension-size-200));
  --spectrum-icon-size-m: var(--spectrum-alias-workflow-icon-size-m, var(--spectrum-global-dimension-size-225));
  --spectrum-icon-size-l: var(--spectrum-alias-workflow-icon-size-l);
  --spectrum-icon-size-xl: var(--spectrum-alias-workflow-icon-size-xl, var(--spectrum-global-dimension-size-275));
  --spectrum-icon-size-xxl: var(--spectrum-global-dimension-size-400);
}

.spectrum-Icon--sizeS,
  .spectrum-Icon--sizeS img,
  .spectrum-Icon--sizeS svg {
    height: var(--spectrum-icon-size-s);
    width: var(--spectrum-icon-size-s);
  }

.spectrum-Icon--sizeM,
  .spectrum-Icon--sizeM img,
  .spectrum-Icon--sizeM svg {
    height: var(--spectrum-icon-size-m);
    width: var(--spectrum-icon-size-m);
  }

.spectrum-Icon--sizeL,
  .spectrum-Icon--sizeL img,
  .spectrum-Icon--sizeL svg {
    height: var(--spectrum-icon-size-l);
    width: var(--spectrum-icon-size-l);
  }

.spectrum-Icon--sizeXL,
  .spectrum-Icon--sizeXL img,
  .spectrum-Icon--sizeXL svg {
    height: var(--spectrum-icon-size-xl);
    width: var(--spectrum-icon-size-xl);
  }

.spectrum-Icon--sizeXXL,
  .spectrum-Icon--sizeXXL img,
  .spectrum-Icon--sizeXXL svg {
    height: var(--spectrum-icon-size-xxl);
    width: var(--spectrum-icon-size-xxl);
  }

.spectrum--medium .spectrum-UIIcon--large {
    display: none;
  }

.spectrum--medium .spectrum-UIIcon--medium {
    display: inline;
  }

.spectrum--large .spectrum-UIIcon--medium {
    display: none;
  }

.spectrum--large .spectrum-UIIcon--large {
    display: inline;
  }

.spectrum--large {
  --ui-icon-large-display: block;
  --ui-icon-medium-display: none;
}

.spectrum--medium {
  --ui-icon-medium-display: block;
  --ui-icon-large-display: none;
}

.spectrum-UIIcon--large {
  display: var(--ui-icon-large-display);
}

.spectrum-UIIcon--medium {
  display: var(--ui-icon-medium-display);
}

.spectrum-UIIcon-ChevronDown75,
.spectrum-UIIcon-ChevronDown100,
.spectrum-UIIcon-ChevronDown200,
.spectrum-UIIcon-ChevronDown300,
.spectrum-UIIcon-ChevronDown400,
.spectrum-UIIcon-ChevronDown500,
.spectrum-UIIcon-ArrowDown75,
.spectrum-UIIcon-ArrowDown100,
.spectrum-UIIcon-ArrowDown200,
.spectrum-UIIcon-ArrowDown300,
.spectrum-UIIcon-ArrowDown400,
.spectrum-UIIcon-ArrowDown500,
.spectrum-UIIcon-ArrowDown600 {
  transform: rotate(90deg);
}

.spectrum-UIIcon-ChevronLeft75,
.spectrum-UIIcon-ChevronLeft100,
.spectrum-UIIcon-ChevronLeft200,
.spectrum-UIIcon-ChevronLeft300,
.spectrum-UIIcon-ChevronLeft400,
.spectrum-UIIcon-ChevronLeft500,
.spectrum-UIIcon-ArrowLeft75,
.spectrum-UIIcon-ArrowLeft100,
.spectrum-UIIcon-ArrowLeft200,
.spectrum-UIIcon-ArrowLeft300,
.spectrum-UIIcon-ArrowLeft400,
.spectrum-UIIcon-ArrowLeft500,
.spectrum-UIIcon-ArrowLeft600 {
  transform: rotate(180deg);
}

.spectrum-UIIcon-ChevronUp75,
.spectrum-UIIcon-ChevronUp100,
.spectrum-UIIcon-ChevronUp200,
.spectrum-UIIcon-ChevronUp300,
.spectrum-UIIcon-ChevronUp400,
.spectrum-UIIcon-ChevronUp500,
.spectrum-UIIcon-ArrowUp75,
.spectrum-UIIcon-ArrowUp100,
.spectrum-UIIcon-ArrowUp200,
.spectrum-UIIcon-ArrowUp300,
.spectrum-UIIcon-ArrowUp400,
.spectrum-UIIcon-ArrowUp500,
.spectrum-UIIcon-ArrowUp600 {
  transform: rotate(270deg);
}

.spectrum-UIIcon-ChevronRight75,
.spectrum-UIIcon-ChevronDown75,
.spectrum-UIIcon-ChevronLeft75,
.spectrum-UIIcon-ChevronUp75 {
  width: var(--spectrum-alias-ui-icon-chevron-size-75);
  height: var(--spectrum-alias-ui-icon-chevron-size-75);
}

.spectrum-UIIcon-ChevronRight100,
.spectrum-UIIcon-ChevronDown100,
.spectrum-UIIcon-ChevronLeft100,
.spectrum-UIIcon-ChevronUp100 {
  width: var(--spectrum-alias-ui-icon-chevron-size-100);
  height: var(--spectrum-alias-ui-icon-chevron-size-100);
}

.spectrum-UIIcon-ChevronRight200,
.spectrum-UIIcon-ChevronDown200,
.spectrum-UIIcon-ChevronLeft200,
.spectrum-UIIcon-ChevronUp200 {
  width: var(--spectrum-alias-ui-icon-chevron-size-200);
  height: var(--spectrum-alias-ui-icon-chevron-size-200);
}

.spectrum-UIIcon-ChevronRight300,
.spectrum-UIIcon-ChevronDown300,
.spectrum-UIIcon-ChevronLeft300,
.spectrum-UIIcon-ChevronUp300 {
  width: var(--spectrum-alias-ui-icon-chevron-size-300);
  height: var(--spectrum-alias-ui-icon-chevron-size-300);
}

.spectrum-UIIcon-ChevronRight400,
.spectrum-UIIcon-ChevronDown400,
.spectrum-UIIcon-ChevronLeft400,
.spectrum-UIIcon-ChevronUp400 {
  width: var(--spectrum-alias-ui-icon-chevron-size-400);
  height: var(--spectrum-alias-ui-icon-chevron-size-400);
}

.spectrum-UIIcon-ChevronRight500,
.spectrum-UIIcon-ChevronDown500,
.spectrum-UIIcon-ChevronLeft500,
.spectrum-UIIcon-ChevronUp500 {
  width: var(--spectrum-alias-ui-icon-chevron-size-500);
  height: var(--spectrum-alias-ui-icon-chevron-size-500);
}

.spectrum-UIIcon-ArrowRight75,
.spectrum-UIIcon-ArrowDown75,
.spectrum-UIIcon-ArrowLeft75,
.spectrum-UIIcon-ArrowUp75 {
  width: var(--spectrum-alias-ui-icon-arrow-size-75);
  height: var(--spectrum-alias-ui-icon-arrow-size-75);
}

.spectrum-UIIcon-ArrowRight100,
.spectrum-UIIcon-ArrowDown100,
.spectrum-UIIcon-ArrowLeft100,
.spectrum-UIIcon-ArrowUp100 {
  width: var(--spectrum-alias-ui-icon-arrow-size-100);
  height: var(--spectrum-alias-ui-icon-arrow-size-100);
}

.spectrum-UIIcon-ArrowRight200,
.spectrum-UIIcon-ArrowDown200,
.spectrum-UIIcon-ArrowLeft200,
.spectrum-UIIcon-ArrowUp200 {
  width: var(--spectrum-alias-ui-icon-arrow-size-200);
  height: var(--spectrum-alias-ui-icon-arrow-size-200);
}

.spectrum-UIIcon-ArrowRight300,
.spectrum-UIIcon-ArrowDown300,
.spectrum-UIIcon-ArrowLeft300,
.spectrum-UIIcon-ArrowUp300 {
  width: var(--spectrum-alias-ui-icon-arrow-size-300);
  height: var(--spectrum-alias-ui-icon-arrow-size-300);
}

.spectrum-UIIcon-ArrowRight400,
.spectrum-UIIcon-ArrowDown400,
.spectrum-UIIcon-ArrowLeft400,
.spectrum-UIIcon-ArrowUp400 {
  width: var(--spectrum-alias-ui-icon-arrow-size-400);
  height: var(--spectrum-alias-ui-icon-arrow-size-400);
}

.spectrum-UIIcon-ArrowRight500,
.spectrum-UIIcon-ArrowDown500,
.spectrum-UIIcon-ArrowLeft500,
.spectrum-UIIcon-ArrowUp500 {
  width: var(--spectrum-alias-ui-icon-arrow-size-500);
  height: var(--spectrum-alias-ui-icon-arrow-size-500);
}

.spectrum-UIIcon-ArrowRight600,
.spectrum-UIIcon-ArrowDown600,
.spectrum-UIIcon-ArrowLeft600,
.spectrum-UIIcon-ArrowUp600 {
  width: var(--spectrum-alias-ui-icon-arrow-size-600);
  height: var(--spectrum-alias-ui-icon-arrow-size-600);
}

.spectrum-UIIcon-Checkmark50 {
  width: var(--spectrum-alias-ui-icon-checkmark-size-50);
  height: var(--spectrum-alias-ui-icon-checkmark-size-50);
}

.spectrum-UIIcon-Checkmark75 {
  width: var(--spectrum-alias-ui-icon-checkmark-size-75);
  height: var(--spectrum-alias-ui-icon-checkmark-size-75);
}

.spectrum-UIIcon-Checkmark100 {
  width: var(--spectrum-alias-ui-icon-checkmark-size-100);
  height: var(--spectrum-alias-ui-icon-checkmark-size-100);
}

.spectrum-UIIcon-Checkmark200 {
  width: var(--spectrum-alias-ui-icon-checkmark-size-200);
  height: var(--spectrum-alias-ui-icon-checkmark-size-200);
}

.spectrum-UIIcon-Checkmark300 {
  width: var(--spectrum-alias-ui-icon-checkmark-size-300);
  height: var(--spectrum-alias-ui-icon-checkmark-size-300);
}

.spectrum-UIIcon-Checkmark400 {
  width: var(--spectrum-alias-ui-icon-checkmark-size-400);
  height: var(--spectrum-alias-ui-icon-checkmark-size-400);
}

.spectrum-UIIcon-Checkmark500 {
  width: var(--spectrum-alias-ui-icon-checkmark-size-500);
  height: var(--spectrum-alias-ui-icon-checkmark-size-500);
}

.spectrum-UIIcon-Checkmark600 {
  width: var(--spectrum-alias-ui-icon-checkmark-size-600);
  height: var(--spectrum-alias-ui-icon-checkmark-size-600);
}

.spectrum-UIIcon-Dash50 {
  width: var(--spectrum-alias-ui-icon-dash-size-50);
  height: var(--spectrum-alias-ui-icon-dash-size-50);
}

.spectrum-UIIcon-Dash75 {
  width: var(--spectrum-alias-ui-icon-dash-size-75);
  height: var(--spectrum-alias-ui-icon-dash-size-75);
}

.spectrum-UIIcon-Dash100 {
  width: var(--spectrum-alias-ui-icon-dash-size-100);
  height: var(--spectrum-alias-ui-icon-dash-size-100);
}

.spectrum-UIIcon-Dash200 {
  width: var(--spectrum-alias-ui-icon-dash-size-200);
  height: var(--spectrum-alias-ui-icon-dash-size-200);
}

.spectrum-UIIcon-Dash300 {
  width: var(--spectrum-alias-ui-icon-dash-size-300);
  height: var(--spectrum-alias-ui-icon-dash-size-300);
}

.spectrum-UIIcon-Dash400 {
  width: var(--spectrum-alias-ui-icon-dash-size-400);
  height: var(--spectrum-alias-ui-icon-dash-size-400);
}

.spectrum-UIIcon-Dash500 {
  width: var(--spectrum-alias-ui-icon-dash-size-500);
  height: var(--spectrum-alias-ui-icon-dash-size-500);
}

.spectrum-UIIcon-Dash600 {
  width: var(--spectrum-alias-ui-icon-dash-size-600);
  height: var(--spectrum-alias-ui-icon-dash-size-600);
}

.spectrum-UIIcon-Cross75 {
  width: var(--spectrum-alias-ui-icon-cross-size-75);
  height: var(--spectrum-alias-ui-icon-cross-size-75);
}

.spectrum-UIIcon-Cross100 {
  width: var(--spectrum-alias-ui-icon-cross-size-100);
  height: var(--spectrum-alias-ui-icon-cross-size-100);
}

.spectrum-UIIcon-Cross200 {
  width: var(--spectrum-alias-ui-icon-cross-size-200);
  height: var(--spectrum-alias-ui-icon-cross-size-200);
}

.spectrum-UIIcon-Cross300 {
  width: var(--spectrum-alias-ui-icon-cross-size-300);
  height: var(--spectrum-alias-ui-icon-cross-size-300);
}

.spectrum-UIIcon-Cross400 {
  width: var(--spectrum-alias-ui-icon-cross-size-400);
  height: var(--spectrum-alias-ui-icon-cross-size-400);
}

.spectrum-UIIcon-Cross500 {
  width: var(--spectrum-alias-ui-icon-cross-size-500);
  height: var(--spectrum-alias-ui-icon-cross-size-500);
}

.spectrum-UIIcon-Cross600 {
  width: var(--spectrum-alias-ui-icon-cross-size-600);
  height: var(--spectrum-alias-ui-icon-cross-size-600);
}

.spectrum-UIIcon-TripleGripper100 {
  width: var(--spectrum-alias-ui-icon-triplegripper-size-100-height, var(--spectrum-global-dimension-size-100));
  height: var(--spectrum-alias-ui-icon-triplegripper-size-100-width);
}

.spectrum-UIIcon-DoubleGripper100 {
  width: var(--spectrum-alias-ui-icon-doublegripper-size-100-height);
  height: var(--spectrum-alias-ui-icon-doublegripper-size-100-width, var(--spectrum-global-dimension-size-200));
}

.spectrum-UIIcon-SingleGripper100 {
  width: var(--spectrum-alias-ui-icon-singlegripper-size-100-height);
  height: var(--spectrum-alias-ui-icon-singlegripper-size-100-width, var(--spectrum-global-dimension-size-300));
}

.spectrum-UIIcon-CornerTriangle75 {
  width: var(--spectrum-alias-ui-icon-cornertriangle-size-75, var(--spectrum-global-dimension-size-65));
  height: var(--spectrum-alias-ui-icon-cornertriangle-size-75, var(--spectrum-global-dimension-size-65));
}

.spectrum-UIIcon-CornerTriangle100 {
  width: var(--spectrum-alias-ui-icon-cornertriangle-size-100);
  height: var(--spectrum-alias-ui-icon-cornertriangle-size-100);
}

.spectrum-UIIcon-CornerTriangle200 {
  width: var(--spectrum-alias-ui-icon-cornertriangle-size-200, var(--spectrum-global-dimension-size-75));
  height: var(--spectrum-alias-ui-icon-cornertriangle-size-200, var(--spectrum-global-dimension-size-75));
}

.spectrum-UIIcon-CornerTriangle300 {
  width: var(--spectrum-alias-ui-icon-cornertriangle-size-300);
  height: var(--spectrum-alias-ui-icon-cornertriangle-size-300);
}

.spectrum-UIIcon-Asterisk75 {
  width: var(--spectrum-alias-ui-icon-asterisk-size-75, var(--spectrum-global-dimension-static-size-100));
  height: var(--spectrum-alias-ui-icon-asterisk-size-300);
}

.spectrum-UIIcon-Asterisk100 {
  width: var(--spectrum-alias-ui-icon-asterisk-size-100, var(--spectrum-global-dimension-size-100));
  height: var(--spectrum-alias-ui-icon-asterisk-size-100, var(--spectrum-global-dimension-size-100));
}

.spectrum-UIIcon-Asterisk200 {
  width: var(--spectrum-alias-ui-icon-asterisk-size-200);
  height: var(--spectrum-alias-ui-icon-asterisk-size-200);
}

.spectrum-UIIcon-Asterisk300 {
  width: var(--spectrum-alias-ui-icon-asterisk-size-300);
  height: var(--spectrum-alias-ui-icon-asterisk-size-300);
}

.spectrum {
  background-color: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.spectrum-Accordion {
  --spectrum-accordion-item-title-padding-y: var(
    --spectrum-global-dimension-size-150
  );
  --spectrum-accordion-animation-duration: var(--spectrum-global-animation-duration-100, 130ms);
}

.spectrum-Accordion {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

[dir="ltr"] .spectrum-Accordion-itemIndicator {
  left: var(--spectrum-accordion-item-padding-x, var(--spectrum-global-dimension-size-225));
}

[dir="rtl"] .spectrum-Accordion-itemIndicator {
  right: var(--spectrum-accordion-item-padding-x, var(--spectrum-global-dimension-size-225));
}

[dir="rtl"] .spectrum-Accordion-itemIndicator { transform: matrix(-1, 0, 0, 1, 0, 0) ; }

.spectrum-Accordion-itemIndicator {
  display: block;

  position: absolute;
  top: calc(50% - var(--spectrum-accordion-icon-height, var(--spectrum-global-dimension-size-125)) / 2);

  transition: transform ease var(--spectrum-accordion-animation-duration);
}

.spectrum-Accordion-item {
  z-index: inherit;
  position: relative;

  display: list-item;
  margin: 0;

  border-bottom: var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)) solid transparent;
}

.spectrum-Accordion-item:first-of-type {
    border-top: var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)) solid
      transparent;
  }

.spectrum-Accordion-itemHeading {
  margin: 0;
  position: relative;
  box-sizing: border-box;
}

[dir="ltr"] .spectrum-Accordion-itemHeader {
  padding-left: calc(var(--spectrum-accordion-item-padding-x, var(--spectrum-global-dimension-size-225)) + var(--spectrum-accordion-icon-height, var(--spectrum-global-dimension-size-125)) + var(--spectrum-accordion-icon-gap, var(--spectrum-global-dimension-size-100)) + var(--spectrum-accordion-item-border-left-size, var(--spectrum-alias-border-size-thick)));
}

[dir="rtl"] .spectrum-Accordion-itemHeader {
  padding-right: calc(var(--spectrum-accordion-item-padding-x, var(--spectrum-global-dimension-size-225)) + var(--spectrum-accordion-icon-height, var(--spectrum-global-dimension-size-125)) + var(--spectrum-accordion-icon-gap, var(--spectrum-global-dimension-size-100)) + var(--spectrum-accordion-item-border-left-size, var(--spectrum-alias-border-size-thick)));
}

[dir="ltr"] .spectrum-Accordion-itemHeader {
  padding-right: var(--spectrum-accordion-item-padding-x, var(--spectrum-global-dimension-size-225));
}

[dir="rtl"] .spectrum-Accordion-itemHeader {
  padding-left: var(--spectrum-accordion-item-padding-x, var(--spectrum-global-dimension-size-225));
}

[dir="ltr"] .spectrum-Accordion-itemHeader {
  text-align: left;
}

[dir="rtl"] .spectrum-Accordion-itemHeader {
  text-align: right;
}

.spectrum-Accordion-itemHeader {
  position: relative;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;

  box-sizing: border-box;
  padding-top: var(--spectrum-accordion-item-title-padding-y);
  padding-bottom: var(--spectrum-accordion-item-title-padding-y);
  margin: 0;

  min-height: calc(100% - var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));

  font-size: var(--spectrum-accordion-item-title-text-size, var(--spectrum-global-dimension-font-size-50));
  line-height: var(--spectrum-accordion-text-line-height, var(--spectrum-alias-component-text-line-height));
  text-transform: uppercase;
  letter-spacing: calc(var(--spectrum-accordion-item-title-tracking, var(--spectrum-global-font-letter-spacing-medium)) / 100);

  text-overflow: ellipsis;
  cursor: pointer;
  font-weight: 500;
  -webkit-appearance: none;
  appearance: none;
  background-color: inherit;
  border: 0;
  font-family: inherit;
  width: 100%;
}

.spectrum-Accordion-itemHeader:focus {
    outline: none;
  }

[dir="ltr"] .spectrum-Accordion-itemHeader:focus::after {
      left: 0;
}

[dir="rtl"] .spectrum-Accordion-itemHeader:focus::after {
      right: 0;
}

.spectrum-Accordion-itemHeader:focus::after {
      content: "";

      position: absolute;
      top: calc(-1 * var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));
      bottom: calc(-1 * var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));

      width: var(--spectrum-accordion-item-border-left-size, var(--spectrum-alias-border-size-thick));
    }

.spectrum-Accordion-itemContent {
  padding-top: 0;
  padding-bottom: var(--spectrum-accordion-item-content-padding, var(--spectrum-global-dimension-size-200));
  padding-left: var(--spectrum-accordion-item-content-padding, var(--spectrum-global-dimension-size-200));
  padding-right: var(--spectrum-accordion-item-content-padding, var(--spectrum-global-dimension-size-200));
  display: none;
}

[dir="ltr"] .spectrum-Accordion-item.is-open > .spectrum-Accordion-itemHeading > .spectrum-Accordion-itemIndicator { transform: rotate(90deg); }

[dir="rtl"] .spectrum-Accordion-item.is-open > .spectrum-Accordion-itemHeading > .spectrum-Accordion-itemIndicator { transform: matrix(-1, 0, 0, 1, 0, 0) rotate(90deg); }

[dir="ltr"] .spectrum-Accordion-item.is-open > .spectrum-Accordion-itemIndicator { transform: rotate(90deg); }

[dir="rtl"] .spectrum-Accordion-item.is-open > .spectrum-Accordion-itemIndicator { transform: matrix(-1, 0, 0, 1, 0, 0) rotate(90deg); }

.spectrum-Accordion-item.is-open > .spectrum-Accordion-itemHeader::after {
      height: calc(100% - var(--spectrum-accordion-item-border-size, var(--spectrum-alias-border-size-thin)));
    }

.spectrum-Accordion-item.is-open > .spectrum-Accordion-itemContent {
      display: block;
    }

.spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader {
      cursor: default;
    }

.spectrum-Accordion-item {
  border-color: var(--spectrum-accordion-border-color, var(--spectrum-global-color-gray-300));
}

.spectrum-Accordion-itemIndicator {
  color: var(--spectrum-accordion-icon-color, var(--spectrum-global-color-gray-600));
}

.spectrum-Accordion-itemHeader {
  color: var(--spectrum-accordion-text-color, var(--spectrum-global-color-gray-700));
}

.spectrum-Accordion-itemHeader:hover {
    color: var(--spectrum-accordion-text-color-hover, var(--spectrum-global-color-gray-900));

    background-color: var(--spectrum-accordion-item-background-color-hover, var(--spectrum-global-color-gray-200));
  }

.spectrum-Accordion-itemHeader:hover + .spectrum-Accordion-itemIndicator {
      color: var(--spectrum-accordion-icon-color-hover, var(--spectrum-alias-icon-color-hover));
    }

.spectrum-Accordion-itemHeader.focus-ring:after {
      background-color: var(--spectrum-accordion-item-border-left-color-key-focus, var(--spectrum-alias-border-color-key-focus));
    }

.spectrum-Accordion-item.is-open .spectrum-Accordion-itemHeader:hover {
        background-color: transparent;
      }

.spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader,
    .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader:hover,
    .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader.focus-ring {
      color: var(--spectrum-accordion-text-color-disabled, var(--spectrum-global-color-gray-500));
      background-color: transparent;
    }

.spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader + .spectrum-Accordion-itemIndicator {
      color: var(--spectrum-accordion-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
    }

.spectrum-ActionBar {
  --spectrum-actionbar-height: var(--spectrum-global-dimension-size-600);
  --spectrum-actionbar-padding-left: var(--spectrum-global-dimension-size-200);
  --spectrum-actionbar-padding-right: calc(var(--spectrum-global-dimension-size-200) / 2);
  --spectrum-actionbar-margin-x: var(--spectrum-global-dimension-size-200);

  --spectrum-actionbar-min-width: 280px;
  --spectrum-actionbar-max-width: 960px;
}

.spectrum-ActionBar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;

  bottom: 0;
  z-index: 1;
  box-sizing: border-box;
  padding: 0 var(--spectrum-actionbar-margin-x);
  height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;

  transition: height var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
              opacity var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
}

.spectrum-ActionBar.is-open {
    height: calc(var(--spectrum-actionbar-height, var(--spectrum-global-dimension-size-600)) + var(--spectrum-actionbar-margin-x) * 2);
    opacity: 1;
  }

[dir="ltr"] .spectrum-ActionBar--sticky {
  left: 0;
}

[dir="rtl"] .spectrum-ActionBar--sticky {
  right: 0;
}

[dir="ltr"] .spectrum-ActionBar--sticky {
  right: 0;
}

[dir="rtl"] .spectrum-ActionBar--sticky {
  left: 0;
}

.spectrum-ActionBar--sticky {
  position: sticky;
}

.spectrum-ActionBar--flexible .spectrum-ActionBar-popover {
    width: auto;
  }

.spectrum-ActionBar--fixed {
   position: fixed;
}

[dir="ltr"] .spectrum-ActionBar-popover {
  padding-left: var(--spectrum-actionbar-padding-left);
}

[dir="rtl"] .spectrum-ActionBar-popover {
  padding-right: var(--spectrum-actionbar-padding-left);
}

[dir="ltr"] .spectrum-ActionBar-popover {
  padding-right: var(--spectrum-actionbar-padding-right);
}

[dir="rtl"] .spectrum-ActionBar-popover {
  padding-left: var(--spectrum-actionbar-padding-right);
}

.spectrum-ActionBar-popover {
  position: relative;

  box-sizing: border-box;
  width: 100%;
  margin: auto;
  height: var(--spectrum-actionbar-height, var(--spectrum-global-dimension-size-600));
  min-width: var(--spectrum-actionbar-min-width, var(--spectrum-global-dimension-static-size-3500));
  max-width: var(--spectrum-actionbar-max-width, var(--spectrum-global-dimension-static-size-3500));

  -ms-flex-direction: row;

      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  pointer-events: auto;
}

.spectrum-ActionButton {
  position: relative;

  display: -ms-inline-flexbox;

  display: inline-flex;
  box-sizing: border-box;

  -ms-flex-align: center;

      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: visible;
  margin: 0;

  border-style: solid;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: button;
  vertical-align: top;

  transition: background var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    border-color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-out;

  text-decoration: none;
  font-family: var(--spectrum-alias-body-text-font-family, var(--spectrum-global-font-family-base));

  line-height: var(--spectrum-alias-component-text-line-height, var(--spectrum-global-font-line-height-small));

  -ms-user-select: none;

      user-select: none;
  -webkit-user-select: none;

  cursor: pointer;
}

.spectrum-ActionButton:focus {
    outline: none;
  }

.spectrum-ActionButton::-moz-focus-inner {
    border: 0;
    border-style: none;
    padding: 0;
    margin-top: -2px;
    margin-bottom: -2px;
  }

.spectrum-ActionButton:disabled {
    cursor: default;
  }

.spectrum-ActionButton .spectrum-Icon {
  max-height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

a.spectrum-ActionButton {
  -webkit-appearance: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.spectrum-ActionButton-label {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  justify-self: center;
  text-align: center;
}

.spectrum-ActionButton-label:empty {
    display: none;
  }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):disabled {
        border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled, rgba(0,0,0,0.25));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):disabled.is-selected {
          border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected, transparent)
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):disabled:not(.is-selected) {
          background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled, transparent)
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled) {
        border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-default, rgba(0,0,0,0.4));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):hover {
          border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-hover, rgba(0,0,0,0.55))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):active {
          border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-down, rgba(0,0,0,0.7))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):focus-visible {
          border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus, rgba(0,0,0,0.55))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled).is-keyboardFocused {
          border-color: var(--spectrum-alias-actionbutton-staticBlack-border-color-key-focus, rgba(0,0,0,0.55))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected) {
          background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-default, transparent);
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected):hover {
            background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-hover, rgba(0,0,0,0.25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected):active {
            background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-down, rgba(0,0,0,0.4))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected):focus-visible {
            background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus, rgba(0,0,0,0.25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected).is-keyboardFocused {
            background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-key-focus, rgba(0,0,0,0.25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:disabled {
        border-color: transparent;
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:disabled:not(.is-selected) {
          background-color: transparent
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:not(:disabled) {
        border-color: transparent;
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected) {
          background-color: var(--spectrum-alias-component-background-color-quiet-default, var(--spectrum-alias-background-color-transparent));
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected):hover {
            background-color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected):active {
            background-color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-40))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected):focus-visible {
            background-color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected).is-keyboardFocused {
            background-color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:disabled.is-selected {
        background-color: var(--spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected, rgba(0,0,0,0.1));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:disabled.is-selected .spectrum-ActionButton-holdIcon {
          color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-40))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:disabled.is-selected .spectrum-ActionButton-label {
          color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-40))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:disabled.is-selected .spectrum-Icon {
          color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-40))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:disabled .spectrum-ActionButton-holdIcon {
        color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-40))
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:disabled .spectrum-ActionButton-label {
        color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-40))
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:disabled .spectrum-Icon {
        color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-40))
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled) {
        background-color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-90));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled):hover {
          background-color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled):active {
          background-color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled):focus-visible {
          background-color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled).is-keyboardFocused {
          background-color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled) .spectrum-ActionButton-holdIcon {
          color: inherit
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled) .spectrum-ActionButton-label {
          color: inherit
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected:not(:disabled) .spectrum-Icon {
          color: inherit
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack .spectrum-ActionButton-holdIcon {
      color: var(--spectrum-ActionButton-static-black-color)
    }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected) .spectrum-ActionButton-holdIcon {
          color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-90))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):hover .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):hover .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):hover .spectrum-Icon {
            color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):active .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):active .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):active .spectrum-Icon {
            color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):focus-visible .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):focus-visible .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected):focus-visible .spectrum-Icon {
            color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected).is-keyboardFocused .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected).is-keyboardFocused .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected).is-keyboardFocused .spectrum-Icon {
            color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected) .spectrum-ActionButton-label {
          color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-90))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack:not(:disabled):not(.is-selected) .spectrum-Icon {
          color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-90))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack .spectrum-ActionButton-label {
      color: var(--spectrum-ActionButton-static-black-color)
    }

.spectrum-ActionButton.spectrum-ActionButton--staticBlack .spectrum-Icon {
      color: var(--spectrum-ActionButton-static-black-color)
    }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):disabled {
        border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled, rgba(255,255,255,0.25));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):disabled.is-selected {
          border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected, transparent)
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):disabled:not(.is-selected) {
          background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled, transparent)
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled) {
        border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-default, rgba(255,255,255,0.4));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):hover {
          border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-hover, rgba(255,255,255,0.55))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):active {
          border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-down, rgba(255,255,255,0.7))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):focus-visible {
          border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus, rgba(255,255,255,0.55))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled).is-keyboardFocused {
          border-color: var(--spectrum-alias-actionbutton-staticWhite-border-color-key-focus, rgba(255,255,255,0.55))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected) {
          background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-default, transparent);
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected):hover {
            background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-hover, rgba(255,255,255,0.25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected):active {
            background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-down, rgba(255,255,255,0.4))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected):focus-visible {
            background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus, rgba(255,255,255,0.25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(.spectrum-ActionButton--quiet):not(:disabled):not(.is-selected).is-keyboardFocused {
            background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-key-focus, rgba(255,255,255,0.25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:disabled {
        border-color: transparent;
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:disabled:not(.is-selected) {
          background-color: transparent
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:not(:disabled) {
        border-color: transparent;
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected) {
          background-color: var(--spectrum-alias-component-background-color-quiet-default, var(--spectrum-alias-background-color-transparent));
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected):hover {
            background-color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected):active {
            background-color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-40))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected):focus-visible {
            background-color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet:not(:disabled):not(.is-selected).is-keyboardFocused {
            background-color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-25))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:disabled.is-selected {
        background-color: var(--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected, rgba(255,255,255,0.1));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:disabled.is-selected .spectrum-ActionButton-holdIcon {
          color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-40))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:disabled.is-selected .spectrum-ActionButton-label {
          color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-40))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:disabled.is-selected .spectrum-Icon {
          color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-40))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:disabled .spectrum-ActionButton-holdIcon {
        color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-40))
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:disabled .spectrum-ActionButton-label {
        color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-40))
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:disabled .spectrum-Icon {
        color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-40))
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled) {
        background-color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-90));
      }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled):hover {
          background-color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled):active {
          background-color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled):focus-visible {
          background-color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled).is-keyboardFocused {
          background-color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled) .spectrum-ActionButton-holdIcon {
          color: inherit
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled) .spectrum-ActionButton-label {
          color: inherit
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected:not(:disabled) .spectrum-Icon {
          color: inherit
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite .spectrum-ActionButton-holdIcon {
      color: var(--spectrum-ActionButton-static-white-color)
    }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected) .spectrum-ActionButton-holdIcon {
          color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-90))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):hover .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):hover .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):hover .spectrum-Icon {
            color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):active .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):active .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):active .spectrum-Icon {
            color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):focus-visible .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):focus-visible .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected):focus-visible .spectrum-Icon {
            color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected).is-keyboardFocused .spectrum-ActionButton-holdIcon {
            color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected).is-keyboardFocused .spectrum-ActionButton-label {
            color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected).is-keyboardFocused .spectrum-Icon {
            color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
          }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected) .spectrum-ActionButton-label {
          color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-90))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite:not(:disabled):not(.is-selected) .spectrum-Icon {
          color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-90))
        }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite .spectrum-ActionButton-label {
      color: var(--spectrum-ActionButton-static-white-color)
    }

.spectrum-ActionButton.spectrum-ActionButton--staticWhite .spectrum-Icon {
      color: var(--spectrum-ActionButton-static-white-color)
    }

.spectrum-ActionButton--sizeS {
  --spectrum-actionbutton-texticon-border-size: var(--spectrum-actionbutton-s-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-texticon-icon-gap: var(--spectrum-actionbutton-s-texticon-icon-gap, var(--spectrum-global-dimension-size-85));
  --spectrum-actionbutton-texticon-padding-left: var(--spectrum-actionbutton-s-texticon-padding-left, var(--spectrum-global-dimension-size-85));
  --spectrum-actionbutton-quiet-textonly-border-size: var(--spectrum-actionbutton-s-quiet-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-quiet-textonly-text-size: var(--spectrum-actionbutton-s-quiet-textonly-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-actionbutton-quiet-textonly-text-font-weight: var(--spectrum-actionbutton-s-quiet-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-quiet-textonly-border-radius: var(--spectrum-actionbutton-s-quiet-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-border-size: var(--spectrum-actionbutton-s-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-textonly-hold-icon-padding-right: var(--spectrum-actionbutton-s-textonly-hold-icon-padding-right, var(--spectrum-global-dimension-size-40));
  --spectrum-actionbutton-textonly-hold-icon-padding-bottom: var(--spectrum-actionbutton-s-textonly-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-40));
  --spectrum-actionbutton-textonly-text-size: var(--spectrum-actionbutton-s-textonly-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-actionbutton-textonly-text-font-weight: var(--spectrum-actionbutton-s-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-textonly-text-line-height: var(--spectrum-actionbutton-s-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-actionbutton-textonly-height: var(--spectrum-actionbutton-s-textonly-height, var(--spectrum-global-dimension-size-300));
  --spectrum-actionbutton-textonly-border-radius: var(--spectrum-actionbutton-s-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-padding-right: var(--spectrum-actionbutton-s-textonly-padding-right, var(--spectrum-global-dimension-size-115));
  --spectrum-actionbutton-textonly-padding-left: var(--spectrum-actionbutton-s-textonly-padding-left, var(--spectrum-global-dimension-size-115));
  --spectrum-actionbutton-icononly-border-size: var(--spectrum-actionbutton-s-icononly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-icononly-padding-right: var(--spectrum-actionbutton-s-icononly-padding-right, var(--spectrum-global-dimension-size-50));
  --spectrum-actionbutton-icononly-padding-left: var(--spectrum-actionbutton-s-icononly-padding-left, var(--spectrum-global-dimension-size-50));
  --spectrum-actionbutton-textonly-min-width: var(--spectrum-global-dimension-size-300);
}

.spectrum-ActionButton--sizeM {
  --spectrum-actionbutton-texticon-padding-left: var(--spectrum-actionbutton-m-texticon-padding-left);
  --spectrum-actionbutton-texticon-border-size: var(--spectrum-actionbutton-m-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-texticon-icon-gap: var(--spectrum-actionbutton-m-texticon-icon-gap, var(--spectrum-global-dimension-size-100));
  --spectrum-actionbutton-quiet-textonly-border-size: var(--spectrum-actionbutton-m-quiet-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-quiet-textonly-text-size: var(--spectrum-actionbutton-m-quiet-textonly-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-actionbutton-quiet-textonly-text-font-weight: var(--spectrum-actionbutton-m-quiet-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-quiet-textonly-border-radius: var(--spectrum-actionbutton-m-quiet-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-border-size: var(--spectrum-actionbutton-m-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-textonly-hold-icon-padding-right: var(--spectrum-actionbutton-m-textonly-hold-icon-padding-right, var(--spectrum-global-dimension-size-50));
  --spectrum-actionbutton-textonly-hold-icon-padding-bottom: var(--spectrum-actionbutton-m-textonly-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-50));
  --spectrum-actionbutton-textonly-text-size: var(--spectrum-actionbutton-m-textonly-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-actionbutton-textonly-text-font-weight: var(--spectrum-actionbutton-m-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-textonly-text-line-height: var(--spectrum-actionbutton-m-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-actionbutton-textonly-min-width: var(--spectrum-actionbutton-m-textonly-min-width, var(--spectrum-global-dimension-size-400));
  --spectrum-actionbutton-textonly-height: var(--spectrum-actionbutton-m-textonly-height, var(--spectrum-global-dimension-size-400));
  --spectrum-actionbutton-textonly-border-radius: var(--spectrum-actionbutton-m-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-padding-right: var(--spectrum-actionbutton-m-textonly-padding-right, var(--spectrum-global-dimension-size-150));
  --spectrum-actionbutton-textonly-padding-left: var(--spectrum-actionbutton-m-textonly-padding-left, var(--spectrum-global-dimension-size-150));
  --spectrum-actionbutton-icononly-border-size: var(--spectrum-actionbutton-m-icononly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-icononly-padding-right: var(--spectrum-actionbutton-m-icononly-padding-right, var(--spectrum-global-dimension-size-85));
  --spectrum-actionbutton-icononly-padding-left: var(--spectrum-actionbutton-m-icononly-padding-left, var(--spectrum-global-dimension-size-85));
}

.spectrum-ActionButton--sizeL {
  --spectrum-actionbutton-texticon-border-size: var(--spectrum-actionbutton-l-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-texticon-icon-gap: var(--spectrum-actionbutton-l-texticon-icon-gap, var(--spectrum-global-dimension-size-115));
  --spectrum-actionbutton-texticon-padding-left: var(--spectrum-actionbutton-l-texticon-padding-left, var(--spectrum-global-dimension-size-160));
  --spectrum-actionbutton-quiet-textonly-border-size: var(--spectrum-actionbutton-l-quiet-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-quiet-textonly-text-size: var(--spectrum-actionbutton-l-quiet-textonly-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-actionbutton-quiet-textonly-text-font-weight: var(--spectrum-actionbutton-l-quiet-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-quiet-textonly-border-radius: var(--spectrum-actionbutton-l-quiet-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-border-size: var(--spectrum-actionbutton-l-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-textonly-hold-icon-padding-right: var(--spectrum-actionbutton-l-textonly-hold-icon-padding-right, var(--spectrum-global-dimension-size-65));
  --spectrum-actionbutton-textonly-hold-icon-padding-bottom: var(--spectrum-actionbutton-l-textonly-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-65));
  --spectrum-actionbutton-textonly-text-size: var(--spectrum-actionbutton-l-textonly-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-actionbutton-textonly-text-font-weight: var(--spectrum-actionbutton-l-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-textonly-text-line-height: var(--spectrum-actionbutton-l-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-actionbutton-textonly-min-width: var(--spectrum-actionbutton-l-textonly-min-width, var(--spectrum-global-dimension-size-400));
  --spectrum-actionbutton-textonly-height: var(--spectrum-actionbutton-l-textonly-height, var(--spectrum-global-dimension-size-500));
  --spectrum-actionbutton-textonly-border-radius: var(--spectrum-actionbutton-l-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-padding-right: var(--spectrum-actionbutton-l-textonly-padding-right, var(--spectrum-global-dimension-size-185));
  --spectrum-actionbutton-textonly-padding-left: var(--spectrum-actionbutton-l-textonly-padding-left, var(--spectrum-global-dimension-size-185));
  --spectrum-actionbutton-icononly-border-size: var(--spectrum-actionbutton-l-icononly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-icononly-padding-right: var(--spectrum-actionbutton-l-icononly-padding-right, var(--spectrum-global-dimension-size-125));
  --spectrum-actionbutton-icononly-padding-left: var(--spectrum-actionbutton-l-icononly-padding-left, var(--spectrum-global-dimension-size-125));
}

.spectrum-ActionButton--sizeXL {
  --spectrum-actionbutton-texticon-border-size: var(--spectrum-actionbutton-xl-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-texticon-icon-gap: var(--spectrum-actionbutton-xl-texticon-icon-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-actionbutton-texticon-padding-left: var(--spectrum-actionbutton-xl-texticon-padding-left, var(--spectrum-global-dimension-size-185));
  --spectrum-actionbutton-quiet-textonly-border-size: var(--spectrum-actionbutton-xl-quiet-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-quiet-textonly-text-size: var(--spectrum-actionbutton-xl-quiet-textonly-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-actionbutton-quiet-textonly-text-font-weight: var(--spectrum-actionbutton-xl-quiet-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-quiet-textonly-border-radius: var(--spectrum-actionbutton-xl-quiet-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-border-size: var(--spectrum-actionbutton-xl-textonly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-textonly-hold-icon-padding-right: var(--spectrum-actionbutton-xl-textonly-hold-icon-padding-right, var(--spectrum-global-dimension-size-75));
  --spectrum-actionbutton-textonly-hold-icon-padding-bottom: var(--spectrum-actionbutton-xl-textonly-hold-icon-padding-bottom, var(--spectrum-global-dimension-size-75));
  --spectrum-actionbutton-textonly-text-size: var(--spectrum-actionbutton-xl-textonly-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-actionbutton-textonly-text-font-weight: var(--spectrum-actionbutton-xl-textonly-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-actionbutton-textonly-text-line-height: var(--spectrum-actionbutton-xl-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-actionbutton-textonly-min-width: var(--spectrum-actionbutton-xl-textonly-min-width, var(--spectrum-global-dimension-size-400));
  --spectrum-actionbutton-textonly-height: var(--spectrum-actionbutton-xl-textonly-height, var(--spectrum-global-dimension-size-600));
  --spectrum-actionbutton-textonly-border-radius: var(--spectrum-actionbutton-xl-textonly-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-actionbutton-textonly-padding-right: var(--spectrum-actionbutton-xl-textonly-padding-right, var(--spectrum-global-dimension-size-225));
  --spectrum-actionbutton-textonly-padding-left: var(--spectrum-actionbutton-xl-textonly-padding-left, var(--spectrum-global-dimension-size-225));
  --spectrum-actionbutton-icononly-border-size: var(--spectrum-actionbutton-xl-icononly-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-actionbutton-icononly-padding-right: var(--spectrum-actionbutton-xl-icononly-padding-right, var(--spectrum-global-dimension-size-160));
  --spectrum-actionbutton-icononly-padding-left: var(--spectrum-actionbutton-xl-icononly-padding-left, var(--spectrum-global-dimension-size-160));
}

.spectrum-ActionButton {
  --spectrum-actionbutton-padding-left-adjusted: calc(var(--spectrum-actionbutton-texticon-padding-left) - var(--spectrum-actionbutton-texticon-border-size));
  --spectrum-actionbutton-textonly-padding-left-adjusted: calc(var(--spectrum-actionbutton-textonly-padding-left) - var(--spectrum-actionbutton-textonly-border-size));
  --spectrum-actionbutton-textonly-padding-right-adjusted: calc(var(--spectrum-actionbutton-textonly-padding-right) - var(--spectrum-actionbutton-textonly-border-size));
  --spectrum-actionbutton-icononly-padding-left-adjusted: calc(var(--spectrum-actionbutton-icononly-padding-left) - var(--spectrum-actionbutton-icononly-border-size));
  --spectrum-actionbutton-icononly-padding-right-adjusted: calc(var(--spectrum-actionbutton-icononly-padding-right) - var(--spectrum-actionbutton-icononly-border-size));
}

[dir="ltr"] .spectrum-ActionButton {
  padding-left: var(--spectrum-actionbutton-textonly-padding-left-adjusted);
  padding-right: var(--spectrum-actionbutton-textonly-padding-right-adjusted);
}

[dir="rtl"] .spectrum-ActionButton {
  padding-right: var(--spectrum-actionbutton-textonly-padding-left-adjusted);
  padding-left: var(--spectrum-actionbutton-textonly-padding-right-adjusted);
}

.spectrum-ActionButton {
  position: relative;

  height: var(--spectrum-actionbutton-textonly-height);
  min-width: var(--spectrum-actionbutton-textonly-min-width);

  border-width: var(--spectrum-actionbutton-textonly-border-size);
  border-radius: var(--spectrum-actionbutton-textonly-border-radius);

  font-size: var(--spectrum-actionbutton-textonly-text-size);
  font-weight: var(--spectrum-actionbutton-textonly-text-font-weight);
  line-height: var(--spectrum-actionbutton-textonly-text-line-height);
  color: inherit;
}

[dir="ltr"] .spectrum-ActionButton .spectrum-Icon {
    margin-left: calc(-1 * (var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)));
}

[dir="rtl"] .spectrum-ActionButton .spectrum-Icon {
    margin-right: calc(-1 * (var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-padding-left-adjusted)));
}

[dir="ltr"] .spectrum-ActionButton .spectrum-Icon + .spectrum-ActionButton-label {
    padding-left: var(--spectrum-actionbutton-texticon-icon-gap);
}

[dir="rtl"] .spectrum-ActionButton .spectrum-Icon + .spectrum-ActionButton-label {
    padding-right: var(--spectrum-actionbutton-texticon-icon-gap);
}

[dir="ltr"] .spectrum-ActionButton .spectrum-Icon + .spectrum-ActionButton-label {
    padding-right: 0;
}

[dir="rtl"] .spectrum-ActionButton .spectrum-Icon + .spectrum-ActionButton-label {
    padding-left: 0;
}

.spectrum-ActionButton .spectrum-ActionButton-hold + .spectrum-Icon,
  .spectrum-ActionButton .spectrum-Icon:only-child {
    margin-left: calc(-1 * (var(--spectrum-actionbutton-textonly-padding-left-adjusted) - var(--spectrum-actionbutton-icononly-padding-left-adjusted)));
    margin-right: calc(-1 * (var(--spectrum-actionbutton-textonly-padding-right-adjusted) - var(--spectrum-actionbutton-icononly-padding-right-adjusted)));
  }

.spectrum-ActionButton-label {

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

[dir="ltr"] .spectrum-ActionButton-hold {
  right: var(--spectrum-actionbutton-textonly-hold-icon-padding-right);
}

[dir="rtl"] .spectrum-ActionButton-hold {
  left: var(--spectrum-actionbutton-textonly-hold-icon-padding-right);
}

[dir="rtl"] .spectrum-ActionButton-hold { transform: matrix(-1, 0, 0, 1, 0, 0) ; }

.spectrum-ActionButton-hold {
  position: absolute;
  bottom: var(--spectrum-actionbutton-textonly-hold-icon-padding-bottom);
}

.spectrum-ActionButton--quiet {
  border-width: var(--spectrum-actionbutton-quiet-textonly-border-size);
  border-radius: var(--spectrum-actionbutton-quiet-textonly-border-radius);

  font-size: var(--spectrum-actionbutton-quiet-textonly-text-size);
  font-weight: var(--spectrum-actionbutton-quiet-textonly-text-font-weight);
}

.spectrum-ActionButton {
  --spectrum-actionbutton-focus-ring-gap: var(--spectrum-alias-component-focusring-gap, var(--spectrum-global-dimension-static-size-0));
  --spectrum-actionbutton-focus-ring-size: var(--spectrum-alias-component-focusring-size, var(--spectrum-global-dimension-static-size-10));
  --spectrum-actionbutton-focus-ring-color: var(--spectrum-actionbutton-m-textonly-focus-ring-border-color-key-focus, var(--spectrum-alias-focus-ring-color));

  transition: border-color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
}

.spectrum-ActionButton:after {
    pointer-events: none;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: calc((var(--spectrum-actionbutton-focus-ring-gap) + var(--spectrum-actionbutton-textonly-border-size)) * -1);
    border-radius: calc(var(--spectrum-actionbutton-quiet-textonly-border-radius) + var(--spectrum-actionbutton-focus-ring-gap));
    transition: box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  }

.spectrum-ActionButton.focus-ring {
    box-shadow: none !important;
  }

.spectrum-ActionButton.focus-ring:after {
      box-shadow: 0 0 0 var(--spectrum-actionbutton-focus-ring-size) var(--spectrum-actionbutton-focus-ring-color);
    }

.spectrum-ActionButton--staticWhite {
  --spectrum-actionbutton-focus-ring-color: var(--spectrum-global-color-static-white, rgb(255, 255, 255));
}

.spectrum-ActionButton--staticBlack {
  --spectrum-actionbutton-focus-ring-color: var(--spectrum-global-color-static-black, rgb(0, 0, 0));
}

.spectrum-ActionButton--emphasized.is-selected,
.spectrum-ActionButton--staticWhite,
.spectrum-ActionButton--staticBlack {
  --spectrum-actionbutton-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized, var(--spectrum-global-dimension-static-size-25));
  --spectrum-actionbutton-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized, var(--spectrum-global-dimension-static-size-25));
}

.spectrum-ActionButton {
  background-color: var(--spectrum-actionbutton-m-textonly-background-color, var(--spectrum-alias-component-background-color-default));
  border-color: var(--spectrum-actionbutton-m-textonly-border-color, var(--spectrum-alias-component-border-color-default));
  color: var(--spectrum-actionbutton-m-textonly-text-color, var(--spectrum-alias-component-text-color-default));
}

.spectrum-ActionButton .spectrum-Icon {
    color: var(--spectrum-actionbutton-m-texticon-icon-color, var(--spectrum-alias-component-icon-color-default));
  }

.spectrum-ActionButton .spectrum-ActionButton-hold {
    color: var(--spectrum-actionbutton-m-textonly-hold-icon-color, var(--spectrum-alias-component-icon-color-default));
  }

.spectrum-ActionButton:hover {
    background-color: var(--spectrum-actionbutton-m-textonly-background-color-hover, var(--spectrum-alias-component-background-color-hover));
    border-color: var(--spectrum-actionbutton-m-textonly-border-color-hover, var(--spectrum-alias-component-border-color-hover));
    color: var(--spectrum-actionbutton-m-textonly-text-color-hover, var(--spectrum-alias-component-text-color-hover));
  }

.spectrum-ActionButton:hover .spectrum-Icon {
      color: var(--spectrum-actionbutton-m-texticon-icon-color-hover, var(--spectrum-alias-component-icon-color-hover));
    }

.spectrum-ActionButton:hover .spectrum-ActionButton-hold {
      color: var(--spectrum-actionbutton-m-textonly-hold-icon-color-hover, var(--spectrum-alias-component-icon-color-hover));
    }

.spectrum-ActionButton.focus-ring {
    background-color: var(--spectrum-actionbutton-m-textonly-background-color-key-focus, var(--spectrum-alias-component-background-color-key-focus));
    border-color: var(--spectrum-actionbutton-m-textonly-border-color-key-focus, var(--spectrum-alias-component-border-color-key-focus));
    color: var(--spectrum-actionbutton-m-textonly-text-color-key-focus, var(--spectrum-alias-component-text-color-key-focus));
  }

.spectrum-ActionButton.focus-ring:active {
      border-color: var(--spectrum-actionbutton-m-textonly-border-color-key-focus, var(--spectrum-alias-component-border-color-key-focus));
    }

.spectrum-ActionButton.focus-ring .spectrum-Icon {
      color: var(--spectrum-actionbutton-m-texticon-icon-color-key-focus, var(--spectrum-alias-component-icon-color-key-focus));
    }

.spectrum-ActionButton.focus-ring .spectrum-ActionButton-hold {
      color: var(--spectrum-actionbutton-m-textonly-hold-icon-color-key-focus, var(--spectrum-alias-component-icon-color-key-focus));
    }

.spectrum-ActionButton:active {
    background-color: var(--spectrum-actionbutton-m-textonly-background-color-down, var(--spectrum-alias-component-background-color-down));
    border-color: var(--spectrum-actionbutton-m-textonly-border-color-down, var(--spectrum-alias-component-border-color-down));
    color: var(--spectrum-actionbutton-m-textonly-text-color-down, var(--spectrum-alias-component-text-color-down));
  }

.spectrum-ActionButton:active .spectrum-ActionButton-hold {
      color: var(--spectrum-actionbutton-m-textonly-hold-icon-color-down, var(--spectrum-alias-component-icon-color-down));
    }

.spectrum-ActionButton:disabled,
  .spectrum-ActionButton.is-disabled {
    background-color: var(--spectrum-actionbutton-m-textonly-background-color-disabled, var(--spectrum-alias-component-background-color-disabled));
    border-color: var(--spectrum-actionbutton-m-textonly-border-color-disabled, var(--spectrum-alias-component-border-color-disabled));
    color: var(--spectrum-actionbutton-m-textonly-text-color-disabled, var(--spectrum-alias-component-text-color-disabled));
  }

.spectrum-ActionButton:disabled .spectrum-Icon, .spectrum-ActionButton.is-disabled .spectrum-Icon {
      color: var(--spectrum-actionbutton-m-texticon-icon-color-disabled, var(--spectrum-alias-component-icon-color-disabled));
    }

.spectrum-ActionButton:disabled .spectrum-ActionButton-hold, .spectrum-ActionButton.is-disabled .spectrum-ActionButton-hold {
      color: var(--spectrum-actionbutton-m-textonly-hold-icon-color-disabled, var(--spectrum-alias-component-icon-color-disabled));
    }

.spectrum-ActionButton.is-selected {
    background-color: var(--spectrum-actionbutton-m-textonly-background-color-selected, var(--spectrum-alias-component-background-color-selected-default));
    border-color: var(--spectrum-actionbutton-m-textonly-border-color-selected, var(--spectrum-alias-component-border-color-selected-default));
    color: var(--spectrum-actionbutton-m-textonly-text-color-selected, var(--spectrum-alias-component-text-color-selected-default));
  }

.spectrum-ActionButton.is-selected .spectrum-Icon {
      color: var(--spectrum-actionbutton-m-texticon-icon-color-selected, var(--spectrum-alias-component-icon-color-selected));
    }

.spectrum-ActionButton.is-selected.focus-ring {
      background-color: var(--spectrum-actionbutton-m-textonly-background-color-selected-key-focus, var(--spectrum-alias-component-background-color-selected-key-focus));
      border-color: var(--spectrum-actionbutton-m-textonly-border-color-selected-key-focus, var(--spectrum-alias-component-border-color-selected-key-focus));
      color: var(--spectrum-actionbutton-m-textonly-text-color-selected-key-focus, var(--spectrum-alias-component-text-color-selected-key-focus));
    }

.spectrum-ActionButton.is-selected.focus-ring:active {
        border-color: var(--spectrum-actionbutton-m-textonly-border-color-key-focus, var(--spectrum-alias-component-border-color-key-focus));
      }

.spectrum-ActionButton.is-selected.focus-ring .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-texticon-icon-color-selected-key-focus, var(--spectrum-alias-component-icon-color-selected));
      }

.spectrum-ActionButton.is-selected:hover {
      background-color: var(--spectrum-actionbutton-m-textonly-background-color-selected-hover, var(--spectrum-alias-component-background-color-selected-hover));
      border-color: var(--spectrum-actionbutton-m-textonly-border-color-selected-hover, var(--spectrum-alias-component-border-color-selected-hover));
      color: var(--spectrum-actionbutton-m-textonly-text-color-selected-hover, var(--spectrum-alias-component-text-color-selected-hover));
    }

.spectrum-ActionButton.is-selected:hover .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-texticon-icon-color-selected-hover, var(--spectrum-alias-component-icon-color-selected));
      }

.spectrum-ActionButton.is-selected:active {
      background-color: var(--spectrum-actionbutton-m-textonly-background-color-selected-down, var(--spectrum-alias-component-background-color-selected-down));
      border-color: var(--spectrum-actionbutton-m-textonly-border-color-selected-down, var(--spectrum-alias-component-border-color-selected-down));
      color: var(--spectrum-actionbutton-m-textonly-text-color-selected-down, var(--spectrum-alias-component-text-color-selected-down));
    }

.spectrum-ActionButton.is-selected:active .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-texticon-icon-color-selected-down, var(--spectrum-alias-component-icon-color-selected));
      }

.spectrum-ActionButton.is-selected:disabled,
    .spectrum-ActionButton.is-selected.is-disabled {
      background-color: var(--spectrum-actionbutton-m-textonly-background-color-selected-disabled, var(--spectrum-alias-component-background-color-disabled));
      border-color: var(--spectrum-actionbutton-m-textonly-border-color-selected-disabled, var(--spectrum-alias-component-border-color-disabled));
      color: var(--spectrum-actionbutton-m-textonly-text-color-selected-disabled, var(--spectrum-alias-component-text-color-disabled));
    }

.spectrum-ActionButton.is-selected:disabled .spectrum-Icon, .spectrum-ActionButton.is-selected.is-disabled .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-texticon-icon-color-selected-disabled, var(--spectrum-alias-component-icon-color-disabled));
      }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected,
  .spectrum-ActionButton--emphasized.is-selected {
    background-color: var(--spectrum-actionbutton-m-emphasized-textonly-background-color-selected, var(--spectrum-alias-component-background-color-emphasized-selected-default));
    border-color: var(--spectrum-actionbutton-m-emphasized-textonly-border-color-selected, var(--spectrum-alias-component-border-color-emphasized-selected-default));
    color: var(--spectrum-actionbutton-m-emphasized-textonly-text-color-selected, var(--spectrum-alias-component-text-color-emphasized-selected-default));
  }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected .spectrum-Icon, .spectrum-ActionButton--emphasized.is-selected .spectrum-Icon {
      color: var(--spectrum-actionbutton-m-emphasized-texticon-icon-color-selected, var(--spectrum-alias-component-icon-color-emphasized-selected-default));
    }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected.focus-ring, .spectrum-ActionButton--emphasized.is-selected.focus-ring {
      background-color: var(--spectrum-actionbutton-m-emphasized-textonly-background-color-selected-key-focus, var(--spectrum-alias-component-background-color-emphasized-selected-key-focus));
      border-color: var(--spectrum-actionbutton-m-emphasized-textonly-border-color-selected-key-focus, var(--spectrum-alias-component-border-color-emphasized-selected-key-focus));
      color: var(--spectrum-actionbutton-m-emphasized-textonly-text-color-selected-key-focus, var(--spectrum-alias-component-text-color-emphasized-selected-key-focus));
    }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected.focus-ring .spectrum-Icon, .spectrum-ActionButton--emphasized.is-selected.focus-ring .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-key-focus, var(--spectrum-alias-component-icon-color-emphasized-selected-key-focus));
      }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected:hover, .spectrum-ActionButton--emphasized.is-selected:hover {
      background-color: var(--spectrum-actionbutton-m-emphasized-textonly-background-color-selected-hover, var(--spectrum-alias-component-background-color-emphasized-selected-hover));
      border-color: var(--spectrum-actionbutton-m-emphasized-textonly-border-color-selected-hover, var(--spectrum-alias-component-border-color-emphasized-selected-hover));
      color: var(--spectrum-actionbutton-m-emphasized-textonly-text-color-selected-hover, var(--spectrum-alias-component-text-color-emphasized-selected-hover));
    }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected:hover .spectrum-Icon, .spectrum-ActionButton--emphasized.is-selected:hover .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-hover, var(--spectrum-alias-component-icon-color-emphasized-selected-hover));
      }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected.is-active, .spectrum-ActionButton--emphasized.is-selected.is-active {
      background-color: var(--spectrum-actionbutton-m-emphasized-textonly-background-color-selected-down, var(--spectrum-alias-component-background-color-emphasized-selected-down));
      border-color: var(--spectrum-actionbutton-m-emphasized-textonly-border-color-selected-down, var(--spectrum-alias-component-border-color-emphasized-selected-down));
      color: var(--spectrum-actionbutton-m-emphasized-textonly-text-color-selected-down, var(--spectrum-alias-component-text-color-emphasized-selected-down));
    }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected.is-active .spectrum-Icon, .spectrum-ActionButton--emphasized.is-selected.is-active .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-down, var(--spectrum-alias-component-icon-color-emphasized-selected-down));
      }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected:disabled,
    .spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected.is-disabled,
    .spectrum-ActionButton--emphasized.is-selected:disabled,
    .spectrum-ActionButton--emphasized.is-selected.is-disabled {
      background-color: var(--spectrum-actionbutton-m-emphasized-textonly-background-color-selected-disabled, var(--spectrum-alias-component-background-color-disabled));
      border-color: var(--spectrum-actionbutton-m-emphasized-textonly-border-color-selected-disabled, var(--spectrum-alias-component-border-color-disabled));
      color: var(--spectrum-actionbutton-m-emphasized-textonly-text-color-selected-disabled, var(--spectrum-alias-component-text-color-disabled));
    }

.spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected:disabled .spectrum-Icon, .spectrum-ActionButton--emphasized.spectrum-ActionButton--quiet.is-selected.is-disabled .spectrum-Icon, .spectrum-ActionButton--emphasized.is-selected:disabled .spectrum-Icon, .spectrum-ActionButton--emphasized.is-selected.is-disabled .spectrum-Icon {
        color: var(--spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-disabled, var(--spectrum-alias-component-icon-color-disabled));
      }

.spectrum-ActionButton--quiet {
  background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color, var(--spectrum-alias-component-background-color-quiet-default));
  border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color, var(--spectrum-alias-component-border-color-quiet-default));
  color: var(--spectrum-actionbutton-m-quiet-textonly-text-color, var(--spectrum-alias-component-text-color-default));
}

.spectrum-ActionButton--quiet:hover {
    background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-hover, var(--spectrum-alias-component-background-color-quiet-hover));
    border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-hover, var(--spectrum-alias-component-border-color-quiet-hover));
    color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-hover, var(--spectrum-alias-component-text-color-hover));
  }

.spectrum-ActionButton--quiet.focus-ring {
    background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-key-focus, var(--spectrum-alias-component-background-color-quiet-key-focus));
    border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-key-focus, var(--spectrum-alias-component-border-color-quiet-key-focus));
    color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-key-focus, var(--spectrum-alias-component-text-color-key-focus));
  }

.spectrum-ActionButton--quiet:active {
    background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-down, var(--spectrum-alias-component-background-color-quiet-down));
    border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-down, var(--spectrum-alias-component-border-color-quiet-down));
    color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-down, var(--spectrum-alias-component-text-color-down));
  }

.spectrum-ActionButton--quiet:disabled,
  .spectrum-ActionButton--quiet.is-disabled {
    background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-disabled, var(--spectrum-alias-component-background-color-quiet-disabled));
    border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-disabled, var(--spectrum-alias-component-border-color-quiet-disabled));
    color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-disabled, var(--spectrum-alias-component-text-color-disabled));
  }

.spectrum-ActionButton--quiet.is-selected {
    background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-selected, var(--spectrum-alias-component-background-color-selected-default));
    border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-selected, var(--spectrum-alias-component-border-color-quiet-selected-default));
    color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-selected, var(--spectrum-alias-component-text-color-selected-default));
  }

.spectrum-ActionButton--quiet.is-selected.focus-ring {
      background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-selected-key-focus, var(--spectrum-alias-component-background-color-quiet-selected-key-focus));
      border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-selected-key-focus, var(--spectrum-alias-component-border-color-quiet-selected-key-focus));
      color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-selected-key-focus, var(--spectrum-alias-component-text-color-selected-key-focus));
    }

.spectrum-ActionButton--quiet.is-selected:hover {
      background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-selected-hover, var(--spectrum-alias-component-background-color-quiet-selected-hover));
      border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-selected-hover, var(--spectrum-alias-component-border-color-quiet-selected-hover));
      color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-selected-hover, var(--spectrum-alias-component-text-color-selected-hover));
    }

.spectrum-ActionButton--quiet.is-selected:active {
      background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-selected-down, var(--spectrum-alias-component-background-color-quiet-selected-down));
      border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-selected-down, var(--spectrum-alias-component-border-color-quiet-selected-down));
      color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-selected-down, var(--spectrum-alias-component-text-color-selected-down));
    }

.spectrum-ActionButton--quiet.is-selected:disabled,
    .spectrum-ActionButton--quiet.is-selected.is-disabled {
      background-color: var(--spectrum-actionbutton-m-quiet-textonly-background-color-selected-disabled, var(--spectrum-alias-component-background-color-quiet-selected-disabled));
      border-color: var(--spectrum-actionbutton-m-quiet-textonly-border-color-selected-disabled, var(--spectrum-alias-component-border-color-quiet-disabled));
      color: var(--spectrum-actionbutton-m-quiet-textonly-text-color-selected-disabled, var(--spectrum-alias-component-text-color-disabled));
    }

.spectrum-ActionButton--staticBlack,
.spectrum-ActionButton--staticWhite {
  --spectrum-global-color-static-black-rgb: 0, 0, 0;
  --spectrum-global-color-static-white-rgb: 255, 255, 255;
  --spectrum-ActionButton-static-black-color: var(--spectrum-global-color-static-black, rgb(0, 0, 0));
  --spectrum-ActionButton-static-white-color: var(--spectrum-global-color-static-white, rgb(255, 255, 255));
}

.spectrum-ActionButton--staticBlack.is-selected, .spectrum-ActionButton--staticWhite.is-selected {
    color: inherit !important;
  }

@media (forced-colors: active) {
  .spectrum-ActionButton {
    --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected: HighlightText;
    --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-emphasized-texticon-icon-color-selected-key-focus: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-background-color-selected: Highlight;
    --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-disabled: ButtonFace;
    --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-down: Highlight;
    --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-hover: Highlight;
    --spectrum-actionbutton-m-emphasized-textonly-background-color-selected-key-focus: Highlight;
    --spectrum-actionbutton-m-emphasized-textonly-border-color-selected: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-border-color-selected-key-focus: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-text-color-selected: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-emphasized-textonly-text-color-selected-key-focus: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-background-color: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-background-color-disabled: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-background-color-down: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-background-color-hover: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-background-color-key-focus: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-background-color-selected: Highlight;
    --spectrum-actionbutton-m-quiet-textonly-background-color-selected-disabled: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-background-color-selected-down: Highlight;
    --spectrum-actionbutton-m-quiet-textonly-background-color-selected-hover: Highlight;
    --spectrum-actionbutton-m-quiet-textonly-background-color-selected-key-focus: Highlight;
    --spectrum-actionbutton-m-quiet-textonly-border-color: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-border-color-disabled: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-border-color-down: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-border-color-hover: ButtonFace;
    --spectrum-actionbutton-m-quiet-textonly-border-color-key-focus: Highlight;
    --spectrum-actionbutton-m-quiet-textonly-border-color-selected: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-border-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-quiet-textonly-border-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-border-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-border-color-selected-key-focus: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-text-color: ButtonText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-disabled: GrayText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-down: ButtonText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-hover: ButtonText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-key-focus: ButtonText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-selected: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-quiet-textonly-text-color-selected-key-focus: HighlightText;
    --spectrum-actionbutton-m-texticon-icon-color: ButtonText;
    --spectrum-actionbutton-m-texticon-icon-color-disabled: GrayText;
    --spectrum-actionbutton-m-texticon-icon-color-hover: ButtonText;
    --spectrum-actionbutton-m-texticon-icon-color-key-focus: ButtonText;
    --spectrum-actionbutton-m-texticon-icon-color-selected: HighlightText;
    --spectrum-actionbutton-m-texticon-icon-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-texticon-icon-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-texticon-icon-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-texticon-icon-color-selected-key-focus: HighlightText;
    --spectrum-actionbutton-m-textonly-background-color: ButtonFace;
    --spectrum-actionbutton-m-textonly-background-color-disabled: ButtonFace;
    --spectrum-actionbutton-m-textonly-background-color-down: ButtonFace;
    --spectrum-actionbutton-m-textonly-background-color-hover: ButtonFace;
    --spectrum-actionbutton-m-textonly-background-color-key-focus: ButtonFace;
    --spectrum-actionbutton-m-textonly-background-color-selected: Highlight;
    --spectrum-actionbutton-m-textonly-background-color-selected-disabled: ButtonFace;
    --spectrum-actionbutton-m-textonly-background-color-selected-down: Highlight;
    --spectrum-actionbutton-m-textonly-background-color-selected-hover: Highlight;
    --spectrum-actionbutton-m-textonly-background-color-selected-key-focus: Highlight;
    --spectrum-actionbutton-m-textonly-border-color: ButtonText;
    --spectrum-actionbutton-m-textonly-border-color-disabled: GrayText;
    --spectrum-actionbutton-m-textonly-border-color-down: ButtonText;
    --spectrum-actionbutton-m-textonly-border-color-hover: ButtonText;
    --spectrum-actionbutton-m-textonly-border-color-key-focus: Highlight;
    --spectrum-actionbutton-m-textonly-border-color-selected: HighlightText;
    --spectrum-actionbutton-m-textonly-border-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-textonly-border-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-textonly-border-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-textonly-border-color-selected-key-focus: HighlightText;
    --spectrum-actionbutton-m-textonly-hold-icon-color: ButtonText;
    --spectrum-actionbutton-m-textonly-hold-icon-color-disabled: GrayText;
    --spectrum-actionbutton-m-textonly-hold-icon-color-down: ButtonText;
    --spectrum-actionbutton-m-textonly-hold-icon-color-hover: ButtonText;
    --spectrum-actionbutton-m-textonly-hold-icon-color-key-focus: ButtonText;
    --spectrum-actionbutton-m-textonly-text-color: ButtonText;
    --spectrum-actionbutton-m-textonly-text-color-disabled: GrayText;
    --spectrum-actionbutton-m-textonly-text-color-down: ButtonText;
    --spectrum-actionbutton-m-textonly-text-color-hover: ButtonText;
    --spectrum-actionbutton-m-textonly-text-color-key-focus: ButtonText;
    --spectrum-actionbutton-m-textonly-text-color-selected: HighlightText;
    --spectrum-actionbutton-m-textonly-text-color-selected-disabled: GrayText;
    --spectrum-actionbutton-m-textonly-text-color-selected-down: HighlightText;
    --spectrum-actionbutton-m-textonly-text-color-selected-hover: HighlightText;
    --spectrum-actionbutton-m-textonly-text-color-selected-key-focus: HighlightText;

    forced-color-adjust: none;
  }
          .spectrum-ActionButton.spectrum-ActionButton--quiet.spectrum-ActionButton--emphasized:not(:disabled, .is-disabled):hover {
            background-color: var(--spectrum-actionbutton-m-emphasized-textonly-background-color-selected-hover, var(--spectrum-alias-component-background-color-emphasized-selected-hover));
            border-color: var(--spectrum-actionbutton-m-emphasized-textonly-border-color-selected-hover, var(--spectrum-alias-component-border-color-emphasized-selected-hover));
            color: var(--spectrum-actionbutton-m-emphasized-textonly-text-color-selected-hover, var(--spectrum-alias-component-text-color-emphasized-selected-hover));
          }

          .spectrum-ActionButton.spectrum-ActionButton--quiet.spectrum-ActionButton--emphasized:not(:disabled, .is-disabled).is-active {
            background-color: var(--spectrum-actionbutton-m-emphasized-textonly-background-color-selected-down, var(--spectrum-alias-component-background-color-emphasized-selected-down));
            border-color: var(--spectrum-actionbutton-m-emphasized-textonly-border-color-selected-down, var(--spectrum-alias-component-border-color-emphasized-selected-down));
            color: var(--spectrum-actionbutton-m-emphasized-textonly-text-color-selected-down, var(--spectrum-alias-component-text-color-emphasized-selected-down));
          }
}

.spectrum-ActionGroup {
  --spectrum-actiongroup-button-gap-reset: 0;
  --spectrum-actiongroup-quiet-compact-button-gap: var(
    --spectrum-global-dimension-size-25
  );
}

.spectrum-ActionGroup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.spectrum-ActionGroup .spectrum-ActionGroup-item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

.spectrum-ActionGroup:not(.spectrum-ActionGroup--vertical).spectrum-ActionGroup:not(.spectrum-ActionGroup--compact) {
    margin-top: calc(-1 * var(--spectrum-actiongroup-button-gap-y, var(--spectrum-global-dimension-size-100)));
  }

.spectrum-ActionGroup:not(.spectrum-ActionGroup--vertical).spectrum-ActionGroup:not(.spectrum-ActionGroup--compact) .spectrum-ActionGroup-item {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-top: var(--spectrum-actiongroup-button-gap-y, var(--spectrum-global-dimension-size-100));
    }

[dir="ltr"] .spectrum-ActionGroup:not(.spectrum-ActionGroup--vertical).spectrum-ActionGroup:not(.spectrum-ActionGroup--compact) .spectrum-ActionGroup-item:not(:last-child) {
        margin-right: var(--spectrum-actiongroup-button-gap-x, var(--spectrum-global-dimension-size-100));
}

[dir="rtl"] .spectrum-ActionGroup:not(.spectrum-ActionGroup--vertical).spectrum-ActionGroup:not(.spectrum-ActionGroup--compact) .spectrum-ActionGroup-item:not(:last-child) {
        margin-left: var(--spectrum-actiongroup-button-gap-x, var(--spectrum-global-dimension-size-100));
}

.spectrum-ActionGroup--vertical {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

[dir="ltr"] .spectrum-ActionGroup--vertical .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
    margin-left: var(--spectrum-actiongroup-button-gap-reset);
}

[dir="rtl"] .spectrum-ActionGroup--vertical .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
    margin-right: var(--spectrum-actiongroup-button-gap-reset);
}

.spectrum-ActionGroup--vertical .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
    margin-top: var(--spectrum-actiongroup-button-gap-y, var(--spectrum-global-dimension-size-100));
  }

[dir="ltr"] .spectrum-ActionGroup--vertical.spectrum-ActionGroup--vertical {
    margin-left: var(--spectrum-actiongroup-button-gap-reset);
}

[dir="rtl"] .spectrum-ActionGroup--vertical.spectrum-ActionGroup--vertical {
    margin-right: var(--spectrum-actiongroup-button-gap-reset);
}

.spectrum-ActionGroup--vertical.spectrum-ActionGroup--vertical {
    margin-top: var(--spectrum-actiongroup-button-gap-y, var(--spectrum-global-dimension-size-100));
  }

[dir="ltr"] .spectrum-ActionGroup--compact.spectrum-ActionGroup--quiet .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
      margin-left: var(--spectrum-actiongroup-quiet-compact-button-gap);
}

[dir="rtl"] .spectrum-ActionGroup--compact.spectrum-ActionGroup--quiet .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
      margin-right: var(--spectrum-actiongroup-quiet-compact-button-gap);
}

.spectrum-ActionGroup--compact.spectrum-ActionGroup--quiet .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
      margin-top: var(--spectrum-actiongroup-button-gap-reset);
    }

[dir="ltr"] .spectrum-ActionGroup--compact.spectrum-ActionGroup--quiet.spectrum-ActionGroup--vertical .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
        margin-left: var(--spectrum-actiongroup-button-gap-reset);
}

[dir="rtl"] .spectrum-ActionGroup--compact.spectrum-ActionGroup--quiet.spectrum-ActionGroup--vertical .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
        margin-right: var(--spectrum-actiongroup-button-gap-reset);
}

.spectrum-ActionGroup--compact.spectrum-ActionGroup--quiet.spectrum-ActionGroup--vertical .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
        margin-top: var(
          --spectrum-actiongroup-quiet-compact-button-gap
        );
      }

.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item {
      position: relative;
      border-radius: 0;
      z-index: 0;
    }

[dir="ltr"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child {
        border-top-left-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

[dir="rtl"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child {
        border-top-right-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

[dir="ltr"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child {
        border-bottom-left-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

[dir="rtl"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child {
        border-bottom-right-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

[dir="ltr"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child {
        margin-right: calc(-1 * var(--spectrum-actionbutton-m-texticon-border-size, var(--spectrum-alias-border-size-thin)) / 2);
}

[dir="rtl"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:first-child {
        margin-left: calc(-1 * var(--spectrum-actionbutton-m-texticon-border-size, var(--spectrum-alias-border-size-thin)) / 2);
}

[dir="ltr"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child {
        border-top-right-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

[dir="rtl"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child {
        border-top-left-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

[dir="ltr"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child {
        border-bottom-right-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

[dir="rtl"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child {
        border-bottom-left-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

[dir="ltr"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child {
        margin-left: calc(-1 * var(--spectrum-actionbutton-m-texticon-border-size, var(--spectrum-alias-border-size-thin)) / 2);
}

[dir="rtl"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child {
        margin-right: calc(-1 * var(--spectrum-actionbutton-m-texticon-border-size, var(--spectrum-alias-border-size-thin)) / 2);
}

[dir="ltr"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child {
        margin-right: 0;
}

[dir="rtl"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:last-child {
        margin-left: 0;
}

.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item.is-selected {
        z-index: 1;
      }

.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item:hover {
        z-index: 2;
      }

.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item.focus-ring {
        z-index: 3;
      }

[dir="ltr"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
        margin-left: calc(-1 * var(--spectrum-actionbutton-m-texticon-border-size, var(--spectrum-alias-border-size-thin)) / 2);
}

[dir="rtl"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
        margin-right: calc(-1 * var(--spectrum-actionbutton-m-texticon-border-size, var(--spectrum-alias-border-size-thin)) / 2);
}

[dir="ltr"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
        margin-right: calc(-1 * var(--spectrum-actionbutton-m-texticon-border-size, var(--spectrum-alias-border-size-thin)) / 2);
}

[dir="rtl"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
        margin-left: calc(-1 * var(--spectrum-actionbutton-m-texticon-border-size, var(--spectrum-alias-border-size-thin)) / 2);
}

.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet) .spectrum-ActionGroup-item .spectrum-ActionButton-label {
        width: auto;
      }

.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item {
        border-radius: 0;
      }

.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
          margin-top: calc(-1 * var(--spectrum-actionbutton-m-texticon-border-size, var(--spectrum-alias-border-size-thin)) / 2);
          margin-bottom: calc(-1 * var(--spectrum-actionbutton-m-texticon-border-size, var(--spectrum-alias-border-size-thin)) / 2);
        }

[dir="ltr"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item:first-child {
          border-top-left-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

[dir="rtl"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item:first-child {
          border-top-right-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

[dir="ltr"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item:first-child {
          border-top-right-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

[dir="rtl"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item:first-child {
          border-top-left-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item:first-child {
          border-radius: 0;
          margin-bottom: calc(-1 * var(--spectrum-actionbutton-m-texticon-border-size, var(--spectrum-alias-border-size-thin)) / 2);
        }

[dir="ltr"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item:last-child {
          border-bottom-left-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

[dir="rtl"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item:last-child {
          border-bottom-right-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

[dir="ltr"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item:last-child {
          border-bottom-right-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

[dir="rtl"] .spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item:last-child {
          border-bottom-left-radius: var(--spectrum-actionbutton-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
}

.spectrum-ActionGroup--compact:not(.spectrum-ActionGroup--quiet).spectrum-ActionGroup--vertical .spectrum-ActionGroup-item:last-child {
          border-radius: 0;
          margin-top: calc(-1 * var(--spectrum-actionbutton-m-texticon-border-size, var(--spectrum-alias-border-size-thin)) / 2);
          margin-bottom: 0;
        }

.spectrum-ActionGroup--justified .spectrum-ActionGroup-item {
  -ms-flex: 1;
      flex: 1;
}



.spectrum-Asset {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.spectrum-Asset-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: opacity var(--spectrum-global-animation-duration-100, 130ms);
}

.spectrum-Asset-folder,
.spectrum-Asset-file {
  width: 100%;
  height: 100%;
  min-width: var(--spectrum-asset-icon-min-width, var(--spectrum-global-dimension-size-600));
  max-width: var(--spectrum-asset-icon-max-width, var(--spectrum-global-dimension-static-size-1000));
  margin: var(--spectrum-asset-icon-margin, var(--spectrum-global-dimension-size-250));
}

.spectrum-Asset-folderBackground {
  fill: var(--spectrum-asset-folder-background-color, var(--spectrum-global-color-gray-300));
}

.spectrum-Asset-fileBackground {
  fill: var(--spectrum-asset-file-background-color, var(--spectrum-global-color-gray-50));
}

.spectrum-Asset-folderOutline,
.spectrum-Asset-fileOutline {
  fill: var(--spectrum-asset-icon-outline-color, var(--spectrum-global-color-gray-500));
}

.spectrum-AssetList {
  --spectrum-millercolumn-checkbox-margin: 0;
}

.spectrum-AssetList {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

[dir="ltr"] .spectrum-AssetList-item {
  padding-left: var(--spectrum-millercolumn-item-padding-left, var(--spectrum-global-dimension-static-size-200));
  padding-right: var(--spectrum-millercolumn-item-padding-right, var(--spectrum-global-dimension-static-size-200));
}

[dir="rtl"] .spectrum-AssetList-item {
  padding-right: var(--spectrum-millercolumn-item-padding-left, var(--spectrum-global-dimension-static-size-200));
  padding-left: var(--spectrum-millercolumn-item-padding-right, var(--spectrum-global-dimension-static-size-200));
}

.spectrum-AssetList-item {
  position: relative;

  display: -ms-flexbox;

  display: flex;
  box-sizing: border-box;
  -ms-flex-align: center;
      align-items: center;

  width: var(--spectrum-millercolumn-width, var(--spectrum-global-dimension-static-size-3400));
  height: var(--spectrum-millercolumn-item-height, var(--spectrum-global-dimension-static-size-500));

  padding-top: 0;

  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: var(--spectrum-millercolumn-item-margin-bottom, var(--spectrum-global-dimension-static-size-50));
  margin-left: 0;
  margin-right: 0;

  border-radius: var(--spectrum-millercolumn-item-border-radius, var(--spectrum-global-dimension-static-size-50));

  transition: background-color var(--spectrum-global-animation-duration-100, 130ms)
    ease-in-out;
  font-size: var(--spectrum-listitem-m-texticon-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-listitem-m-texticon-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  font-style: normal;

  cursor: pointer;

  outline: none;
}

[dir="ltr"] .spectrum-AssetList-item::before {
    left: 0;
}

[dir="rtl"] .spectrum-AssetList-item::before {
    right: 0;
}

[dir="ltr"] .spectrum-AssetList-item::before {
    right: 0;
}

[dir="rtl"] .spectrum-AssetList-item::before {
    left: 0;
}

.spectrum-AssetList-item::before {
    content: "";

    position: absolute;

    height: var(--spectrum-millercolumn-item-height, var(--spectrum-global-dimension-static-size-500));

    background-color: transparent;

    border-radius: var(--spectrum-millercolumn-item-border-radius, var(--spectrum-global-dimension-static-size-50));
  }

.spectrum-AssetList-item.is-selectable .spectrum-Checkbox, .spectrum-AssetList-item.is-selected .spectrum-Checkbox, .spectrum-AssetList-item:hover .spectrum-Checkbox, .spectrum-AssetList-item:focus .spectrum-Checkbox {
      display: -ms-inline-flexbox;
      display: inline-flex;
    }

.spectrum-AssetList-item.is-branch .spectrum-AssetList-itemChildIndicator {
      display: block;
    }

[dir="ltr"] .spectrum-AssetList-item .spectrum-AssetList-itemThumbnail {
    margin-left: var(--spectrum-millercolumn-thumbnail-margin-left, var(--spectrum-global-dimension-static-size-100));
}

[dir="rtl"] .spectrum-AssetList-item .spectrum-AssetList-itemThumbnail {
    margin-right: var(--spectrum-millercolumn-thumbnail-margin-left, var(--spectrum-global-dimension-static-size-100));
}

.spectrum-AssetList-item .spectrum-AssetList-itemThumbnail {
    border-style: none;

    width: var(--spectrum-millercolumn-thumbnail-width, var(--spectrum-global-dimension-static-size-300));
    height: var(--spectrum-millercolumn-thumbnail-height, var(--spectrum-global-dimension-static-size-300));
    vertical-align: middle;
  }

[dir="ltr"] .spectrum-AssetList-itemSelector {
  margin-right: var(--spectrum-millercolumn-checkbox-margin);
}

[dir="rtl"] .spectrum-AssetList-itemSelector {
  margin-left: var(--spectrum-millercolumn-checkbox-margin);
}

.spectrum-AssetList-itemSelector {
  display: none;
}

[dir="rtl"] .spectrum-AssetList-itemChildIndicator { transform: matrix(-1, 0, 0, 1, 0, 0) ; }

.spectrum-AssetList-itemChildIndicator {
  display: none;
  transition: transform ease var(--spectrum-global-animation-duration-100, 130ms);
}

[dir="ltr"] .spectrum-AssetList-itemLabel {
  padding-left: var(--spectrum-millercolumn-item-label-padding-left, var(--spectrum-global-dimension-static-size-100));
}

[dir="rtl"] .spectrum-AssetList-itemLabel {
  padding-right: var(--spectrum-millercolumn-item-label-padding-left, var(--spectrum-global-dimension-static-size-100));
}

.spectrum-AssetList-itemLabel {
  -ms-flex: 1;
      flex: 1;

  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.spectrum-AssetList-item:hover {
    background-color: var(--spectrum-millercolumn-item-background-color-hover, var(--spectrum-global-color-gray-200));
  }

.spectrum-AssetList-item:focus.focus-ring,
    .spectrum-AssetList-item:focus.is-focused {
      background-color: var(--spectrum-millercolumn-item-background-color-hover, var(--spectrum-global-color-gray-200));
    }

.spectrum-AssetList-item:focus.focus-ring::before, .spectrum-AssetList-item:focus.is-focused::before {
        box-shadow: 0px 0px 0px 2px var(--spectrum-alias-border-color-key-focus, var(--spectrum-global-color-blue-400)) inset;
      }

.spectrum-AssetList-item.is-navigated {
    background-color: var(--spectrum-millercolumn-item-background-color-down, var(--spectrum-global-color-gray-300));
  }

.spectrum-AssetList-item.is-navigated:hover,
    .spectrum-AssetList-item.is-navigated:focus {
      background-color: var(--spectrum-millercolumn-item-background-color-down, var(--spectrum-global-color-gray-300));
    }

.spectrum-AssetList-item.is-selected {
    background-color: var(--spectrum-millercolumn-item-background-color-selected, var(--spectrum-alias-highlight-selected));
  }

.spectrum-AssetList-item.is-selected:hover,
    .spectrum-AssetList-item.is-selected:focus {
      background-color: var(--spectrum-millercolumn-item-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
    }

.spectrum-Avatar--size50 {
  --spectrum-avatar-border-radius: var(--spectrum-avatar-size-50-border-radius, var(--spectrum-global-dimension-static-percent-50));
  --spectrum-avatar-border-size: var(--spectrum-avatar-size-50-border-size, var(--spectrum-alias-avatar-border-size));
  --spectrum-avatar-width: var(--spectrum-avatar-size-50-width, var(--spectrum-alias-avatar-size-50));
  --spectrum-avatar-height: var(--spectrum-avatar-size-50-height, var(--spectrum-alias-avatar-size-50));
}

.spectrum-Avatar--size75 {
  --spectrum-avatar-border-radius: var(--spectrum-avatar-size-75-border-radius, var(--spectrum-global-dimension-static-percent-50));
  --spectrum-avatar-border-size: var(--spectrum-avatar-size-75-border-size, var(--spectrum-alias-avatar-border-size));
  --spectrum-avatar-width: var(--spectrum-avatar-size-75-width, var(--spectrum-alias-avatar-size-75));
  --spectrum-avatar-height: var(--spectrum-avatar-size-75-height, var(--spectrum-alias-avatar-size-75));
}

.spectrum-Avatar--size100 {
  --spectrum-avatar-border-radius: var(--spectrum-avatar-size-100-border-radius, var(--spectrum-global-dimension-static-percent-50));
  --spectrum-avatar-border-size: var(--spectrum-avatar-size-100-border-size, var(--spectrum-alias-avatar-border-size));
  --spectrum-avatar-width: var(--spectrum-avatar-size-100-width, var(--spectrum-alias-avatar-size-100));
  --spectrum-avatar-height: var(--spectrum-avatar-size-100-height, var(--spectrum-alias-avatar-size-100));
}

.spectrum-Avatar--size200 {
  --spectrum-avatar-border-radius: var(--spectrum-avatar-size-200-border-radius, var(--spectrum-global-dimension-static-percent-50));
  --spectrum-avatar-border-size: var(--spectrum-avatar-size-200-border-size, var(--spectrum-alias-avatar-border-size));
  --spectrum-avatar-width: var(--spectrum-avatar-size-200-width, var(--spectrum-alias-avatar-size-200));
  --spectrum-avatar-height: var(--spectrum-avatar-size-200-height, var(--spectrum-alias-avatar-size-200));
}

.spectrum-Avatar--size300 {
  --spectrum-avatar-border-radius: var(--spectrum-avatar-size-300-border-radius, var(--spectrum-global-dimension-static-percent-50));
  --spectrum-avatar-border-size: var(--spectrum-avatar-size-300-border-size, var(--spectrum-alias-avatar-border-size));
  --spectrum-avatar-width: var(--spectrum-avatar-size-300-width, var(--spectrum-alias-avatar-size-300));
  --spectrum-avatar-height: var(--spectrum-avatar-size-300-height, var(--spectrum-alias-avatar-size-300));
}

.spectrum-Avatar--size400 {
  --spectrum-avatar-border-radius: var(--spectrum-avatar-size-400-border-radius, var(--spectrum-global-dimension-static-percent-50));
  --spectrum-avatar-border-size: var(--spectrum-avatar-size-400-border-size, var(--spectrum-alias-avatar-border-size));
  --spectrum-avatar-width: var(--spectrum-avatar-size-400-width, var(--spectrum-alias-avatar-size-400));
  --spectrum-avatar-height: var(--spectrum-avatar-size-400-height, var(--spectrum-alias-avatar-size-400));
}

.spectrum-Avatar--size500 {
  --spectrum-avatar-border-radius: var(--spectrum-avatar-size-500-border-radius, var(--spectrum-global-dimension-static-percent-50));
  --spectrum-avatar-border-size: var(--spectrum-avatar-size-500-border-size, var(--spectrum-alias-avatar-border-size));
  --spectrum-avatar-width: var(--spectrum-avatar-size-500-width, var(--spectrum-alias-avatar-size-500));
  --spectrum-avatar-height: var(--spectrum-avatar-size-500-height, var(--spectrum-alias-avatar-size-500));
}

.spectrum-Avatar--size600 {
  --spectrum-avatar-border-radius: var(--spectrum-avatar-size-600-border-radius, var(--spectrum-global-dimension-static-percent-50));
  --spectrum-avatar-border-size: var(--spectrum-avatar-size-600-border-size, var(--spectrum-alias-avatar-border-size));
  --spectrum-avatar-width: var(--spectrum-avatar-size-600-width, var(--spectrum-alias-avatar-size-600));
  --spectrum-avatar-height: var(--spectrum-avatar-size-600-height, var(--spectrum-alias-avatar-size-600));
}

.spectrum-Avatar--size700 {
  --spectrum-avatar-border-radius: var(--spectrum-avatar-size-700-border-radius, var(--spectrum-global-dimension-static-percent-50));
  --spectrum-avatar-border-size: var(--spectrum-avatar-size-700-border-size, var(--spectrum-alias-avatar-border-size));
  --spectrum-avatar-width: var(--spectrum-avatar-size-700-width, var(--spectrum-alias-avatar-size-700));
  --spectrum-avatar-height: var(--spectrum-avatar-size-700-height, var(--spectrum-alias-avatar-size-700));
}

.spectrum-Avatar {
  display: inline-block;
  position: relative;
  width: var(--spectrum-avatar-width);
  height: var(--spectrum-avatar-height);

  border-radius: var(--spectrum-avatar-border-radius);
  border-width: 0;

  -webkit-user-drag: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
}

[dir="ltr"] .spectrum-Avatar:after {
    left: 0;
}

[dir="rtl"] .spectrum-Avatar:after {
    right: 0;
}

[dir="ltr"] .spectrum-Avatar:after {
    right: 0;
}

[dir="rtl"] .spectrum-Avatar:after {
    left: 0;
}

.spectrum-Avatar:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    border-width: var(--spectrum-avatar-border-size);
    border-style: solid;
    border-radius: var(--spectrum-avatar-border-radius);
  }

.spectrum-Avatar-image {
  width: var(--spectrum-avatar-width);
  height: var(--spectrum-avatar-height);
}

.spectrum-Avatar {
  opacity: var(--spectrum-avatar-size-100-opacity, var(--spectrum-global-color-opacity-100));
}

.spectrum-Avatar:after {
    border-color: var(--spectrum-avatar-size-100-border-color, var(--spectrum-alias-avatar-border-color-default));
  }

.spectrum-Avatar.is-disabled {
    opacity: var(--spectrum-avatar-size-100-opacity-disabled, var(--spectrum-global-color-opacity-30));
  }

.spectrum-Badge--sizeS {
  --spectrum-badge-neutral-textonly-text-padding-bottom: var(--spectrum-badge-s-neutral-textonly-text-padding-bottom);
  --spectrum-badge-neutral-textonly-text-size: var(--spectrum-badge-s-neutral-textonly-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-badge-neutral-textonly-text-padding-top: var(--spectrum-badge-s-neutral-textonly-text-padding-top, var(--spectrum-global-dimension-static-size-50));
  --spectrum-badge-neutral-textonly-text-line-height: var(--spectrum-badge-s-neutral-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-badge-neutral-textonly-border-top-left-radius: var(--spectrum-badge-s-neutral-textonly-border-top-left-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-border-top-right-radius: var(--spectrum-badge-s-neutral-textonly-border-top-right-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-border-bottom-right-radius: var(--spectrum-badge-s-neutral-textonly-border-bottom-right-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-border-bottom-left-radius: var(--spectrum-badge-s-neutral-textonly-border-bottom-left-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-padding-right: var(--spectrum-badge-s-neutral-textonly-padding-right, var(--spectrum-global-dimension-size-115));
  --spectrum-badge-neutral-textonly-padding-left: var(--spectrum-badge-s-neutral-textonly-padding-left, var(--spectrum-global-dimension-size-115));
}

.spectrum-Badge--sizeM {
  --spectrum-badge-neutral-textonly-text-size: var(--spectrum-badge-m-neutral-textonly-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-badge-neutral-textonly-text-padding-top: var(--spectrum-badge-m-neutral-textonly-text-padding-top, var(--spectrum-global-dimension-size-75));
  --spectrum-badge-neutral-textonly-text-padding-bottom: var(--spectrum-badge-m-neutral-textonly-text-padding-bottom, var(--spectrum-global-dimension-size-115));
  --spectrum-badge-neutral-textonly-text-line-height: var(--spectrum-badge-m-neutral-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-badge-neutral-textonly-border-top-left-radius: var(--spectrum-badge-m-neutral-textonly-border-top-left-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-border-top-right-radius: var(--spectrum-badge-m-neutral-textonly-border-top-right-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-border-bottom-right-radius: var(--spectrum-badge-m-neutral-textonly-border-bottom-right-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-border-bottom-left-radius: var(--spectrum-badge-m-neutral-textonly-border-bottom-left-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-padding-right: var(--spectrum-badge-m-neutral-textonly-padding-right, var(--spectrum-global-dimension-size-150));
  --spectrum-badge-neutral-textonly-padding-left: var(--spectrum-badge-m-neutral-textonly-padding-left, var(--spectrum-global-dimension-size-150));
}

.spectrum-Badge--sizeL {
  --spectrum-badge-neutral-textonly-text-padding-top: var(--spectrum-badge-l-neutral-textonly-text-padding-top);
  --spectrum-badge-neutral-textonly-text-size: var(--spectrum-badge-l-neutral-textonly-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-badge-neutral-textonly-text-padding-bottom: var(--spectrum-badge-l-neutral-textonly-text-padding-bottom, var(--spectrum-global-dimension-size-130));
  --spectrum-badge-neutral-textonly-text-line-height: var(--spectrum-badge-l-neutral-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-badge-neutral-textonly-border-top-left-radius: var(--spectrum-badge-l-neutral-textonly-border-top-left-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-border-top-right-radius: var(--spectrum-badge-l-neutral-textonly-border-top-right-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-border-bottom-right-radius: var(--spectrum-badge-l-neutral-textonly-border-bottom-right-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-border-bottom-left-radius: var(--spectrum-badge-l-neutral-textonly-border-bottom-left-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-padding-right: var(--spectrum-badge-l-neutral-textonly-padding-right, var(--spectrum-global-dimension-size-185));
  --spectrum-badge-neutral-textonly-padding-left: var(--spectrum-badge-l-neutral-textonly-padding-left, var(--spectrum-global-dimension-size-185));
}

.spectrum-Badge--sizeXL {
  --spectrum-badge-neutral-textonly-text-size: var(--spectrum-badge-xl-neutral-textonly-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-badge-neutral-textonly-text-padding-top: var(--spectrum-badge-xl-neutral-textonly-text-padding-top, var(--spectrum-global-dimension-size-150));
  --spectrum-badge-neutral-textonly-text-padding-bottom: var(--spectrum-badge-xl-neutral-textonly-text-padding-bottom, var(--spectrum-global-dimension-size-175));
  --spectrum-badge-neutral-textonly-text-line-height: var(--spectrum-badge-xl-neutral-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-badge-neutral-textonly-border-top-left-radius: var(--spectrum-badge-xl-neutral-textonly-border-top-left-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-border-top-right-radius: var(--spectrum-badge-xl-neutral-textonly-border-top-right-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-border-bottom-right-radius: var(--spectrum-badge-xl-neutral-textonly-border-bottom-right-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-border-bottom-left-radius: var(--spectrum-badge-xl-neutral-textonly-border-bottom-left-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-badge-neutral-textonly-padding-right: var(--spectrum-badge-xl-neutral-textonly-padding-right, var(--spectrum-global-dimension-size-225));
  --spectrum-badge-neutral-textonly-padding-left: var(--spectrum-badge-xl-neutral-textonly-padding-left, var(--spectrum-global-dimension-size-225));
}

[dir="ltr"] .spectrum-Badge {
  padding-left: var(--spectrum-badge-neutral-textonly-padding-right);
  padding-right: var(--spectrum-badge-neutral-textonly-padding-left);
}

[dir="rtl"] .spectrum-Badge {
  padding-right: var(--spectrum-badge-neutral-textonly-padding-right);
  padding-left: var(--spectrum-badge-neutral-textonly-padding-left);
}

.spectrum-Badge {
  display: inline-block;
  position: relative;

  width: auto;

  padding-top: var(--spectrum-badge-neutral-textonly-text-padding-top);

  padding-bottom: var(--spectrum-badge-neutral-textonly-text-padding-bottom);

  border-radius: var(--spectrum-badge-neutral-textonly-border-top-left-radius) var(--spectrum-badge-neutral-textonly-border-top-right-radius) var(--spectrum-badge-neutral-textonly-border-bottom-right-radius) var(--spectrum-badge-neutral-textonly-border-bottom-left-radius);

  font-size: var(--spectrum-badge-neutral-textonly-text-size);
  line-height: var(--spectrum-badge-neutral-textonly-text-line-height);

  cursor: default;

  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  font-smoothing: subpixel-antialiased;
}

.spectrum-Badge--neutral {
  --spectrum-badge-m-texticon-text-color: var(--spectrum-badge-m-neutral-texticon-text-color, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color: var(--spectrum-badge-m-neutral-textonly-background-color, var(--spectrum-semantic-neutral-background-color-default));
  --spectrum-badge-m-textonly-text-color-hover: var(--spectrum-badge-m-neutral-textonly-text-color-hover, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color-hover: var(--spectrum-badge-m-neutral-textonly-background-color-hover, var(--spectrum-semantic-neutral-background-color-hover));
}

.spectrum-Badge--informative {
  --spectrum-badge-m-texticon-text-color: var(--spectrum-badge-m-informative-texticon-text-color, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color: var(--spectrum-badge-m-informative-textonly-background-color, var(--spectrum-semantic-informative-background-color-default));
  --spectrum-badge-m-textonly-text-color-hover: var(--spectrum-badge-m-informative-textonly-text-color-hover, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color-hover: var(--spectrum-badge-m-informative-textonly-background-color-hover, var(--spectrum-semantic-informative-background-color-hover));
}

.spectrum-Badge--positive {
  --spectrum-badge-m-texticon-text-color: var(--spectrum-badge-m-positive-texticon-text-color, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color: var(--spectrum-badge-m-positive-textonly-background-color, var(--spectrum-semantic-positive-background-color-default));
  --spectrum-badge-m-textonly-text-color-hover: var(--spectrum-badge-m-positive-textonly-text-color-hover, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color-hover: var(--spectrum-badge-m-positive-textonly-background-color-hover, var(--spectrum-semantic-positive-background-color-hover));
}

.spectrum-Badge--negative {
  --spectrum-badge-m-texticon-text-color: var(--spectrum-badge-m-negative-texticon-text-color, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color: var(--spectrum-badge-m-negative-textonly-background-color, var(--spectrum-semantic-negative-background-color-default));
  --spectrum-badge-m-textonly-text-color-hover: var(--spectrum-badge-m-negative-textonly-text-color-hover, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color-hover: var(--spectrum-badge-m-negative-textonly-background-color-hover, var(--spectrum-semantic-negative-background-color-hover));
}

.spectrum-Badge--fuchsia {
  --spectrum-badge-m-texticon-text-color: var(--spectrum-badge-m-fuchsia-texticon-text-color, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color: var(--spectrum-badge-m-fuchsia-textonly-background-color, var(--spectrum-global-color-static-fuchsia-600));
  --spectrum-badge-m-textonly-text-color-hover: var(--spectrum-badge-m-fuchsia-textonly-text-color-hover, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color-hover: var(--spectrum-badge-m-fuchsia-textonly-background-color-hover, var(--spectrum-global-color-static-fuchsia-700));
}

.spectrum-Badge--indigo {
  --spectrum-badge-m-texticon-text-color: var(--spectrum-badge-m-indigo-texticon-text-color, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color: var(--spectrum-badge-m-indigo-textonly-background-color, var(--spectrum-global-color-static-indigo-600));
  --spectrum-badge-m-textonly-text-color-hover: var(--spectrum-badge-m-indigo-textonly-text-color-hover, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color-hover: var(--spectrum-badge-m-indigo-textonly-background-color-hover, var(--spectrum-global-color-static-indigo-700));
}

.spectrum-Badge--magenta {
  --spectrum-badge-m-texticon-text-color: var(--spectrum-badge-m-magenta-texticon-text-color, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color: var(--spectrum-badge-m-magenta-textonly-background-color, var(--spectrum-global-color-static-magenta-600));
  --spectrum-badge-m-textonly-text-color-hover: var(--spectrum-badge-m-magenta-textonly-text-color-hover, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color-hover: var(--spectrum-badge-m-magenta-textonly-background-color-hover, var(--spectrum-global-color-static-magenta-700));
}

.spectrum-Badge--purple {
  --spectrum-badge-m-texticon-text-color: var(--spectrum-badge-m-purple-texticon-text-color, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color: var(--spectrum-badge-m-purple-textonly-background-color, var(--spectrum-global-color-static-purple-600));
  --spectrum-badge-m-textonly-text-color-hover: var(--spectrum-badge-m-purple-textonly-text-color-hover, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color-hover: var(--spectrum-badge-m-purple-textonly-background-color-hover, var(--spectrum-global-color-static-purple-700));
}

.spectrum-Badge--seafoam {
  --spectrum-badge-m-texticon-text-color: var(--spectrum-badge-m-seafoam-texticon-text-color, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color: var(--spectrum-badge-m-seafoam-textonly-background-color, var(--spectrum-global-color-static-seafoam-600));
  --spectrum-badge-m-textonly-text-color-hover: var(--spectrum-badge-m-seafoam-textonly-text-color-hover, var(--spectrum-global-color-static-white));
  --spectrum-badge-m-textonly-background-color-hover: var(--spectrum-badge-m-seafoam-textonly-background-color-hover, var(--spectrum-global-color-static-seafoam-700));
}

.spectrum-Badge--yellow {
  --spectrum-badge-m-texticon-text-color: var(--spectrum-badge-m-yellow-texticon-text-color, var(--spectrum-global-color-static-black));
  --spectrum-badge-m-textonly-background-color: var(--spectrum-badge-m-yellow-textonly-background-color, var(--spectrum-alias-background-color-yellow-default));
  --spectrum-badge-m-textonly-text-color-hover: var(--spectrum-badge-m-yellow-textonly-text-color-hover, var(--spectrum-global-color-static-black));
  --spectrum-badge-m-textonly-background-color-hover: var(--spectrum-badge-m-yellow-textonly-background-color-hover, var(--spectrum-alias-background-color-yellow-hover));
}

.spectrum-Badge {
  color: var(--spectrum-badge-m-texticon-text-color);
  background-color: var(--spectrum-badge-m-textonly-background-color);
}

.spectrum-Badge:hover {
    color: var(--spectrum-badge-m-textonly-text-color-hover);
    background-color: var(--spectrum-badge-m-textonly-background-color-hover);
  }

.spectrum-Breadcrumbs--sizeS {
  --spectrum-breadcrumb-multiline-title-margin-top: var(--spectrum-breadcrumb-s-multiline-title-margin-top, var(--spectrum-global-dimension-static-size-0));
  --spectrum-breadcrumb-multiline-title-text-line-height: var(--spectrum-breadcrumb-s-multiline-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
  --spectrum-breadcrumb-multiline-title-text-font-weight: var(--spectrum-breadcrumb-s-multiline-title-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong));
  --spectrum-breadcrumb-multiline-title-text-size: var(--spectrum-breadcrumb-s-multiline-title-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-breadcrumb-multiline-item-text-font-weight: var(--spectrum-breadcrumb-s-multiline-item-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-breadcrumb-multiline-item-text-line-height: var(--spectrum-breadcrumb-s-multiline-item-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-breadcrumb-multiline-item-text-size: var(--spectrum-breadcrumb-s-multiline-item-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-breadcrumb-item-border-size-key-focus: var(--spectrum-breadcrumb-s-item-border-size-key-focus, var(--spectrum-alias-border-size-thick));
  --spectrum-breadcrumb-list-height: var(--spectrum-breadcrumb-s-list-height, var(--spectrum-global-dimension-size-400));
  --spectrum-breadcrumb-title-text-font-weight: var(--spectrum-breadcrumb-s-title-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong));
  --spectrum-breadcrumb-button-gap: var(--spectrum-breadcrumb-s-button-gap, var(--spectrum-global-dimension-static-size-10));
  --spectrum-breadcrumb-item-text-font-weight: var(--spectrum-breadcrumb-s-item-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-breadcrumb-item-text-line-height: var(--spectrum-breadcrumb-s-item-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-breadcrumb-item-padding-x: var(--spectrum-breadcrumb-s-item-padding-x, var(--spectrum-global-dimension-size-100));
  --spectrum-breadcrumb-item-text-size: var(--spectrum-breadcrumb-s-item-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-breadcrumb-item-margin-right: var(--spectrum-breadcrumb-s-item-margin-right, var(--spectrum-global-dimension-static-size-10));
  --spectrum-breadcrumb-item-border-radius: var(--spectrum-breadcrumb-s-item-border-radius, var(--spectrum-alias-border-radius-regular));
}

.spectrum-Breadcrumbs--sizeM {
  --spectrum-breadcrumb-multiline-title-margin-top: var(--spectrum-breadcrumb-m-multiline-title-margin-top, var(--spectrum-global-dimension-static-size-0));
  --spectrum-breadcrumb-multiline-title-text-line-height: var(--spectrum-breadcrumb-m-multiline-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
  --spectrum-breadcrumb-multiline-title-text-font-weight: var(--spectrum-breadcrumb-m-multiline-title-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong));
  --spectrum-breadcrumb-multiline-title-text-size: var(--spectrum-breadcrumb-m-multiline-title-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-breadcrumb-multiline-item-text-font-weight: var(--spectrum-breadcrumb-m-multiline-item-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-breadcrumb-multiline-item-text-line-height: var(--spectrum-breadcrumb-m-multiline-item-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-breadcrumb-multiline-item-text-size: var(--spectrum-breadcrumb-m-multiline-item-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-breadcrumb-item-border-size-key-focus: var(--spectrum-breadcrumb-m-item-border-size-key-focus, var(--spectrum-alias-border-size-thick));
  --spectrum-breadcrumb-list-height: var(--spectrum-breadcrumb-m-list-height, var(--spectrum-global-dimension-size-400));
  --spectrum-breadcrumb-title-text-font-weight: var(--spectrum-breadcrumb-m-title-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong));
  --spectrum-breadcrumb-button-gap: var(--spectrum-breadcrumb-m-button-gap, var(--spectrum-global-dimension-static-size-10));
  --spectrum-breadcrumb-item-text-font-weight: var(--spectrum-breadcrumb-m-item-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-breadcrumb-item-text-line-height: var(--spectrum-breadcrumb-m-item-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-breadcrumb-item-padding-x: var(--spectrum-breadcrumb-m-item-padding-x, var(--spectrum-global-dimension-size-100));
  --spectrum-breadcrumb-item-text-size: var(--spectrum-breadcrumb-m-item-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-breadcrumb-item-margin-right: var(--spectrum-breadcrumb-m-item-margin-right, var(--spectrum-global-dimension-static-size-10));
  --spectrum-breadcrumb-item-border-radius: var(--spectrum-breadcrumb-m-item-border-radius, var(--spectrum-alias-border-radius-regular));
}

.spectrum-Breadcrumbs--sizeL {
  --spectrum-breadcrumb-multiline-title-margin-top: var(--spectrum-breadcrumb-l-multiline-title-margin-top, var(--spectrum-global-dimension-static-size-0));
  --spectrum-breadcrumb-multiline-title-text-line-height: var(--spectrum-breadcrumb-l-multiline-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
  --spectrum-breadcrumb-multiline-title-text-font-weight: var(--spectrum-breadcrumb-l-multiline-title-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong));
  --spectrum-breadcrumb-multiline-title-text-size: var(--spectrum-breadcrumb-l-multiline-title-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-breadcrumb-multiline-item-text-font-weight: var(--spectrum-breadcrumb-l-multiline-item-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-breadcrumb-multiline-item-text-line-height: var(--spectrum-breadcrumb-l-multiline-item-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-breadcrumb-multiline-item-text-size: var(--spectrum-breadcrumb-l-multiline-item-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-breadcrumb-item-border-size-key-focus: var(--spectrum-breadcrumb-l-item-border-size-key-focus, var(--spectrum-alias-border-size-thick));
  --spectrum-breadcrumb-list-height: var(--spectrum-breadcrumb-l-list-height, var(--spectrum-global-dimension-size-400));
  --spectrum-breadcrumb-title-text-font-weight: var(--spectrum-breadcrumb-l-title-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong));
  --spectrum-breadcrumb-button-gap: var(--spectrum-breadcrumb-l-button-gap, var(--spectrum-global-dimension-static-size-10));
  --spectrum-breadcrumb-item-text-font-weight: var(--spectrum-breadcrumb-l-item-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-breadcrumb-item-text-line-height: var(--spectrum-breadcrumb-l-item-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-breadcrumb-item-padding-x: var(--spectrum-breadcrumb-l-item-padding-x, var(--spectrum-global-dimension-size-100));
  --spectrum-breadcrumb-item-text-size: var(--spectrum-breadcrumb-l-item-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-breadcrumb-item-margin-right: var(--spectrum-breadcrumb-l-item-margin-right, var(--spectrum-global-dimension-static-size-10));
  --spectrum-breadcrumb-item-border-radius: var(--spectrum-breadcrumb-l-item-border-radius, var(--spectrum-alias-border-radius-regular));
}

.spectrum-Breadcrumbs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: start;
  list-style-type: none;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0%;
      flex-basis: 0%;

  margin: 0;
  padding: 0;
}

[dir="rtl"] .spectrum-Breadcrumbs-itemSeparator { transform: matrix(-1, 0, 0, 1, 0, 0) scale(1); }

.spectrum-Breadcrumbs-itemSeparator {
  position: relative;
  top: var(--spectrum-global-dimension-size-10);

  opacity: 1;
}

.spectrum-Breadcrumbs-item--sizeS {
  --spectrum-breadcrumb-multiline-title-margin-top: var(--spectrum-breadcrumb-s-multiline-title-margin-top, var(--spectrum-global-dimension-static-size-0));
  --spectrum-breadcrumb-multiline-title-text-line-height: var(--spectrum-breadcrumb-s-multiline-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
  --spectrum-breadcrumb-multiline-title-text-font-weight: var(--spectrum-breadcrumb-s-multiline-title-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong));
  --spectrum-breadcrumb-multiline-title-text-size: var(--spectrum-breadcrumb-s-multiline-title-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-breadcrumb-multiline-item-text-font-weight: var(--spectrum-breadcrumb-s-multiline-item-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-breadcrumb-multiline-item-text-line-height: var(--spectrum-breadcrumb-s-multiline-item-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-breadcrumb-multiline-item-text-size: var(--spectrum-breadcrumb-s-multiline-item-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-breadcrumb-item-border-size-key-focus: var(--spectrum-breadcrumb-s-item-border-size-key-focus, var(--spectrum-alias-border-size-thick));
  --spectrum-breadcrumb-list-height: var(--spectrum-breadcrumb-s-list-height, var(--spectrum-global-dimension-size-400));
  --spectrum-breadcrumb-title-text-font-weight: var(--spectrum-breadcrumb-s-title-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong));
  --spectrum-breadcrumb-button-gap: var(--spectrum-breadcrumb-s-button-gap, var(--spectrum-global-dimension-static-size-10));
  --spectrum-breadcrumb-item-text-font-weight: var(--spectrum-breadcrumb-s-item-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-breadcrumb-item-text-line-height: var(--spectrum-breadcrumb-s-item-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-breadcrumb-item-padding-x: var(--spectrum-breadcrumb-s-item-padding-x, var(--spectrum-global-dimension-size-100));
  --spectrum-breadcrumb-item-text-size: var(--spectrum-breadcrumb-s-item-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-breadcrumb-item-margin-right: var(--spectrum-breadcrumb-s-item-margin-right, var(--spectrum-global-dimension-static-size-10));
  --spectrum-breadcrumb-item-border-radius: var(--spectrum-breadcrumb-s-item-border-radius, var(--spectrum-alias-border-radius-regular));
}

.spectrum-Breadcrumbs-item--sizeM {
  --spectrum-breadcrumb-multiline-title-margin-top: var(--spectrum-breadcrumb-m-multiline-title-margin-top, var(--spectrum-global-dimension-static-size-0));
  --spectrum-breadcrumb-multiline-title-text-line-height: var(--spectrum-breadcrumb-m-multiline-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
  --spectrum-breadcrumb-multiline-title-text-font-weight: var(--spectrum-breadcrumb-m-multiline-title-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong));
  --spectrum-breadcrumb-multiline-title-text-size: var(--spectrum-breadcrumb-m-multiline-title-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-breadcrumb-multiline-item-text-font-weight: var(--spectrum-breadcrumb-m-multiline-item-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-breadcrumb-multiline-item-text-line-height: var(--spectrum-breadcrumb-m-multiline-item-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-breadcrumb-multiline-item-text-size: var(--spectrum-breadcrumb-m-multiline-item-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-breadcrumb-item-border-size-key-focus: var(--spectrum-breadcrumb-m-item-border-size-key-focus, var(--spectrum-alias-border-size-thick));
  --spectrum-breadcrumb-list-height: var(--spectrum-breadcrumb-m-list-height, var(--spectrum-global-dimension-size-400));
  --spectrum-breadcrumb-title-text-font-weight: var(--spectrum-breadcrumb-m-title-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong));
  --spectrum-breadcrumb-button-gap: var(--spectrum-breadcrumb-m-button-gap, var(--spectrum-global-dimension-static-size-10));
  --spectrum-breadcrumb-item-text-font-weight: var(--spectrum-breadcrumb-m-item-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-breadcrumb-item-text-line-height: var(--spectrum-breadcrumb-m-item-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-breadcrumb-item-padding-x: var(--spectrum-breadcrumb-m-item-padding-x, var(--spectrum-global-dimension-size-100));
  --spectrum-breadcrumb-item-text-size: var(--spectrum-breadcrumb-m-item-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-breadcrumb-item-margin-right: var(--spectrum-breadcrumb-m-item-margin-right, var(--spectrum-global-dimension-static-size-10));
  --spectrum-breadcrumb-item-border-radius: var(--spectrum-breadcrumb-m-item-border-radius, var(--spectrum-alias-border-radius-regular));
}

.spectrum-Breadcrumbs-item--sizeL {
  --spectrum-breadcrumb-multiline-title-margin-top: var(--spectrum-breadcrumb-l-multiline-title-margin-top, var(--spectrum-global-dimension-static-size-0));
  --spectrum-breadcrumb-multiline-title-text-line-height: var(--spectrum-breadcrumb-l-multiline-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
  --spectrum-breadcrumb-multiline-title-text-font-weight: var(--spectrum-breadcrumb-l-multiline-title-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong));
  --spectrum-breadcrumb-multiline-title-text-size: var(--spectrum-breadcrumb-l-multiline-title-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-breadcrumb-multiline-item-text-font-weight: var(--spectrum-breadcrumb-l-multiline-item-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-breadcrumb-multiline-item-text-line-height: var(--spectrum-breadcrumb-l-multiline-item-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-breadcrumb-multiline-item-text-size: var(--spectrum-breadcrumb-l-multiline-item-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-breadcrumb-item-border-size-key-focus: var(--spectrum-breadcrumb-l-item-border-size-key-focus, var(--spectrum-alias-border-size-thick));
  --spectrum-breadcrumb-list-height: var(--spectrum-breadcrumb-l-list-height, var(--spectrum-global-dimension-size-400));
  --spectrum-breadcrumb-title-text-font-weight: var(--spectrum-breadcrumb-l-title-text-font-weight, var(--spectrum-alias-body-text-font-weight-strong));
  --spectrum-breadcrumb-button-gap: var(--spectrum-breadcrumb-l-button-gap, var(--spectrum-global-dimension-static-size-10));
  --spectrum-breadcrumb-item-text-font-weight: var(--spectrum-breadcrumb-l-item-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-breadcrumb-item-text-line-height: var(--spectrum-breadcrumb-l-item-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-breadcrumb-item-padding-x: var(--spectrum-breadcrumb-l-item-padding-x, var(--spectrum-global-dimension-size-100));
  --spectrum-breadcrumb-item-text-size: var(--spectrum-breadcrumb-l-item-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-breadcrumb-item-margin-right: var(--spectrum-breadcrumb-l-item-margin-right, var(--spectrum-global-dimension-static-size-10));
  --spectrum-breadcrumb-item-border-radius: var(--spectrum-breadcrumb-l-item-border-radius, var(--spectrum-alias-border-radius-regular));
}

.spectrum-Breadcrumbs-item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: start;

  box-sizing: border-box;
  height: var(--spectrum-breadcrumb-list-height);

  position: relative;

  white-space: nowrap;
  font-size: var(--spectrum-breadcrumb-item-text-size);
  font-weight: var(--spectrum-breadcrumb-item-text-font-weight);
  line-height: var(--spectrum-breadcrumb-item-text-line-height);
}

.spectrum-Breadcrumbs-item:last-of-type {
    font-weight: var(--spectrum-breadcrumb-title-text-font-weight);
  }

.spectrum-Breadcrumbs-item:last-of-type .spectrum-Breadcrumbs-itemSeparator {
      display: none;
    }

[dir="ltr"] .spectrum-Breadcrumbs-item > .spectrum-ActionButton {
    margin-right: var(--spectrum-breadcrumb-button-gap);
}

[dir="rtl"] .spectrum-Breadcrumbs-item > .spectrum-ActionButton {
    margin-left: var(--spectrum-breadcrumb-button-gap);
}

[dir="ltr"] .spectrum-Breadcrumbs-itemLink {

  margin-right: var(--spectrum-breadcrumb-item-margin-right);
}

[dir="rtl"] .spectrum-Breadcrumbs-itemLink {

  margin-left: var(--spectrum-breadcrumb-item-margin-right);
}

.spectrum-Breadcrumbs-itemLink {
  cursor: default;
  position: relative;

  display: -ms-inline-flexbox;

  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: start;

  padding-top: 0;

  padding-bottom: 0;
  padding-left: var(--spectrum-breadcrumb-item-padding-x);
  padding-right: var(--spectrum-breadcrumb-item-padding-x);
  height: var(--spectrum-breadcrumb-list-height);

  border-radius: var(--spectrum-breadcrumb-item-border-radius);

  outline: none;

  text-decoration: none;
}

.spectrum-Breadcrumbs-itemLink[href],
  .spectrum-Breadcrumbs-itemLink[tabindex="0"] {
    cursor: pointer;
  }

.spectrum-Breadcrumbs-itemLink[href]:hover,
    .spectrum-Breadcrumbs-itemLink[href].focus-ring,
    .spectrum-Breadcrumbs-itemLink[tabindex="0"]:hover,
    .spectrum-Breadcrumbs-itemLink[tabindex="0"].focus-ring {
      text-decoration: underline;
    }

[dir="ltr"] .spectrum-Breadcrumbs-item.is-dragged .spectrum-Breadcrumbs-itemLink:before,[dir="ltr"] 
.spectrum-Breadcrumbs-itemLink.focus-ring:before {
  left: 0;
}

[dir="rtl"] .spectrum-Breadcrumbs-item.is-dragged .spectrum-Breadcrumbs-itemLink:before,[dir="rtl"] 
.spectrum-Breadcrumbs-itemLink.focus-ring:before {
  right: 0;
}

.spectrum-Breadcrumbs-item.is-dragged .spectrum-Breadcrumbs-itemLink:before,
.spectrum-Breadcrumbs-itemLink.focus-ring:before {
  position: absolute;
  top: 0;

  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;

  border-width: var(--spectrum-breadcrumb-item-border-size-key-focus);
  border-style: solid;
  border-radius: var(--spectrum-breadcrumb-item-border-radius);

  content: "";
  pointer-events: none;
}

.spectrum-Breadcrumbs--multiline {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.spectrum-Breadcrumbs--multiline .spectrum-Breadcrumbs-item {
    font-size: var(--spectrum-breadcrumb-multiline-item-text-size);
    font-weight: var(--spectrum-breadcrumb-multiline-item-text-font-weight);
    line-height: var(--spectrum-breadcrumb-multiline-item-text-line-height);
  }

.spectrum-Breadcrumbs--multiline .spectrum-Breadcrumbs-item:last-of-type {
      height: auto;

      width: 100%;

      margin-top: var(--spectrum-breadcrumb-multiline-title-margin-top);

      font-size: var(--spectrum-breadcrumb-multiline-title-text-size);
      font-weight: var(--spectrum-breadcrumb-multiline-title-text-font-weight);
      line-height: var(--spectrum-breadcrumb-multiline-title-text-line-height);
    }

.spectrum-Breadcrumbs--multiline .spectrum-Breadcrumbs-item:last-of-type .spectrum-Breadcrumbs-itemLink {
        height: auto;

        text-decoration: none;
      }

.spectrum-Breadcrumbs-item {
  color: var(--spectrum-breadcrumb-m-item-text-color, var(--spectrum-alias-label-text-color));
}

.spectrum-Breadcrumbs-item.is-dragged .spectrum-Breadcrumbs-itemLink {
      color: var(--spectrum-breadcrumb-m-item-text-color-drop, var(--spectrum-alias-text-color-hover));
      background-color: var(--spectrum-breadcrumb-m-item-background-color-drop, var(--spectrum-alias-highlight-selected));
    }

.spectrum-Breadcrumbs-item.is-dragged .spectrum-Breadcrumbs-itemLink:before {
        border-color: var(--spectrum-breadcrumb-m-item-border-color-drop, var(--spectrum-global-color-blue-500));
      }

.spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemSeparator {
    color: var(--spectrum-breadcrumb-m-separator-icon-color, var(--spectrum-alias-icon-color));
  }

.spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink {
    color: inherit;
  }

.spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink:hover {
      color: var(--spectrum-breadcrumb-m-item-text-color-hover, var(--spectrum-alias-text-color-hover));
    }

.spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink.focus-ring {
      color: var(--spectrum-breadcrumb-m-item-text-color-key-focus, var(--spectrum-alias-text-color-hover));
    }

.spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink.focus-ring:before {
        border-color: var(--spectrum-breadcrumb-m-item-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
      }

.spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink:active {
      color: var(--spectrum-breadcrumb-m-item-text-color-down, var(--spectrum-alias-text-color-down));
      border-bottom: 0;
    }

.spectrum-Breadcrumbs-item .spectrum-Breadcrumbs-itemLink.is-disabled {
      color: var(--spectrum-breadcrumb-m-item-text-color-disabled, var(--spectrum-alias-text-color-disabled));
    }

.spectrum-Breadcrumbs-item.is-selected,
  .spectrum-Breadcrumbs-item:last-of-type {
    color: var(--spectrum-breadcrumb-m-item-text-color-down, var(--spectrum-alias-text-color-down));
  }

.spectrum-Breadcrumbs-item.is-selected ~ .spectrum-Breadcrumb:last-of-type {
        color: var(--spectrum-breadcrumb-m-item-text-color, var(--spectrum-alias-label-text-color));
      }

.spectrum-Breadcrumbs-item.is-selected .spectrum-Breadcrumbs-itemLink.focus-ring {
        color: var(--spectrum-breadcrumb-m-item-text-color-down, var(--spectrum-alias-text-color-down));
        border-bottom: 0;
      }

.spectrum-Button {
  position: relative;

  display: -ms-inline-flexbox;

  display: inline-flex;
  box-sizing: border-box;

  -ms-flex-align: center;

      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: visible;
  margin: 0;

  border-style: solid;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: button;
  vertical-align: top;

  transition: background var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    border-color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-out;

  text-decoration: none;
  font-family: var(--spectrum-alias-body-text-font-family, var(--spectrum-global-font-family-base));

  line-height: var(--spectrum-alias-component-text-line-height, var(--spectrum-global-font-line-height-small));

  -ms-user-select: none;

      user-select: none;
  -webkit-user-select: none;

  cursor: pointer;
}

.spectrum-Button:focus {
    outline: none;
  }

.spectrum-Button::-moz-focus-inner {
    border: 0;
    border-style: none;
    padding: 0;
    margin-top: -2px;
    margin-bottom: -2px;
  }

.spectrum-Button:disabled {
    cursor: default;
  }

.spectrum-Button .spectrum-Icon {
  max-height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.spectrum-Button:after {
    border-radius: calc(var(--spectrum-button-m-primary-fill-texticon-border-radius, var(--spectrum-global-dimension-size-200)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
    transition: opacity var(--spectrum-global-animation-duration-100, 130ms) ease-out,
                margin var(--spectrum-global-animation-duration-100, 130ms) ease-out;
  }

.spectrum-Button.focus-ring:after {
      margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -2);
    }

a.spectrum-Button {
  -webkit-appearance: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.spectrum-Button-label {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  justify-self: center;
  text-align: center;
}

.spectrum-Button-label:empty {
    display: none;
  }

.spectrum-Button {
  --spectrum-button-m-accent-fill-texticon-background-color: var(--spectrum-semantic-cta-background-color-default, var(--spectrum-global-color-static-blue-600));
  --spectrum-button-m-accent-fill-texticon-background-color-hover: var(--spectrum-semantic-cta-background-color-hover, var(--spectrum-global-color-static-blue-700));
  --spectrum-button-m-accent-fill-texticon-background-color-down: var(--spectrum-semantic-cta-background-color-down, var(--spectrum-global-color-static-blue-800));
  --spectrum-button-m-accent-fill-texticon-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus, var(--spectrum-global-color-static-blue-600));

  --spectrum-button-m-accent-outline-texticon-border-color: var(--spectrum-semantic-cta-background-color-default, var(--spectrum-global-color-static-blue-600));
  --spectrum-button-m-accent-outline-texticon-border-color-hover: var(--spectrum-semantic-cta-background-color-hover, var(--spectrum-global-color-static-blue-700));
  --spectrum-button-m-accent-outline-texticon-border-color-down: var(--spectrum-semantic-cta-background-color-down, var(--spectrum-global-color-static-blue-800));
  --spectrum-button-m-accent-outline-texticon-border-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus, var(--spectrum-global-color-static-blue-600));

  --spectrum-button-m-accent-outline-texticon-icon-color: var(--spectrum-semantic-cta-background-color-default, var(--spectrum-global-color-static-blue-600));
  --spectrum-button-m-accent-outline-texticon-icon-color-hover: var(--spectrum-semantic-cta-background-color-hover, var(--spectrum-global-color-static-blue-700));
  --spectrum-button-m-accent-outline-texticon-icon-color-down: var(--spectrum-semantic-cta-background-color-down, var(--spectrum-global-color-static-blue-800));
  --spectrum-button-m-accent-outline-texticon-icon-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus, var(--spectrum-global-color-static-blue-600));

  --spectrum-button-m-accent-outline-texticon-text-color: var(--spectrum-semantic-cta-background-color-default, var(--spectrum-global-color-static-blue-600));
  --spectrum-button-m-accent-outline-texticon-text-color-hover: var(--spectrum-semantic-cta-background-color-hover, var(--spectrum-global-color-static-blue-700));
  --spectrum-button-m-accent-outline-texticon-text-color-down: var(--spectrum-semantic-cta-background-color-down, var(--spectrum-global-color-static-blue-800));
  --spectrum-button-m-accent-outline-texticon-text-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus, var(--spectrum-global-color-static-blue-600));
}

.spectrum-Button:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled .spectrum-Icon {
          color: var(--spectrum-button-m-primary-fill-texticon-icon-color-disabled, var(--spectrum-global-color-gray-500))
        }

.spectrum-Button:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled .spectrum-Button-label {
          color: var(--spectrum-button-m-primary-fill-texticon-text-color-disabled, var(--spectrum-global-color-gray-500))
        }

.spectrum-Button.spectrum-Button--staticWhite:disabled .spectrum-Icon {
        color: var(--spectrum-button-m-primary-fill-white-texticon-icon-color-disabled, var(--spectrum-global-color-static-transparent-white-500))
      }

.spectrum-Button.spectrum-Button--staticWhite:disabled .spectrum-Button-label {
        color: var(--spectrum-button-m-primary-fill-white-texticon-text-color-disabled, var(--spectrum-global-color-static-transparent-white-500))
      }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) {
          background-color: var(--spectrum-button-m-primary-fill-white-texticon-background-color, var(--spectrum-global-color-static-white));
        }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Icon {
            color: inherit
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Button-label {
            color: inherit
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) {
          background-color: var(--spectrum-button-m-secondary-fill-white-texticon-background-color, var(--spectrum-global-color-static-transparent-white-300));
        }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Icon {
            color: var(--spectrum-button-m-secondary-fill-white-texticon-icon-color, var(--spectrum-global-color-static-white))
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Button-label {
            color: var(--spectrum-button-m-secondary-fill-white-texticon-text-color, var(--spectrum-global-color-static-white))
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):hover {
            background-color: var(--spectrum-button-m-secondary-fill-white-texticon-background-color-hover, var(--spectrum-global-color-static-transparent-white-400));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):active {
            background-color: var(--spectrum-button-m-secondary-fill-white-texticon-background-color-down, var(--spectrum-global-color-static-transparent-white-500));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):focus-visible {
            background-color: var(--spectrum-button-m-secondary-fill-white-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-white-400))
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled).is-keyboardFocused {
            background-color: var(--spectrum-button-m-secondary-fill-white-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-white-400))
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:disabled {
        background-color: var(--spectrum-button-m-secondary-fill-white-texticon-background-color-disabled, var(--spectrum-global-color-static-transparent-white-200))
      }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(:disabled) .spectrum-Icon {
          color: var(--spectrum-button-m-secondary-outline-white-texticon-icon-color, var(--spectrum-global-color-static-white))
        }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(:disabled) .spectrum-Button-label {
          color: var(--spectrum-button-m-secondary-outline-white-texticon-text-color, var(--spectrum-global-color-static-white))
        }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:disabled {
        border-color: var(--spectrum-button-m-secondary-outline-white-texticon-border-color-disabled, var(--spectrum-global-color-static-transparent-white-200));
        background-color: var(--spectrum-button-m-secondary-outline-white-texticon-background-color-disabled, var(--spectrum-alias-background-color-transparent));
      }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled) {
          border-color: var(--spectrum-button-m-primary-outline-white-texticon-border-color, var(--spectrum-global-color-static-white));
          background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color, var(--spectrum-alias-background-color-transparent));
        }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):hover {
            background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color-hover, var(--spectrum-global-color-static-transparent-white-300));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):active {
            background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color-down, var(--spectrum-global-color-static-transparent-white-400));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):focus-visible {
            background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-white-300));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled).is-keyboardFocused {
            background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-white-300));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled) {
          border-color: var(--spectrum-button-m-secondary-outline-white-texticon-border-color, var(--spectrum-global-color-static-transparent-white-200));
          background-color: var(--spectrum-button-m-secondary-outline-white-texticon-background-color, var(--spectrum-alias-background-color-transparent));
        }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):hover {
            background-color: var(--spectrum-button-m-secondary-outline-white-texticon-background-color-hover, var(--spectrum-global-color-static-transparent-white-300));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):active {
            background-color: var(--spectrum-button-m-secondary-outline-white-texticon-background-color-down, var(--spectrum-global-color-static-transparent-white-400));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):focus-visible {
            background-color: var(--spectrum-button-m-secondary-outline-white-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-white-300));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled).is-keyboardFocused {
            background-color: var(--spectrum-button-m-secondary-outline-white-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-white-300));
          }

.spectrum-Button.spectrum-Button--staticBlack:disabled .spectrum-Icon {
        color: var(--spectrum-button-m-primary-fill-black-texticon-icon-color-disabled, var(--spectrum-global-color-static-transparent-black-500))
      }

.spectrum-Button.spectrum-Button--staticBlack:disabled .spectrum-Button-label {
        color: var(--spectrum-button-m-primary-fill-black-texticon-text-color-disabled, var(--spectrum-global-color-static-transparent-black-500))
      }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) {
          background-color: var(--spectrum-button-m-primary-fill-black-texticon-background-color, var(--spectrum-global-color-static-black));
        }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Icon {
            color: inherit
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Button-label {
            color: inherit
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) {
          background-color: var(--spectrum-button-m-secondary-fill-black-texticon-background-color, var(--spectrum-global-color-static-transparent-black-300));
        }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Icon {
            color: var(--spectrum-button-m-secondary-fill-black-texticon-icon-color, var(--spectrum-global-color-static-black))
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Button-label {
            color: var(--spectrum-button-m-secondary-fill-black-texticon-text-color, var(--spectrum-global-color-static-black))
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):hover {
            background-color: var(--spectrum-button-m-secondary-fill-black-texticon-background-color-hover, var(--spectrum-global-color-static-transparent-black-400))
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):active {
            background-color: var(--spectrum-button-m-secondary-fill-black-texticon-background-color-down, var(--spectrum-global-color-static-transparent-black-500))
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):focus-visible {
            background-color: var(--spectrum-button-m-secondary-fill-black-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-black-400))
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled).is-keyboardFocused {
            background-color: var(--spectrum-button-m-secondary-fill-black-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-black-400))
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:disabled {
        background-color: var(--spectrum-button-m-secondary-fill-black-texticon-background-color-disabled, var(--spectrum-global-color-static-transparent-black-200))
      }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(:disabled) .spectrum-Icon {
          color: var(--spectrum-button-m-secondary-outline-black-texticon-icon-color, var(--spectrum-global-color-static-black))
        }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(:disabled) .spectrum-Button-label {
          color: var(--spectrum-button-m-secondary-outline-black-texticon-text-color, var(--spectrum-global-color-static-black))
        }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:disabled {
        border-color: var(--spectrum-button-m-secondary-outline-black-texticon-border-color-disabled, var(--spectrum-global-color-static-transparent-black-200));
        background-color: var(--spectrum-button-m-secondary-outline-black-texticon-background-color-disabled, var(--spectrum-alias-background-color-transparent));
      }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled) {
          border-color: var(--spectrum-button-m-primary-outline-black-texticon-border-color, var(--spectrum-global-color-static-black));
          background-color: var(--spectrum-button-m-primary-outline-black-texticon-background-color, var(--spectrum-alias-background-color-transparent));
        }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):hover {
            background-color: var(--spectrum-button-m-primary-outline-black-texticon-background-color-hover, var(--spectrum-global-color-static-transparent-black-300));
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):active {
            background-color: var(--spectrum-button-m-primary-outline-black-texticon-background-color-down, var(--spectrum-global-color-static-transparent-black-400));
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):focus-visible {
            background-color: var(--spectrum-button-m-primary-outline-black-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-black-300));
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled).is-keyboardFocused {
            background-color: var(--spectrum-button-m-primary-outline-black-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-black-300));
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled) {
          border-color: var(--spectrum-button-m-secondary-outline-black-texticon-border-color, var(--spectrum-global-color-static-transparent-black-200));
          background-color: var(--spectrum-button-m-secondary-outline-black-texticon-background-color, var(--spectrum-alias-background-color-transparent));
        }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):hover {
            background-color: var(--spectrum-button-m-secondary-outline-black-texticon-background-color-hover, var(--spectrum-global-color-static-transparent-black-300));
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):active {
            background-color: var(--spectrum-button-m-secondary-outline-black-texticon-background-color-down, var(--spectrum-global-color-static-transparent-black-400));
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):focus-visible {
            background-color: var(--spectrum-button-m-secondary-outline-black-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-black-300));
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled).is-keyboardFocused {
            background-color: var(--spectrum-button-m-secondary-outline-black-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-black-300));
          }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-accent-fill-texticon-background-color, var(--spectrum-global-color-static-blue-600));
          }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-accent-fill-texticon-icon-color, var(--spectrum-global-color-static-white));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-accent-fill-texticon-text-color, var(--spectrum-global-color-static-white));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-accent-fill-texticon-background-color-hover, var(--spectrum-global-color-static-blue-700));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-accent-fill-texticon-background-color-down, var(--spectrum-global-color-static-blue-800));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-accent-fill-texticon-background-color-key-focus, var(--spectrum-global-color-static-blue-700));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-accent-fill-texticon-background-color-key-focus, var(--spectrum-global-color-static-blue-700));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-negative-fill-texticon-background-color, var(--spectrum-global-color-static-red-600));
          }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-negative-fill-texticon-icon-color, var(--spectrum-global-color-static-white));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-negative-fill-texticon-text-color, var(--spectrum-global-color-static-white));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-negative-fill-texticon-background-color-hover, var(--spectrum-global-color-static-red-700));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-negative-fill-texticon-background-color-down, var(--spectrum-global-color-static-red-800))
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-negative-fill-texticon-background-color-key-focus, var(--spectrum-global-color-static-red-700))
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-negative-fill-texticon-background-color-key-focus, var(--spectrum-global-color-static-red-700))
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-primary-fill-texticon-background-color, var(--spectrum-global-color-gray-800));
          }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-primary-fill-texticon-icon-color, var(--spectrum-global-color-gray-50));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-primary-fill-texticon-text-color, var(--spectrum-global-color-gray-50));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-primary-fill-texticon-background-color-hover, var(--spectrum-global-color-gray-900))
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-primary-fill-texticon-background-color-down, var(--spectrum-global-color-gray-900))
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-primary-fill-texticon-background-color-key-focus, var(--spectrum-global-color-gray-900))
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-primary-fill-texticon-background-color-key-focus, var(--spectrum-global-color-gray-900))
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-secondary-fill-texticon-background-color, var(--spectrum-global-color-gray-200));
          }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-secondary-fill-texticon-icon-color, var(--spectrum-global-color-gray-800));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-secondary-fill-texticon-background-color-hover, var(--spectrum-global-color-gray-300));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-fill-texticon-icon-color-hover, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-fill-texticon-text-color-hover, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-secondary-fill-texticon-background-color-down, var(--spectrum-global-color-gray-400));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-fill-texticon-icon-color-down, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-fill-texticon-text-color-down, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-secondary-fill-texticon-background-color-key-focus, var(--spectrum-global-color-gray-300));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-fill-texticon-icon-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-fill-texticon-text-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-secondary-fill-texticon-background-color-key-focus, var(--spectrum-global-color-gray-300));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-fill-texticon-icon-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-fill-texticon-text-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-secondary-fill-texticon-text-color, var(--spectrum-global-color-gray-800));
            }

.spectrum-Button.spectrum-Button--fill:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled {
          background-color: var(--spectrum-button-m-primary-fill-texticon-background-color-disabled, var(--spectrum-global-color-gray-200));
        }

.spectrum-Button.spectrum-Button--fill:disabled {
      border-color: var(--spectrum-button-m-primary-fill-texticon-border-color-disabled, transparent);
    }

.spectrum-Button.spectrum-Button--fill:not(:disabled) {
      border-color: var(--spectrum-button-m-primary-fill-texticon-border-color, transparent);
    }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-accent-outline-texticon-background-color, var(--spectrum-alias-background-color-transparent));
            border-color: var(--spectrum-button-m-accent-outline-texticon-border-color, var(--spectrum-global-color-blue-500));
          }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-accent-outline-texticon-icon-color, var(--spectrum-global-color-blue-500));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-accent-outline-texticon-background-color-hover, var(--spectrum-alias-transparent-blue-background-color-hover));
              border-color: var(--spectrum-button-m-accent-outline-texticon-border-color-hover, var(--spectrum-global-color-blue-600));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon {
                color: var(--spectrum-button-m-accent-outline-texticon-icon-color-hover, var(--spectrum-global-color-blue-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label {
                color: var(--spectrum-button-m-accent-outline-texticon-text-color-hover, var(--spectrum-global-color-blue-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-accent-outline-texticon-background-color-down, var(--spectrum-alias-transparent-blue-background-color-down));
              border-color: var(--spectrum-button-m-accent-outline-texticon-border-color-down, var(--spectrum-global-color-blue-700));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon {
                color: var(--spectrum-button-m-accent-outline-texticon-icon-color-down, var(--spectrum-global-color-blue-700));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label {
                color: var(--spectrum-button-m-accent-outline-texticon-text-color-down, var(--spectrum-global-color-blue-700));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-accent-outline-texticon-background-color-key-focus, var(--spectrum-alias-transparent-blue-background-color-key-focus));
              border-color: var(--spectrum-button-m-accent-outline-texticon-border-color-key-focus, var(--spectrum-global-color-blue-600));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon {
                color: var(--spectrum-button-m-accent-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-blue-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label {
                color: var(--spectrum-button-m-accent-outline-texticon-text-color-key-focus, var(--spectrum-global-color-blue-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-accent-outline-texticon-background-color-key-focus, var(--spectrum-alias-transparent-blue-background-color-key-focus));
              border-color: var(--spectrum-button-m-accent-outline-texticon-border-color-key-focus, var(--spectrum-global-color-blue-600));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon {
                color: var(--spectrum-button-m-accent-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-blue-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label {
                color: var(--spectrum-button-m-accent-outline-texticon-text-color-key-focus, var(--spectrum-global-color-blue-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-accent-outline-texticon-text-color, var(--spectrum-global-color-blue-500));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-negative-outline-texticon-background-color, var(--spectrum-alias-background-color-transparent));
            border-color: var(--spectrum-button-m-negative-outline-texticon-border-color, var(--spectrum-global-color-red-500));
          }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-negative-outline-texticon-icon-color, var(--spectrum-global-color-red-500));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-negative-outline-texticon-background-color-hover, var(--spectrum-alias-transparent-red-background-color-hover));
              border-color: var(--spectrum-button-m-negative-outline-texticon-border-color-hover, var(--spectrum-global-color-red-600));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon {
                color: var(--spectrum-button-m-negative-outline-texticon-icon-color-hover, var(--spectrum-global-color-red-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label {
                color: var(--spectrum-button-m-negative-outline-texticon-text-color-hover, var(--spectrum-global-color-red-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-negative-outline-texticon-background-color-down, var(--spectrum-alias-transparent-red-background-color-down));
              border-color: var(--spectrum-button-m-negative-outline-texticon-border-color-down, var(--spectrum-global-color-red-700));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon {
                color: var(--spectrum-button-m-negative-outline-texticon-icon-color-down, var(--spectrum-global-color-red-700));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label {
                color: var(--spectrum-button-m-negative-outline-texticon-text-color-down, var(--spectrum-global-color-red-700));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-negative-outline-texticon-background-color-key-focus, var(--spectrum-alias-transparent-red-background-color-key-focus));
              border-color: var(--spectrum-button-m-negative-outline-texticon-border-color-key-focus, var(--spectrum-global-color-red-600));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon {
                color: var(--spectrum-button-m-negative-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-red-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label {
                color: var(--spectrum-button-m-negative-outline-texticon-text-color-key-focus, var(--spectrum-global-color-red-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-negative-outline-texticon-background-color-key-focus, var(--spectrum-alias-transparent-red-background-color-key-focus));
              border-color: var(--spectrum-button-m-negative-outline-texticon-border-color-key-focus, var(--spectrum-global-color-red-600));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon {
                color: var(--spectrum-button-m-negative-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-red-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label {
                color: var(--spectrum-button-m-negative-outline-texticon-text-color-key-focus, var(--spectrum-global-color-red-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-negative-outline-texticon-text-color, var(--spectrum-global-color-red-500));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-primary-outline-texticon-background-color, var(--spectrum-alias-background-color-transparent));
            border-color: var(--spectrum-button-m-primary-outline-texticon-border-color, var(--spectrum-global-color-gray-800));
          }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-primary-outline-texticon-icon-color, var(--spectrum-global-color-gray-800));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-primary-outline-texticon-background-color-hover, var(--spectrum-global-color-gray-300));
              border-color: var(--spectrum-button-m-primary-outline-texticon-border-color-hover, var(--spectrum-global-color-gray-900));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon {
                color: var(--spectrum-button-m-primary-outline-texticon-icon-color-hover, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label {
                color: var(--spectrum-button-m-primary-outline-texticon-text-color-hover, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-primary-outline-texticon-background-color-down, var(--spectrum-global-color-gray-400));
              border-color: var(--spectrum-button-m-primary-outline-texticon-border-color-down, var(--spectrum-global-color-gray-900));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon {
                color: var(--spectrum-button-m-primary-outline-texticon-icon-color-down, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label {
                color: var(--spectrum-button-m-primary-outline-texticon-text-color-down, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-primary-outline-texticon-background-color-key-focus, var(--spectrum-global-color-gray-300));
              border-color: var(--spectrum-button-m-primary-outline-texticon-border-color-key-focus, var(--spectrum-global-color-gray-900));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon {
                color: var(--spectrum-button-m-primary-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label {
                color: var(--spectrum-button-m-primary-outline-texticon-text-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-primary-outline-texticon-background-color-key-focus, var(--spectrum-global-color-gray-300));
              border-color: var(--spectrum-button-m-primary-outline-texticon-border-color-key-focus, var(--spectrum-global-color-gray-900));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon {
                color: var(--spectrum-button-m-primary-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label {
                color: var(--spectrum-button-m-primary-outline-texticon-text-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-primary-outline-texticon-text-color, var(--spectrum-global-color-gray-800));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-secondary-outline-texticon-background-color, var(--spectrum-alias-background-color-transparent));
            border-color: var(--spectrum-button-m-secondary-outline-texticon-border-color, var(--spectrum-global-color-gray-300));
          }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-secondary-outline-texticon-icon-color, var(--spectrum-global-color-gray-800));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-secondary-outline-texticon-background-color-hover, var(--spectrum-global-color-gray-300));
              border-color: var(--spectrum-button-m-secondary-outline-texticon-border-color-hover, var(--spectrum-global-color-gray-400));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-outline-texticon-icon-color-hover, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-outline-texticon-text-color-hover, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-secondary-outline-texticon-background-color-down, var(--spectrum-global-color-gray-400));
              border-color: var(--spectrum-button-m-secondary-outline-texticon-border-color-down, var(--spectrum-global-color-gray-500));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-outline-texticon-icon-color-down, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-outline-texticon-text-color-down, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-secondary-outline-texticon-background-color-key-focus, var(--spectrum-global-color-gray-300));
              border-color: var(--spectrum-button-m-secondary-outline-texticon-border-color-key-focus, var(--spectrum-global-color-gray-400));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-outline-texticon-text-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-secondary-outline-texticon-background-color-key-focus, var(--spectrum-global-color-gray-300));
              border-color: var(--spectrum-button-m-secondary-outline-texticon-border-color-key-focus, var(--spectrum-global-color-gray-400));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-outline-texticon-text-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-secondary-outline-texticon-text-color, var(--spectrum-global-color-gray-800));
            }

.spectrum-Button.spectrum-Button--outline:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled {
          border-color: var(--spectrum-button-m-primary-outline-texticon-border-color-disabled, var(--spectrum-global-color-gray-200));
          background-color: var(--spectrum-button-m-primary-outline-texticon-background-color-disabled, var(--spectrum-alias-background-color-transparent));
        }

.spectrum-Button--sizeS {
  --spectrum-button-primary-fill-textonly-text-padding-bottom: var(--spectrum-button-s-primary-fill-textonly-text-padding-bottom);
  --spectrum-button-primary-fill-texticon-text-size: var(--spectrum-button-s-primary-fill-texticon-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-button-primary-fill-texticon-text-font-weight: var(--spectrum-button-s-primary-fill-texticon-text-font-weight, var(--spectrum-global-font-weight-bold));
  --spectrum-button-primary-fill-texticon-text-line-height: var(--spectrum-button-s-primary-fill-texticon-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-button-primary-fill-texticon-icon-gap: var(--spectrum-button-s-primary-fill-texticon-icon-gap, var(--spectrum-global-dimension-size-85));
  --spectrum-button-primary-fill-texticon-focus-ring-size: var(--spectrum-button-s-primary-fill-texticon-focus-ring-size, var(--spectrum-alias-focus-ring-size));
  --spectrum-button-primary-fill-texticon-border-size: var(--spectrum-button-s-primary-fill-texticon-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-button-primary-fill-texticon-padding-left: var(--spectrum-button-s-primary-fill-texticon-padding-left, var(--spectrum-global-dimension-size-125));
  --spectrum-button-primary-fill-texticon-border-radius: var(--spectrum-button-s-primary-fill-texticon-border-radius, var(--spectrum-global-dimension-size-150));
  --spectrum-button-primary-fill-textonly-border-size: var(--spectrum-button-s-primary-fill-textonly-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-button-primary-fill-textonly-min-width: var(--spectrum-button-s-primary-fill-textonly-min-width, var(--spectrum-global-dimension-size-675));
  --spectrum-button-primary-fill-textonly-padding-left: var(--spectrum-button-s-primary-fill-textonly-padding-left, var(--spectrum-global-dimension-size-150));
  --spectrum-button-primary-fill-textonly-padding-right: var(--spectrum-button-s-primary-fill-textonly-padding-right, var(--spectrum-global-dimension-size-150));
  --spectrum-button-primary-fill-textonly-height: var(--spectrum-button-s-primary-fill-textonly-height, var(--spectrum-global-dimension-size-300));
  --spectrum-button-primary-fill-textonly-text-padding-top: calc(var(--spectrum-button-s-primary-fill-textonly-text-padding-top, var(--spectrum-global-dimension-static-size-50)) - 1px);
}

.spectrum-Button--sizeM {
  --spectrum-button-primary-fill-texticon-padding-left: var(--spectrum-button-m-primary-fill-texticon-padding-left);
  --spectrum-button-primary-fill-texticon-text-size: var(--spectrum-button-m-primary-fill-texticon-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-button-primary-fill-texticon-text-font-weight: var(--spectrum-button-m-primary-fill-texticon-text-font-weight, var(--spectrum-global-font-weight-bold));
  --spectrum-button-primary-fill-texticon-text-line-height: var(--spectrum-button-m-primary-fill-texticon-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-button-primary-fill-texticon-icon-gap: var(--spectrum-button-m-primary-fill-texticon-icon-gap, var(--spectrum-global-dimension-size-100));
  --spectrum-button-primary-fill-texticon-focus-ring-size: var(--spectrum-button-m-primary-fill-texticon-focus-ring-size, var(--spectrum-alias-focus-ring-size));
  --spectrum-button-primary-fill-texticon-border-size: var(--spectrum-button-m-primary-fill-texticon-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-button-primary-fill-texticon-border-radius: var(--spectrum-button-m-primary-fill-texticon-border-radius, var(--spectrum-global-dimension-size-200));
  --spectrum-button-primary-fill-textonly-text-padding-top: var(--spectrum-button-m-primary-fill-textonly-text-padding-top, var(--spectrum-global-dimension-size-75));
  --spectrum-button-primary-fill-textonly-border-size: var(--spectrum-button-m-primary-fill-textonly-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-button-primary-fill-textonly-min-width: var(--spectrum-button-m-primary-fill-textonly-min-width, var(--spectrum-global-dimension-size-900));
  --spectrum-button-primary-fill-textonly-padding-left: var(--spectrum-button-m-primary-fill-textonly-padding-left, var(--spectrum-global-dimension-size-200));
  --spectrum-button-primary-fill-textonly-padding-right: var(--spectrum-button-m-primary-fill-textonly-padding-right, var(--spectrum-global-dimension-size-200));
  --spectrum-button-primary-fill-textonly-height: var(--spectrum-button-m-primary-fill-textonly-height, var(--spectrum-global-dimension-size-400));
  --spectrum-button-primary-fill-textonly-text-padding-bottom: calc(var(--spectrum-button-m-primary-fill-textonly-text-padding-bottom, var(--spectrum-global-dimension-size-115)) - 1px);
}

.spectrum-Button--sizeL {
  --spectrum-button-primary-fill-textonly-text-padding-top: var(--spectrum-button-l-primary-fill-textonly-text-padding-top);
  --spectrum-button-primary-fill-texticon-text-size: var(--spectrum-button-l-primary-fill-texticon-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-button-primary-fill-texticon-text-font-weight: var(--spectrum-button-l-primary-fill-texticon-text-font-weight, var(--spectrum-global-font-weight-bold));
  --spectrum-button-primary-fill-texticon-text-line-height: var(--spectrum-button-l-primary-fill-texticon-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-button-primary-fill-texticon-icon-gap: var(--spectrum-button-l-primary-fill-texticon-icon-gap, var(--spectrum-global-dimension-size-115));
  --spectrum-button-primary-fill-texticon-focus-ring-size: var(--spectrum-button-l-primary-fill-texticon-focus-ring-size, var(--spectrum-alias-focus-ring-size));
  --spectrum-button-primary-fill-texticon-border-size: var(--spectrum-button-l-primary-fill-texticon-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-button-primary-fill-texticon-padding-left: var(--spectrum-button-l-primary-fill-texticon-padding-left, var(--spectrum-global-dimension-size-225));
  --spectrum-button-primary-fill-texticon-border-radius: var(--spectrum-button-l-primary-fill-texticon-border-radius, var(--spectrum-global-dimension-size-250));
  --spectrum-button-primary-fill-textonly-text-padding-bottom: var(--spectrum-button-l-primary-fill-textonly-text-padding-bottom, var(--spectrum-global-dimension-size-130));
  --spectrum-button-primary-fill-textonly-border-size: var(--spectrum-button-l-primary-fill-textonly-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-button-primary-fill-textonly-min-width: var(--spectrum-button-l-primary-fill-textonly-min-width, var(--spectrum-global-dimension-size-1125));
  --spectrum-button-primary-fill-textonly-padding-left: var(--spectrum-button-l-primary-fill-textonly-padding-left, var(--spectrum-global-dimension-size-250));
  --spectrum-button-primary-fill-textonly-padding-right: var(--spectrum-button-l-primary-fill-textonly-padding-right, var(--spectrum-global-dimension-size-250));
  --spectrum-button-primary-fill-textonly-height: var(--spectrum-button-l-primary-fill-textonly-height, var(--spectrum-global-dimension-size-500));
}

.spectrum-Button--sizeXL {
  --spectrum-button-primary-fill-texticon-padding-left: var(--spectrum-button-xl-primary-fill-texticon-padding-left);
  --spectrum-button-primary-fill-texticon-text-size: var(--spectrum-button-xl-primary-fill-texticon-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-button-primary-fill-texticon-text-font-weight: var(--spectrum-button-xl-primary-fill-texticon-text-font-weight, var(--spectrum-global-font-weight-bold));
  --spectrum-button-primary-fill-texticon-text-line-height: var(--spectrum-button-xl-primary-fill-texticon-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-button-primary-fill-texticon-icon-gap: var(--spectrum-button-xl-primary-fill-texticon-icon-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-button-primary-fill-texticon-focus-ring-size: var(--spectrum-button-xl-primary-fill-texticon-focus-ring-size, var(--spectrum-alias-focus-ring-size));
  --spectrum-button-primary-fill-texticon-border-size: var(--spectrum-button-xl-primary-fill-texticon-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-button-primary-fill-texticon-border-radius: var(--spectrum-button-xl-primary-fill-texticon-border-radius, var(--spectrum-global-dimension-size-300));
  --spectrum-button-primary-fill-textonly-text-padding-top: var(--spectrum-button-xl-primary-fill-textonly-text-padding-top, var(--spectrum-global-dimension-size-150));
  --spectrum-button-primary-fill-textonly-border-size: var(--spectrum-button-xl-primary-fill-textonly-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-button-primary-fill-textonly-min-width: var(--spectrum-button-xl-primary-fill-textonly-min-width, var(--spectrum-global-dimension-size-1250));
  --spectrum-button-primary-fill-textonly-padding-left: var(--spectrum-button-xl-primary-fill-textonly-padding-left, var(--spectrum-global-dimension-size-300));
  --spectrum-button-primary-fill-textonly-padding-right: var(--spectrum-button-xl-primary-fill-textonly-padding-right, var(--spectrum-global-dimension-size-300));
  --spectrum-button-primary-fill-textonly-height: var(--spectrum-button-xl-primary-fill-textonly-height, var(--spectrum-global-dimension-size-600));
  --spectrum-button-primary-fill-textonly-text-padding-bottom: calc(var(--spectrum-button-xl-primary-fill-textonly-text-padding-bottom, var(--spectrum-global-dimension-size-175)) - 1px);
}

.spectrum-Button {
  --spectrum-button-primary-fill-padding-left-adjusted: calc(var(--spectrum-button-primary-fill-texticon-padding-left) - var(--spectrum-button-primary-fill-texticon-border-size));
  --spectrum-button-primary-fill-textonly-padding-left-adjusted: calc(var(--spectrum-button-primary-fill-textonly-padding-left) - var(--spectrum-button-primary-fill-texticon-border-size));
  --spectrum-button-primary-fill-textonly-padding-right-adjusted: calc(var(--spectrum-button-primary-fill-textonly-padding-right) - var(--spectrum-button-primary-fill-texticon-border-size));
}

[dir="ltr"] .spectrum-Button {
  padding-left: var(--spectrum-button-primary-fill-textonly-padding-left-adjusted);
  padding-right: var(--spectrum-button-primary-fill-textonly-padding-right-adjusted);
}

[dir="rtl"] .spectrum-Button {
  padding-right: var(--spectrum-button-primary-fill-textonly-padding-left-adjusted);
  padding-left: var(--spectrum-button-primary-fill-textonly-padding-right-adjusted);
}

.spectrum-Button {

  border-width: var(--spectrum-button-primary-fill-texticon-border-size);
  border-style: solid;
  border-radius: var(--spectrum-button-primary-fill-texticon-border-radius);

  min-height: var(--spectrum-button-primary-fill-textonly-height);
  height: auto;
  min-width: var(--spectrum-button-primary-fill-textonly-min-width);

  padding-top: 0;
  padding-bottom: 0;

  font-size: var(--spectrum-button-primary-fill-texticon-text-size);
  font-weight: var(--spectrum-button-primary-fill-texticon-text-font-weight);
  color: inherit;

  --spectrum-button-focus-ring-color: var(--spectrum-button-m-primary-fill-texticon-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
}

.spectrum-Button:hover,
  .spectrum-Button:active {
    box-shadow: none;
  }

[dir="ltr"] .spectrum-Button .spectrum-Icon {
    margin-left: calc(-1 * (var(--spectrum-button-primary-fill-textonly-padding-left-adjusted) - var(--spectrum-button-primary-fill-padding-left-adjusted)));
}

[dir="rtl"] .spectrum-Button .spectrum-Icon {
    margin-right: calc(-1 * (var(--spectrum-button-primary-fill-textonly-padding-left-adjusted) - var(--spectrum-button-primary-fill-padding-left-adjusted)));
}

[dir="ltr"] .spectrum-Button .spectrum-Icon + .spectrum-Button-label {
    padding-left: var(--spectrum-button-primary-fill-texticon-icon-gap);
}

[dir="rtl"] .spectrum-Button .spectrum-Icon + .spectrum-Button-label {
    padding-right: var(--spectrum-button-primary-fill-texticon-icon-gap);
}

[dir="ltr"] .spectrum-Button .spectrum-Icon + .spectrum-Button-label {
    padding-right: 0;
}

[dir="rtl"] .spectrum-Button .spectrum-Icon + .spectrum-Button-label {
    padding-left: 0;
}

.spectrum-Button-label {

  line-height: var(--spectrum-button-primary-fill-texticon-text-line-height);
  padding-top: calc(var(--spectrum-button-primary-fill-textonly-text-padding-top) - var(--spectrum-button-primary-fill-textonly-border-size));
  padding-bottom: calc(var(--spectrum-button-primary-fill-textonly-text-padding-bottom) - var(--spectrum-button-primary-fill-textonly-border-size));
}

.spectrum-Button.focus-ring:after, .spectrum-Button.is-focused:after {
      box-shadow: 0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) var(--spectrum-button-focus-ring-color);
    }

.spectrum-Button--staticWhite {
  --spectrum-button-focus-ring-color: var(--spectrum-button-m-primary-fill-white-texticon-focus-ring-color-key-focus, var(--spectrum-global-color-static-white));
}

.spectrum-Button--staticBlack {
  --spectrum-button-focus-ring-color: var(--spectrum-button-m-primary-fill-black-texticon-focus-ring-color-key-focus, var(--spectrum-global-color-static-black));
}

@media (forced-colors: active) {
  .spectrum-Button {
    --spectrum-button-m-accent-fill-texticon-background-color: ButtonText;
    --spectrum-button-m-accent-fill-texticon-background-color-down: Highlight;
    --spectrum-button-m-accent-fill-texticon-background-color-hover: Highlight;
    --spectrum-button-m-accent-fill-texticon-background-color-key-focus: Highlight;
    --spectrum-button-m-accent-fill-texticon-text-color: ButtonFace;
    --spectrum-button-m-negative-outline-texticon-background-color: ButtonFace;
    --spectrum-button-m-negative-outline-texticon-background-color-down: ButtonFace;
    --spectrum-button-m-negative-outline-texticon-background-color-hover: ButtonFace;
    --spectrum-button-m-negative-outline-texticon-background-color-key-focus: ButtonFace;
    --spectrum-button-m-negative-outline-texticon-border-color: ButtonText;
    --spectrum-button-m-negative-outline-texticon-border-color-down: Highlight;
    --spectrum-button-m-negative-outline-texticon-border-color-hover: Highlight;
    --spectrum-button-m-negative-outline-texticon-border-color-key-focus: Highlight;
    --spectrum-button-m-negative-outline-texticon-text-color: ButtonText;
    --spectrum-button-m-negative-outline-texticon-text-color-down: ButtonText;
    --spectrum-button-m-negative-outline-texticon-text-color-hover: ButtonText;
    --spectrum-button-m-negative-outline-texticon-text-color-key-focus: ButtonText;
    --spectrum-button-m-primary-outline-texticon-background-color: ButtonFace;
    --spectrum-button-m-primary-outline-texticon-background-color-disabled: ButtonFace;
    --spectrum-button-m-primary-outline-texticon-background-color-down: ButtonFace;
    --spectrum-button-m-primary-outline-texticon-background-color-hover: ButtonFace;
    --spectrum-button-m-primary-outline-texticon-background-color-key-focus: ButtonFace;
    --spectrum-button-m-primary-outline-texticon-border-color: ButtonText;
    --spectrum-button-m-primary-outline-texticon-border-color-disabled: GrayText;
    --spectrum-button-m-primary-outline-texticon-border-color-down: Highlight;
    --spectrum-button-m-primary-outline-texticon-border-color-hover: Highlight;
    --spectrum-button-m-primary-outline-texticon-border-color-key-focus: Highlight;
    --spectrum-button-m-primary-outline-texticon-text-color: ButtonText;
    --spectrum-button-m-primary-outline-texticon-text-color-down: ButtonText;
    --spectrum-button-m-primary-outline-texticon-text-color-hover: ButtonText;
    --spectrum-button-m-primary-outline-texticon-text-color-key-focus: ButtonText;
    --spectrum-button-m-secondary-outline-texticon-background-color: ButtonFace;
    --spectrum-button-m-secondary-outline-texticon-background-color-down: ButtonFace;
    --spectrum-button-m-secondary-outline-texticon-background-color-hover: ButtonFace;
    --spectrum-button-m-secondary-outline-texticon-background-color-key-focus: ButtonFace;
    --spectrum-button-m-secondary-outline-texticon-border-color: ButtonText;
    --spectrum-button-m-secondary-outline-texticon-border-color-down: Highlight;
    --spectrum-button-m-secondary-outline-texticon-border-color-hover: Highlight;
    --spectrum-button-m-secondary-outline-texticon-border-color-key-focus: Highlight;
    --spectrum-button-m-secondary-outline-texticon-text-color: ButtonText;
    --spectrum-button-m-secondary-outline-texticon-text-color-down: ButtonText;
    --spectrum-button-m-secondary-outline-texticon-text-color-hover: ButtonText;
    --spectrum-button-m-secondary-outline-texticon-text-color-key-focus: ButtonText;

  }
      .spectrum-Button.focus-ring:after, .spectrum-Button.is-focused:after {
        box-shadow: 0 0 0 var(--spectrum-button-primary-fill-texticon-focus-ring-size) Highlight;
      }
  .spectrum-Button {
    forced-color-adjust:none;
  }
    .spectrum-Button--overBackground:hover {
      color: ButtonText;
    }
    .spectrum-Button--overBackground.focus-ring {
      color: ButtonText;
    }
    .spectrum-Button--overBackground:active {
      color: ButtonText;
    }
}

.spectrum-Button {
  --spectrum-button-m-accent-fill-texticon-background-color: var(--spectrum-semantic-cta-background-color-default, var(--spectrum-global-color-static-blue-600));
  --spectrum-button-m-accent-fill-texticon-background-color-hover: var(--spectrum-semantic-cta-background-color-hover, var(--spectrum-global-color-static-blue-700));
  --spectrum-button-m-accent-fill-texticon-background-color-down: var(--spectrum-semantic-cta-background-color-down, var(--spectrum-global-color-static-blue-800));
  --spectrum-button-m-accent-fill-texticon-background-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus, var(--spectrum-global-color-static-blue-600));

  --spectrum-button-m-accent-outline-texticon-border-color: var(--spectrum-semantic-cta-background-color-default, var(--spectrum-global-color-static-blue-600));
  --spectrum-button-m-accent-outline-texticon-border-color-hover: var(--spectrum-semantic-cta-background-color-hover, var(--spectrum-global-color-static-blue-700));
  --spectrum-button-m-accent-outline-texticon-border-color-down: var(--spectrum-semantic-cta-background-color-down, var(--spectrum-global-color-static-blue-800));
  --spectrum-button-m-accent-outline-texticon-border-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus, var(--spectrum-global-color-static-blue-600));

  --spectrum-button-m-accent-outline-texticon-icon-color: var(--spectrum-semantic-cta-background-color-default, var(--spectrum-global-color-static-blue-600));
  --spectrum-button-m-accent-outline-texticon-icon-color-hover: var(--spectrum-semantic-cta-background-color-hover, var(--spectrum-global-color-static-blue-700));
  --spectrum-button-m-accent-outline-texticon-icon-color-down: var(--spectrum-semantic-cta-background-color-down, var(--spectrum-global-color-static-blue-800));
  --spectrum-button-m-accent-outline-texticon-icon-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus, var(--spectrum-global-color-static-blue-600));

  --spectrum-button-m-accent-outline-texticon-text-color: var(--spectrum-semantic-cta-background-color-default, var(--spectrum-global-color-static-blue-600));
  --spectrum-button-m-accent-outline-texticon-text-color-hover: var(--spectrum-semantic-cta-background-color-hover, var(--spectrum-global-color-static-blue-700));
  --spectrum-button-m-accent-outline-texticon-text-color-down: var(--spectrum-semantic-cta-background-color-down, var(--spectrum-global-color-static-blue-800));
  --spectrum-button-m-accent-outline-texticon-text-color-key-focus: var(--spectrum-semantic-cta-background-color-key-focus, var(--spectrum-global-color-static-blue-600));
}

.spectrum-Button:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled .spectrum-Icon {
          color: var(--spectrum-button-m-primary-fill-texticon-icon-color-disabled, var(--spectrum-global-color-gray-500))
        }

.spectrum-Button:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled .spectrum-Button-label {
          color: var(--spectrum-button-m-primary-fill-texticon-text-color-disabled, var(--spectrum-global-color-gray-500))
        }

.spectrum-Button.spectrum-Button--staticWhite:disabled .spectrum-Icon {
        color: var(--spectrum-button-m-primary-fill-white-texticon-icon-color-disabled, var(--spectrum-global-color-static-transparent-white-500))
      }

.spectrum-Button.spectrum-Button--staticWhite:disabled .spectrum-Button-label {
        color: var(--spectrum-button-m-primary-fill-white-texticon-text-color-disabled, var(--spectrum-global-color-static-transparent-white-500))
      }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) {
          background-color: var(--spectrum-button-m-primary-fill-white-texticon-background-color, var(--spectrum-global-color-static-white));
        }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Icon {
            color: inherit
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Button-label {
            color: inherit
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) {
          background-color: var(--spectrum-button-m-secondary-fill-white-texticon-background-color, var(--spectrum-global-color-static-transparent-white-300));
        }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Icon {
            color: var(--spectrum-button-m-secondary-fill-white-texticon-icon-color, var(--spectrum-global-color-static-white))
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Button-label {
            color: var(--spectrum-button-m-secondary-fill-white-texticon-text-color, var(--spectrum-global-color-static-white))
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):hover {
            background-color: var(--spectrum-button-m-secondary-fill-white-texticon-background-color-hover, var(--spectrum-global-color-static-transparent-white-400));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):active {
            background-color: var(--spectrum-button-m-secondary-fill-white-texticon-background-color-down, var(--spectrum-global-color-static-transparent-white-500));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):focus-visible {
            background-color: var(--spectrum-button-m-secondary-fill-white-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-white-400))
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled).is-keyboardFocused {
            background-color: var(--spectrum-button-m-secondary-fill-white-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-white-400))
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--fill:disabled {
        background-color: var(--spectrum-button-m-secondary-fill-white-texticon-background-color-disabled, var(--spectrum-global-color-static-transparent-white-200))
      }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(:disabled) .spectrum-Icon {
          color: var(--spectrum-button-m-secondary-outline-white-texticon-icon-color, var(--spectrum-global-color-static-white))
        }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(:disabled) .spectrum-Button-label {
          color: var(--spectrum-button-m-secondary-outline-white-texticon-text-color, var(--spectrum-global-color-static-white))
        }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:disabled {
        border-color: var(--spectrum-button-m-secondary-outline-white-texticon-border-color-disabled, var(--spectrum-global-color-static-transparent-white-200));
        background-color: var(--spectrum-button-m-secondary-outline-white-texticon-background-color-disabled, var(--spectrum-alias-background-color-transparent));
      }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled) {
          border-color: var(--spectrum-button-m-primary-outline-white-texticon-border-color, var(--spectrum-global-color-static-white));
          background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color, var(--spectrum-alias-background-color-transparent));
        }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):hover {
            background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color-hover, var(--spectrum-global-color-static-transparent-white-300));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):active {
            background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color-down, var(--spectrum-global-color-static-transparent-white-400));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):focus-visible {
            background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-white-300));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled).is-keyboardFocused {
            background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-white-300));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled) {
          border-color: var(--spectrum-button-m-secondary-outline-white-texticon-border-color, var(--spectrum-global-color-static-transparent-white-200));
          background-color: var(--spectrum-button-m-secondary-outline-white-texticon-background-color, var(--spectrum-alias-background-color-transparent));
        }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):hover {
            background-color: var(--spectrum-button-m-secondary-outline-white-texticon-background-color-hover, var(--spectrum-global-color-static-transparent-white-300));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):active {
            background-color: var(--spectrum-button-m-secondary-outline-white-texticon-background-color-down, var(--spectrum-global-color-static-transparent-white-400));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):focus-visible {
            background-color: var(--spectrum-button-m-secondary-outline-white-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-white-300));
          }

.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled).is-keyboardFocused {
            background-color: var(--spectrum-button-m-secondary-outline-white-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-white-300));
          }

.spectrum-Button.spectrum-Button--staticBlack:disabled .spectrum-Icon {
        color: var(--spectrum-button-m-primary-fill-black-texticon-icon-color-disabled, var(--spectrum-global-color-static-transparent-black-500))
      }

.spectrum-Button.spectrum-Button--staticBlack:disabled .spectrum-Button-label {
        color: var(--spectrum-button-m-primary-fill-black-texticon-text-color-disabled, var(--spectrum-global-color-static-transparent-black-500))
      }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) {
          background-color: var(--spectrum-button-m-primary-fill-black-texticon-background-color, var(--spectrum-global-color-static-black));
        }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Icon {
            color: inherit
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:not(.spectrum-Button--secondary):not(:disabled) .spectrum-Button-label {
            color: inherit
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) {
          background-color: var(--spectrum-button-m-secondary-fill-black-texticon-background-color, var(--spectrum-global-color-static-transparent-black-300));
        }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Icon {
            color: var(--spectrum-button-m-secondary-fill-black-texticon-icon-color, var(--spectrum-global-color-static-black))
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled) .spectrum-Button-label {
            color: var(--spectrum-button-m-secondary-fill-black-texticon-text-color, var(--spectrum-global-color-static-black))
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):hover {
            background-color: var(--spectrum-button-m-secondary-fill-black-texticon-background-color-hover, var(--spectrum-global-color-static-transparent-black-400))
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):active {
            background-color: var(--spectrum-button-m-secondary-fill-black-texticon-background-color-down, var(--spectrum-global-color-static-transparent-black-500))
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled):focus-visible {
            background-color: var(--spectrum-button-m-secondary-fill-black-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-black-400))
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill.spectrum-Button--secondary:not(:disabled).is-keyboardFocused {
            background-color: var(--spectrum-button-m-secondary-fill-black-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-black-400))
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--fill:disabled {
        background-color: var(--spectrum-button-m-secondary-fill-black-texticon-background-color-disabled, var(--spectrum-global-color-static-transparent-black-200))
      }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(:disabled) .spectrum-Icon {
          color: var(--spectrum-button-m-secondary-outline-black-texticon-icon-color, var(--spectrum-global-color-static-black))
        }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(:disabled) .spectrum-Button-label {
          color: var(--spectrum-button-m-secondary-outline-black-texticon-text-color, var(--spectrum-global-color-static-black))
        }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:disabled {
        border-color: var(--spectrum-button-m-secondary-outline-black-texticon-border-color-disabled, var(--spectrum-global-color-static-transparent-black-200));
        background-color: var(--spectrum-button-m-secondary-outline-black-texticon-background-color-disabled, var(--spectrum-alias-background-color-transparent));
      }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled) {
          border-color: var(--spectrum-button-m-primary-outline-black-texticon-border-color, var(--spectrum-global-color-static-black));
          background-color: var(--spectrum-button-m-primary-outline-black-texticon-background-color, var(--spectrum-alias-background-color-transparent));
        }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):hover {
            background-color: var(--spectrum-button-m-primary-outline-black-texticon-background-color-hover, var(--spectrum-global-color-static-transparent-black-300));
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):active {
            background-color: var(--spectrum-button-m-primary-outline-black-texticon-background-color-down, var(--spectrum-global-color-static-transparent-black-400));
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled):focus-visible {
            background-color: var(--spectrum-button-m-primary-outline-black-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-black-300));
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline:not(.spectrum-Button--secondary):not(:disabled).is-keyboardFocused {
            background-color: var(--spectrum-button-m-primary-outline-black-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-black-300));
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled) {
          border-color: var(--spectrum-button-m-secondary-outline-black-texticon-border-color, var(--spectrum-global-color-static-transparent-black-200));
          background-color: var(--spectrum-button-m-secondary-outline-black-texticon-background-color, var(--spectrum-alias-background-color-transparent));
        }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):hover {
            background-color: var(--spectrum-button-m-secondary-outline-black-texticon-background-color-hover, var(--spectrum-global-color-static-transparent-black-300));
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):active {
            background-color: var(--spectrum-button-m-secondary-outline-black-texticon-background-color-down, var(--spectrum-global-color-static-transparent-black-400));
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled):focus-visible {
            background-color: var(--spectrum-button-m-secondary-outline-black-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-black-300));
          }

.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline.spectrum-Button--secondary:not(:disabled).is-keyboardFocused {
            background-color: var(--spectrum-button-m-secondary-outline-black-texticon-background-color-key-focus, var(--spectrum-global-color-static-transparent-black-300));
          }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-accent-fill-texticon-background-color, var(--spectrum-global-color-static-blue-600));
          }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-accent-fill-texticon-icon-color, var(--spectrum-global-color-static-white));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-accent-fill-texticon-text-color, var(--spectrum-global-color-static-white));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-accent-fill-texticon-background-color-hover, var(--spectrum-global-color-static-blue-700));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-accent-fill-texticon-background-color-down, var(--spectrum-global-color-static-blue-800));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-accent-fill-texticon-background-color-key-focus, var(--spectrum-global-color-static-blue-700));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-accent-fill-texticon-background-color-key-focus, var(--spectrum-global-color-static-blue-700));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-negative-fill-texticon-background-color, var(--spectrum-global-color-static-red-600));
          }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-negative-fill-texticon-icon-color, var(--spectrum-global-color-static-white));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-negative-fill-texticon-text-color, var(--spectrum-global-color-static-white));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-negative-fill-texticon-background-color-hover, var(--spectrum-global-color-static-red-700));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-negative-fill-texticon-background-color-down, var(--spectrum-global-color-static-red-800))
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-negative-fill-texticon-background-color-key-focus, var(--spectrum-global-color-static-red-700))
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-negative-fill-texticon-background-color-key-focus, var(--spectrum-global-color-static-red-700))
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-primary-fill-texticon-background-color, var(--spectrum-global-color-gray-800));
          }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-primary-fill-texticon-icon-color, var(--spectrum-global-color-gray-50));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-primary-fill-texticon-text-color, var(--spectrum-global-color-gray-50));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-primary-fill-texticon-background-color-hover, var(--spectrum-global-color-gray-900))
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-primary-fill-texticon-background-color-down, var(--spectrum-global-color-gray-900))
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-primary-fill-texticon-background-color-key-focus, var(--spectrum-global-color-gray-900))
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-primary-fill-texticon-background-color-key-focus, var(--spectrum-global-color-gray-900))
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-secondary-fill-texticon-background-color, var(--spectrum-global-color-gray-200));
          }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-secondary-fill-texticon-icon-color, var(--spectrum-global-color-gray-800));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-secondary-fill-texticon-background-color-hover, var(--spectrum-global-color-gray-300));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-fill-texticon-icon-color-hover, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-fill-texticon-text-color-hover, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-secondary-fill-texticon-background-color-down, var(--spectrum-global-color-gray-400));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-fill-texticon-icon-color-down, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-fill-texticon-text-color-down, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-secondary-fill-texticon-background-color-key-focus, var(--spectrum-global-color-gray-300));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-fill-texticon-icon-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-fill-texticon-text-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-secondary-fill-texticon-background-color-key-focus, var(--spectrum-global-color-gray-300));
            }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-fill-texticon-icon-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-fill-texticon-text-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--fill.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-secondary-fill-texticon-text-color, var(--spectrum-global-color-gray-800));
            }

.spectrum-Button.spectrum-Button--fill:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled {
          background-color: var(--spectrum-button-m-primary-fill-texticon-background-color-disabled, var(--spectrum-global-color-gray-200));
        }

.spectrum-Button.spectrum-Button--fill:disabled {
      border-color: var(--spectrum-button-m-primary-fill-texticon-border-color-disabled, transparent);
    }

.spectrum-Button.spectrum-Button--fill:not(:disabled) {
      border-color: var(--spectrum-button-m-primary-fill-texticon-border-color, transparent);
    }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-accent-outline-texticon-background-color, var(--spectrum-alias-background-color-transparent));
            border-color: var(--spectrum-button-m-accent-outline-texticon-border-color, var(--spectrum-global-color-blue-500));
          }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-accent-outline-texticon-icon-color, var(--spectrum-global-color-blue-500));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-accent-outline-texticon-background-color-hover, var(--spectrum-alias-transparent-blue-background-color-hover));
              border-color: var(--spectrum-button-m-accent-outline-texticon-border-color-hover, var(--spectrum-global-color-blue-600));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon {
                color: var(--spectrum-button-m-accent-outline-texticon-icon-color-hover, var(--spectrum-global-color-blue-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label {
                color: var(--spectrum-button-m-accent-outline-texticon-text-color-hover, var(--spectrum-global-color-blue-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-accent-outline-texticon-background-color-down, var(--spectrum-alias-transparent-blue-background-color-down));
              border-color: var(--spectrum-button-m-accent-outline-texticon-border-color-down, var(--spectrum-global-color-blue-700));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon {
                color: var(--spectrum-button-m-accent-outline-texticon-icon-color-down, var(--spectrum-global-color-blue-700));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label {
                color: var(--spectrum-button-m-accent-outline-texticon-text-color-down, var(--spectrum-global-color-blue-700));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-accent-outline-texticon-background-color-key-focus, var(--spectrum-alias-transparent-blue-background-color-key-focus));
              border-color: var(--spectrum-button-m-accent-outline-texticon-border-color-key-focus, var(--spectrum-global-color-blue-600));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon {
                color: var(--spectrum-button-m-accent-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-blue-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label {
                color: var(--spectrum-button-m-accent-outline-texticon-text-color-key-focus, var(--spectrum-global-color-blue-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-accent-outline-texticon-background-color-key-focus, var(--spectrum-alias-transparent-blue-background-color-key-focus));
              border-color: var(--spectrum-button-m-accent-outline-texticon-border-color-key-focus, var(--spectrum-global-color-blue-600));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon {
                color: var(--spectrum-button-m-accent-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-blue-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label {
                color: var(--spectrum-button-m-accent-outline-texticon-text-color-key-focus, var(--spectrum-global-color-blue-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--accent:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-accent-outline-texticon-text-color, var(--spectrum-global-color-blue-500));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-negative-outline-texticon-background-color, var(--spectrum-alias-background-color-transparent));
            border-color: var(--spectrum-button-m-negative-outline-texticon-border-color, var(--spectrum-global-color-red-500));
          }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-negative-outline-texticon-icon-color, var(--spectrum-global-color-red-500));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-negative-outline-texticon-background-color-hover, var(--spectrum-alias-transparent-red-background-color-hover));
              border-color: var(--spectrum-button-m-negative-outline-texticon-border-color-hover, var(--spectrum-global-color-red-600));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon {
                color: var(--spectrum-button-m-negative-outline-texticon-icon-color-hover, var(--spectrum-global-color-red-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label {
                color: var(--spectrum-button-m-negative-outline-texticon-text-color-hover, var(--spectrum-global-color-red-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-negative-outline-texticon-background-color-down, var(--spectrum-alias-transparent-red-background-color-down));
              border-color: var(--spectrum-button-m-negative-outline-texticon-border-color-down, var(--spectrum-global-color-red-700));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon {
                color: var(--spectrum-button-m-negative-outline-texticon-icon-color-down, var(--spectrum-global-color-red-700));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label {
                color: var(--spectrum-button-m-negative-outline-texticon-text-color-down, var(--spectrum-global-color-red-700));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-negative-outline-texticon-background-color-key-focus, var(--spectrum-alias-transparent-red-background-color-key-focus));
              border-color: var(--spectrum-button-m-negative-outline-texticon-border-color-key-focus, var(--spectrum-global-color-red-600));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon {
                color: var(--spectrum-button-m-negative-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-red-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label {
                color: var(--spectrum-button-m-negative-outline-texticon-text-color-key-focus, var(--spectrum-global-color-red-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-negative-outline-texticon-background-color-key-focus, var(--spectrum-alias-transparent-red-background-color-key-focus));
              border-color: var(--spectrum-button-m-negative-outline-texticon-border-color-key-focus, var(--spectrum-global-color-red-600));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon {
                color: var(--spectrum-button-m-negative-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-red-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label {
                color: var(--spectrum-button-m-negative-outline-texticon-text-color-key-focus, var(--spectrum-global-color-red-600));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--negative:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-negative-outline-texticon-text-color, var(--spectrum-global-color-red-500));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-primary-outline-texticon-background-color, var(--spectrum-alias-background-color-transparent));
            border-color: var(--spectrum-button-m-primary-outline-texticon-border-color, var(--spectrum-global-color-gray-800));
          }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-primary-outline-texticon-icon-color, var(--spectrum-global-color-gray-800));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-primary-outline-texticon-background-color-hover, var(--spectrum-global-color-gray-300));
              border-color: var(--spectrum-button-m-primary-outline-texticon-border-color-hover, var(--spectrum-global-color-gray-900));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon {
                color: var(--spectrum-button-m-primary-outline-texticon-icon-color-hover, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label {
                color: var(--spectrum-button-m-primary-outline-texticon-text-color-hover, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-primary-outline-texticon-background-color-down, var(--spectrum-global-color-gray-400));
              border-color: var(--spectrum-button-m-primary-outline-texticon-border-color-down, var(--spectrum-global-color-gray-900));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon {
                color: var(--spectrum-button-m-primary-outline-texticon-icon-color-down, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label {
                color: var(--spectrum-button-m-primary-outline-texticon-text-color-down, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-primary-outline-texticon-background-color-key-focus, var(--spectrum-global-color-gray-300));
              border-color: var(--spectrum-button-m-primary-outline-texticon-border-color-key-focus, var(--spectrum-global-color-gray-900));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon {
                color: var(--spectrum-button-m-primary-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label {
                color: var(--spectrum-button-m-primary-outline-texticon-text-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-primary-outline-texticon-background-color-key-focus, var(--spectrum-global-color-gray-300));
              border-color: var(--spectrum-button-m-primary-outline-texticon-border-color-key-focus, var(--spectrum-global-color-gray-900));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon {
                color: var(--spectrum-button-m-primary-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label {
                color: var(--spectrum-button-m-primary-outline-texticon-text-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--primary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-primary-outline-texticon-text-color, var(--spectrum-global-color-gray-800));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) {
            background-color: var(--spectrum-button-m-secondary-outline-texticon-background-color, var(--spectrum-alias-background-color-transparent));
            border-color: var(--spectrum-button-m-secondary-outline-texticon-border-color, var(--spectrum-global-color-gray-300));
          }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Icon {
              color: var(--spectrum-button-m-secondary-outline-texticon-icon-color, var(--spectrum-global-color-gray-800));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover {
              background-color: var(--spectrum-button-m-secondary-outline-texticon-background-color-hover, var(--spectrum-global-color-gray-300));
              border-color: var(--spectrum-button-m-secondary-outline-texticon-border-color-hover, var(--spectrum-global-color-gray-400));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-outline-texticon-icon-color-hover, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):hover .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-outline-texticon-text-color-hover, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active {
              background-color: var(--spectrum-button-m-secondary-outline-texticon-background-color-down, var(--spectrum-global-color-gray-400));
              border-color: var(--spectrum-button-m-secondary-outline-texticon-border-color-down, var(--spectrum-global-color-gray-500));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-outline-texticon-icon-color-down, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):active .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-outline-texticon-text-color-down, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible {
              background-color: var(--spectrum-button-m-secondary-outline-texticon-background-color-key-focus, var(--spectrum-global-color-gray-300));
              border-color: var(--spectrum-button-m-secondary-outline-texticon-border-color-key-focus, var(--spectrum-global-color-gray-400));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled):focus-visible .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-outline-texticon-text-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused {
              background-color: var(--spectrum-button-m-secondary-outline-texticon-background-color-key-focus, var(--spectrum-global-color-gray-300));
              border-color: var(--spectrum-button-m-secondary-outline-texticon-border-color-key-focus, var(--spectrum-global-color-gray-400));
            }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Icon {
                color: var(--spectrum-button-m-secondary-outline-texticon-icon-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled).is-keyboardFocused .spectrum-Button-label {
                color: var(--spectrum-button-m-secondary-outline-texticon-text-color-key-focus, var(--spectrum-global-color-gray-900));
              }

.spectrum-Button.spectrum-Button--outline.spectrum-Button--secondary:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):not(:disabled) .spectrum-Button-label {
              color: var(--spectrum-button-m-secondary-outline-texticon-text-color, var(--spectrum-global-color-gray-800));
            }

.spectrum-Button.spectrum-Button--outline:not(.spectrum-Button--staticWhite):not(.spectrum-Button--staticBlack):disabled {
          border-color: var(--spectrum-button-m-primary-outline-texticon-border-color-disabled, var(--spectrum-global-color-gray-200));
          background-color: var(--spectrum-button-m-primary-outline-texticon-background-color-disabled, var(--spectrum-alias-background-color-transparent));
        }

.spectrum-ButtonGroup {
  --spectrum-buttongroup-button-gap-reset: 0;
}

.spectrum-ButtonGroup {
  display: -ms-flexbox;
  display: flex;
}

.spectrum-ButtonGroup .spectrum-ButtonGroup-item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

[dir="ltr"] .spectrum-ButtonGroup .spectrum-ButtonGroup-item + .spectrum-ButtonGroup-item {
    margin-left: var(--spectrum-buttongroup-button-gap-x, var(--spectrum-global-dimension-static-size-200));
}

[dir="rtl"] .spectrum-ButtonGroup .spectrum-ButtonGroup-item + .spectrum-ButtonGroup-item {
    margin-right: var(--spectrum-buttongroup-button-gap-x, var(--spectrum-global-dimension-static-size-200));
}

.spectrum-ButtonGroup--vertical {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

[dir="ltr"] .spectrum-ButtonGroup--vertical .spectrum-ButtonGroup-item + .spectrum-ButtonGroup-item {
    margin-left: var(--spectrum-buttongroup-button-gap-reset);
}

[dir="rtl"] .spectrum-ButtonGroup--vertical .spectrum-ButtonGroup-item + .spectrum-ButtonGroup-item {
    margin-right: var(--spectrum-buttongroup-button-gap-reset);
}

.spectrum-ButtonGroup--vertical .spectrum-ButtonGroup-item + .spectrum-ButtonGroup-item {
    margin-top: var(--spectrum-buttongroup-button-gap-y, var(--spectrum-global-dimension-static-size-200));
  }

.spectrum-Calendar {
  --spectrum-calendar-border-radius-reset: 0;
  --spectrum-calendar-border-width-reset: 0;
  --spectrum-calendar-margin-y: 24px;
  --spectrum-calendar-margin-x: 32px;
  --spectrum-calendar-width: calc((var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) + var(--spectrum-calendar-day-padding, var(--spectrum-global-dimension-static-size-50)) * 2) * 7);
  --spectrum-calendar-button-gap: var(--spectrum-global-dimension-size-40);
  --spectrum-calendar-title-text-letter-spacing: var(--spectrum-detail-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
}

.spectrum-Calendar {
  width: var(--spectrum-calendar-width, 250px);
  display: inline-block;
}

.spectrum-Calendar--padded {
  margin: var(--spectrum-calendar-margin-x) var(--spectrum-calendar-margin-y);
}

.spectrum-Calendar-header {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}

.spectrum-Calendar-title {
  font-size: var(--spectrum-calendar-title-text-size, var(--spectrum-global-dimension-font-size-300));
  font-weight: bold;

  line-height: var(--spectrum-calendar-title-height, var(--spectrum-global-dimension-static-size-400));
  margin: 0;
  -ms-flex-order: 1;
      order: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;

  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

[dir="ltr"] .spectrum-Calendar .spectrum-Calendar-prevMonth,[dir="ltr"] 
  .spectrum-Calendar .spectrum-Calendar-nextMonth,[dir="rtl"] 
  .spectrum-Calendar .spectrum-Calendar-prevMonth,[dir="rtl"] 
  .spectrum-Calendar .spectrum-Calendar-nextMonth {
    margin: 0 var(--spectrum-calendar-button-gap);
  }

[dir="rtl"] .spectrum-Calendar-prevMonth,[dir="rtl"] 
.spectrum-Calendar-nextMonth { transform: matrix(-1, 0, 0, 1, 0, 0) ; }

.spectrum-Calendar-prevMonth {
  -ms-flex-order: 0;
      order: 0;
}

.spectrum-Calendar-nextMonth {
  -ms-flex-order: 2;
      order: 2;
}

.spectrum-Calendar-dayOfWeek {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  height: 100%;

  width: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));

  border-bottom: none !important;

  font-size: var(--spectrum-calendar-day-title-text-size, var(--spectrum-global-dimension-font-size-50));
  font-weight: var(--spectrum-calendar-day-title-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  text-transform: uppercase;
  text-decoration: none !important;

  cursor: default;
}

.spectrum-Calendar-dayOfWeek[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
    letter-spacing: var(--spectrum-calendar-title-text-letter-spacing);
  }

.spectrum-Calendar-body {
  outline: none;
}

.spectrum-Calendar-table {
  table-layout: fixed;

  border-collapse: collapse;
  border-spacing: 0;

  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.spectrum-Calendar-tableCell {
  text-align: center;
  padding: 0;
  position: relative;
  box-sizing: content-box;
  height: var(--spectrum-calendar-day-height, var(--spectrum-global-dimension-size-400));
  width: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
  padding: var(--spectrum-calendar-day-padding, var(--spectrum-global-dimension-static-size-50));
}

.spectrum-Calendar-tableCell:focus {
    outline: 0;
  }

[dir="ltr"] .spectrum-Calendar-date {
  left: 0;
}

[dir="rtl"] .spectrum-Calendar-date {
  right: 0;
}

.spectrum-Calendar-date {
  position: absolute;
  display: block;
  top: 0;

  box-sizing: border-box;

  height: var(--spectrum-calendar-day-height, var(--spectrum-global-dimension-size-400));
  width: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
  margin: var(--spectrum-calendar-day-padding, var(--spectrum-global-dimension-static-size-50));

  border-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
  border: var(--spectrum-calendar-day-border-size, var(--spectrum-alias-border-size-thick)) solid transparent;

  font-size: var(--spectrum-calendar-day-text-size, var(--spectrum-alias-font-size-default));
  line-height: calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) - var(--spectrum-calendar-day-border-size, var(--spectrum-alias-border-size-thick)) * 2);
  white-space: nowrap;

  cursor: pointer;
}

.spectrum-Calendar-date:lang(ja),
  .spectrum-Calendar-date:lang(zh),
  .spectrum-Calendar-date:lang(ko) {
    font-size: var(--spectrum-calendar-day-text-size-han, var(--spectrum-global-dimension-font-size-50));
  }

.spectrum-Calendar-date.is-disabled {
    cursor: default;
    pointer-events: none;
  }

.spectrum-Calendar-date.is-outsideMonth {
    visibility: hidden;
  }

[dir="ltr"] .spectrum-Calendar-date:before {
    left: calc(50% - var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) / 2);
}

[dir="rtl"] .spectrum-Calendar-date:before {
    right: calc(50% - var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) / 2);
}

.spectrum-Calendar-date:before {
    content: "";
    position: absolute;
    top: calc(50% - var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) / 2);
    box-sizing: border-box;
    width: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
    height: var(--spectrum-calendar-day-height, var(--spectrum-global-dimension-size-400));
    border-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
    border: var(--spectrum-calendar-day-border-size, var(--spectrum-alias-border-size-thick)) solid transparent;
  }

.spectrum-Calendar-date.is-selected:not(.is-range-selection) {
    font-weight: var(--spectrum-calendar-day-text-font-weight-selected, var(--spectrum-global-font-weight-bold));
  }

.spectrum-Calendar-date.is-selected:not(.is-range-selection):before {
      display: none;
    }

.spectrum-Calendar-date.is-today {
    font-weight: var(--spectrum-calendar-day-today-text-font-weight, var(--spectrum-global-font-weight-bold));
  }

.spectrum-Calendar-date.is-range-selection {
    margin: var(--spectrum-calendar-day-padding, var(--spectrum-global-dimension-static-size-50)) 0;
    border-width: var(--spectrum-calendar-border-width-reset);
    line-height: var(--spectrum-calendar-day-height, var(--spectrum-global-dimension-size-400));
    border-radius: var(--spectrum-calendar-border-radius-reset);
    width: calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) + var(--spectrum-calendar-day-padding, var(--spectrum-global-dimension-static-size-50)) * 2);
  }

.spectrum-Calendar-date.is-range-selection.is-range-start,
    .spectrum-Calendar-date.is-range-selection.is-range-end,
    .spectrum-Calendar-date.is-range-selection.is-selection-start,
    .spectrum-Calendar-date.is-range-selection.is-selection-end {
      width: calc(var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400)) + var(--spectrum-calendar-day-padding, var(--spectrum-global-dimension-static-size-50)));
    }

.spectrum-Calendar-date.is-range-selection.is-selection-start,
    .spectrum-Calendar-date.is-range-selection.is-selection-end {
      font-weight: var(--spectrum-calendar-day-text-font-weight-cap-selected, var(--spectrum-global-font-weight-bold));
    }

.spectrum-Calendar-date.is-range-selection.is-selection-start:after, .spectrum-Calendar-date.is-range-selection.is-selection-end:after {
        position: absolute;
        top: 0;

        display: block;

        height: var(--spectrum-calendar-day-height, var(--spectrum-global-dimension-size-400));
        width: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));

        border-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));

        content: "";
      }

[dir="ltr"] .spectrum-Calendar-date.is-range-selection.is-range-start,[dir="ltr"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-start {
      padding-right: var(--spectrum-calendar-day-padding, var(--spectrum-global-dimension-static-size-50));
}

[dir="rtl"] .spectrum-Calendar-date.is-range-selection.is-range-start,[dir="rtl"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-start {
      padding-left: var(--spectrum-calendar-day-padding, var(--spectrum-global-dimension-static-size-50));
}

[dir="ltr"] .spectrum-Calendar-date.is-range-selection.is-range-start,[dir="ltr"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-start {
      margin-left: var(--spectrum-calendar-day-padding, var(--spectrum-global-dimension-static-size-50));
}

[dir="rtl"] .spectrum-Calendar-date.is-range-selection.is-range-start,[dir="rtl"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-start {
      margin-right: var(--spectrum-calendar-day-padding, var(--spectrum-global-dimension-static-size-50));
}

[dir="ltr"] .spectrum-Calendar-date.is-range-selection.is-range-start,[dir="ltr"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-start {
      border-top-left-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
}

[dir="rtl"] .spectrum-Calendar-date.is-range-selection.is-range-start,[dir="rtl"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-start {
      border-top-right-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
}

[dir="ltr"] .spectrum-Calendar-date.is-range-selection.is-range-start,[dir="ltr"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-start {
      border-bottom-left-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
}

[dir="rtl"] .spectrum-Calendar-date.is-range-selection.is-range-start,[dir="rtl"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-start {
      border-bottom-right-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
}

[dir="ltr"] .spectrum-Calendar-date.is-range-selection.is-range-start:before,[dir="ltr"] 
      .spectrum-Calendar-date.is-range-selection.is-range-start:after,[dir="ltr"] 
      .spectrum-Calendar-date.is-range-selection.is-selection-start:before,[dir="ltr"] 
      .spectrum-Calendar-date.is-range-selection.is-selection-start:after {
        left: 0;
}

[dir="rtl"] .spectrum-Calendar-date.is-range-selection.is-range-start:before,[dir="rtl"] 
      .spectrum-Calendar-date.is-range-selection.is-range-start:after,[dir="rtl"] 
      .spectrum-Calendar-date.is-range-selection.is-selection-start:before,[dir="rtl"] 
      .spectrum-Calendar-date.is-range-selection.is-selection-start:after {
        right: 0;
}

[dir="ltr"] .spectrum-Calendar-date.is-range-selection.is-range-end,[dir="ltr"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-end {
      padding-left: var(--spectrum-calendar-day-padding, var(--spectrum-global-dimension-static-size-50));
}

[dir="rtl"] .spectrum-Calendar-date.is-range-selection.is-range-end,[dir="rtl"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-end {
      padding-right: var(--spectrum-calendar-day-padding, var(--spectrum-global-dimension-static-size-50));
}

[dir="ltr"] .spectrum-Calendar-date.is-range-selection.is-range-end,[dir="ltr"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-end {
      margin-right: var(--spectrum-calendar-day-padding, var(--spectrum-global-dimension-static-size-50));
}

[dir="rtl"] .spectrum-Calendar-date.is-range-selection.is-range-end,[dir="rtl"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-end {
      margin-left: var(--spectrum-calendar-day-padding, var(--spectrum-global-dimension-static-size-50));
}

[dir="ltr"] .spectrum-Calendar-date.is-range-selection.is-range-end,[dir="ltr"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-end {
      border-top-right-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
}

[dir="rtl"] .spectrum-Calendar-date.is-range-selection.is-range-end,[dir="rtl"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-end {
      border-top-left-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
}

[dir="ltr"] .spectrum-Calendar-date.is-range-selection.is-range-end,[dir="ltr"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-end {
      border-bottom-right-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
}

[dir="rtl"] .spectrum-Calendar-date.is-range-selection.is-range-end,[dir="rtl"] 
    .spectrum-Calendar-date.is-range-selection.is-selection-end {
      border-bottom-left-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
}

[dir="ltr"] .spectrum-Calendar-date.is-range-selection.is-range-end:before,[dir="ltr"] 
      .spectrum-Calendar-date.is-range-selection.is-range-end:after,[dir="ltr"] 
      .spectrum-Calendar-date.is-range-selection.is-selection-end:before,[dir="ltr"] 
      .spectrum-Calendar-date.is-range-selection.is-selection-end:after {
        left: auto;
}

[dir="rtl"] .spectrum-Calendar-date.is-range-selection.is-range-end:before,[dir="rtl"] 
      .spectrum-Calendar-date.is-range-selection.is-range-end:after,[dir="rtl"] 
      .spectrum-Calendar-date.is-range-selection.is-selection-end:before,[dir="rtl"] 
      .spectrum-Calendar-date.is-range-selection.is-selection-end:after {
        right: auto;
}

[dir="ltr"] .spectrum-Calendar-date.is-range-selection.is-range-end:before,[dir="ltr"] 
      .spectrum-Calendar-date.is-range-selection.is-range-end:after,[dir="ltr"] 
      .spectrum-Calendar-date.is-range-selection.is-selection-end:before,[dir="ltr"] 
      .spectrum-Calendar-date.is-range-selection.is-selection-end:after {
        right: 0;
}

[dir="rtl"] .spectrum-Calendar-date.is-range-selection.is-range-end:before,[dir="rtl"] 
      .spectrum-Calendar-date.is-range-selection.is-range-end:after,[dir="rtl"] 
      .spectrum-Calendar-date.is-range-selection.is-selection-end:before,[dir="rtl"] 
      .spectrum-Calendar-date.is-range-selection.is-selection-end:after {
        left: 0;
}

.spectrum-Calendar-date.is-range-selection.is-selection-start.is-selection-end,
    .spectrum-Calendar-date.is-range-selection.is-selection-start.is-range-end,
    .spectrum-Calendar-date.is-range-selection.is-selection-end.is-range-start,
    .spectrum-Calendar-date.is-range-selection.is-range-start.is-range-end {
      width: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
      border-radius: var(--spectrum-calendar-day-width, var(--spectrum-global-dimension-size-400));
    }

.spectrum-Calendar-prevMonth {
  color: var(--spectrum-calendar-button-icon-color, var(--spectrum-global-color-gray-700));
}

.spectrum-Calendar-nextMonth {
  color: var(--spectrum-calendar-button-icon-color, var(--spectrum-global-color-gray-700));
}

.spectrum-Calendar-dayOfWeek {
  color: var(--spectrum-calendar-day-title-text-color, var(--spectrum-global-color-gray-700));
}

.spectrum-Calendar-date:hover {
    color: var(--spectrum-calendar-day-text-color-hover, var(--spectrum-alias-text-color-hover));
  }

.spectrum-Calendar-date:hover:not(.is-selection-end):not(.is-selection-start):before {
        background: var(--spectrum-calendar-day-background-color-hover, var(--spectrum-alias-highlight-hover));
      }

.spectrum-Calendar-date:hover.is-selected {
      color: var(--spectrum-calendar-day-text-color-selected-hover, var(--spectrum-alias-text-color-hover));
    }

.spectrum-Calendar-date:hover.is-selected:not(.is-selection-end):not(.is-selection-start):before {
          background: var(--spectrum-calendar-day-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
        }

.spectrum-Calendar-date:hover.is-range-selection:before {
        background: var(--spectrum-calendar-day-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
      }

.spectrum-Calendar-date:active {
    background-color: var(--spectrum-calendar-day-background-color-down, var(--spectrum-alias-highlight-down));
  }

.spectrum-Calendar-date.is-selected {
    color: var(--spectrum-calendar-day-text-color-selected, var(--spectrum-alias-text-color-hover));
    background: var(--spectrum-calendar-day-background-color-selected, var(--spectrum-alias-highlight-selected));
  }

.spectrum-Calendar-date.is-selected:not(.is-range-selection) {
    background: var(--spectrum-calendar-day-background-color-cap-selected, var(--spectrum-alias-highlight-selected-hover));
  }

.spectrum-Calendar-date.is-today {
    color: var(--spectrum-calendar-day-today-text-color, var(--spectrum-alias-text-color));
    border-color: var(--spectrum-calendar-day-today-border-color, var(--spectrum-global-color-gray-800));
  }

.spectrum-Calendar-date.is-today:before {
      border-color: var(--spectrum-calendar-day-today-border-color, var(--spectrum-global-color-gray-800));
    }

.spectrum-Calendar-date.is-today:hover.is-selected:not(.is-range-selection):before {
          background: var(--spectrum-calendar-day-today-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
        }

.spectrum-Calendar-date.is-today.is-disabled {
      color: var(--spectrum-calendar-day-today-text-color-disabled, var(--spectrum-alias-text-color-disabled));
      border-color: var(--spectrum-calendar-day-today-border-color-disabled, var(--spectrum-global-color-gray-400));
    }

.spectrum-Calendar-date.is-today.is-disabled:before {
        border-color: var(--spectrum-calendar-day-today-border-color-disabled, var(--spectrum-global-color-gray-400));
      }

.spectrum-Calendar-date.is-focused:not(.is-range-selection) {
    background: var(--spectrum-calendar-day-background-color-key-focus, var(--spectrum-alias-highlight-hover));
    border-color: var(--spectrum-calendar-day-border-color-key-focus, var(--spectrum-alias-focus-color));
    color: var(--spectrum-calendar-day-text-color-key-focus, var(--spectrum-alias-text-color-hover));
  }

.spectrum-Calendar-date.is-focused:not(.is-range-selection).is-today {
      border-color: var(--spectrum-calendar-day-border-color-key-focus, var(--spectrum-alias-focus-color));
    }

.spectrum-Calendar-date.is-focused:not(.is-range-selection):active,
    .spectrum-Calendar-date.is-focused:not(.is-range-selection).is-selected {
      color: var(--spectrum-calendar-day-text-color-selected, var(--spectrum-alias-text-color-hover));
      background: var(--spectrum-calendar-day-background-color-cap-selected, var(--spectrum-alias-highlight-selected-hover));
      border-color: var(--spectrum-calendar-day-border-color-key-focus, var(--spectrum-alias-focus-color));
    }

.spectrum-Calendar-date.is-focused.is-selected:before {
        background: var(--spectrum-calendar-day-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
      }

.spectrum-Calendar-date.is-focused.is-range-selection:before {
        background: var(--spectrum-calendar-day-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
      }

.spectrum-Calendar-date.is-focused:before {
      border-color: var(--spectrum-calendar-day-border-color-key-focus, var(--spectrum-alias-focus-color));
    }

.spectrum-Calendar-date.is-disabled {
    color: var(--spectrum-calendar-day-text-color-disabled, var(--spectrum-alias-text-color-disabled));
  }

.spectrum-Calendar-date.is-selection-start,
  .spectrum-Calendar-date.is-selection-end {
    color: var(--spectrum-calendar-day-text-color-cap-selected, var(--spectrum-alias-text-color-hover));
  }

.spectrum-Calendar-date.is-selection-start:after, .spectrum-Calendar-date.is-selection-end:after {
      background-color: var(--spectrum-calendar-day-background-color-selected, var(--spectrum-alias-highlight-selected));
    }

.spectrum-Calendar-date.is-selection-start.is-disabled, .spectrum-Calendar-date.is-selection-end.is-disabled {
      color: var(--spectrum-calendar-day-text-color-disabled, var(--spectrum-alias-text-color-disabled));
    }

.spectrum-Card--sizeS {
  --spectrum-card-quiet-body-header-margin-top: var(--spectrum-card-s-quiet-body-header-margin-top, var(--spectrum-global-dimension-size-175));
  --spectrum-card-quiet-body-header-height: var(--spectrum-card-s-quiet-body-header-height, var(--spectrum-global-dimension-size-150));
  --spectrum-card-quiet-preview-padding: var(--spectrum-card-s-quiet-preview-padding, var(--spectrum-global-dimension-size-150));
  --spectrum-card-quiet-min-width: var(--spectrum-card-s-quiet-min-width, var(--spectrum-global-dimension-size-1200));
  --spectrum-card-quiet-min-height: var(--spectrum-card-s-quiet-min-height, var(--spectrum-global-dimension-size-900));
  --spectrum-card-quiet-border-radius: var(--spectrum-card-s-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-card-quiet-border-size: var(--spectrum-card-s-quiet-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-card-body-header-height: var(--spectrum-card-s-body-header-height, var(--spectrum-global-dimension-size-150));
  --spectrum-card-body-content-min-height: var(--spectrum-card-s-body-content-min-height, var(--spectrum-global-dimension-size-175));
  --spectrum-card-body-content-margin-top: var(--spectrum-card-s-body-content-margin-top, var(--spectrum-global-dimension-size-75));
  --spectrum-card-body-padding-top: var(--spectrum-card-s-body-padding-top, var(--spectrum-global-dimension-size-250));
  --spectrum-card-body-padding-bottom: var(--spectrum-card-s-body-padding-bottom, var(--spectrum-global-dimension-size-250));
  --spectrum-card-body-padding-left: var(--spectrum-card-s-body-padding-left, var(--spectrum-global-dimension-size-300));
  --spectrum-card-body-padding-right: var(--spectrum-card-s-body-padding-right, var(--spectrum-global-dimension-size-300));
  --spectrum-card-coverphoto-height: var(--spectrum-card-s-coverphoto-height, var(--spectrum-global-dimension-size-1700));
  --spectrum-card-coverphoto-border-bottom-size: var(--spectrum-card-s-coverphoto-border-bottom-size, var(--spectrum-alias-border-size-thin));
  --spectrum-card-checkbox-margin: var(--spectrum-card-s-checkbox-margin, var(--spectrum-global-dimension-size-125));
  --spectrum-card-title-padding-right: var(--spectrum-card-s-title-padding-right, var(--spectrum-global-dimension-size-100));
  --spectrum-card-subtitle-text-size: var(--spectrum-card-s-subtitle-text-size, var(--spectrum-global-dimension-font-size-50));
  --spectrum-card-subtitle-padding-right: var(--spectrum-card-s-subtitle-padding-right, var(--spectrum-global-dimension-size-100));
  --spectrum-card-actions-margin: var(--spectrum-card-s-actions-margin, var(--spectrum-global-dimension-size-125));
  --spectrum-card-footer-padding-top: var(--spectrum-card-s-footer-padding-top, var(--spectrum-global-dimension-size-175));
  --spectrum-card-footer-border-top-size: var(--spectrum-card-s-footer-border-top-size, var(--spectrum-global-dimension-size-10));
  --spectrum-card-min-width: var(--spectrum-card-s-min-width, var(--spectrum-global-dimension-size-1250));
  --spectrum-card-border-radius: var(--spectrum-card-s-border-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-card-border-size: var(--spectrum-card-s-border-size, var(--spectrum-alias-border-size-thin));
}

.spectrum-Card--sizeM {
  --spectrum-card-quiet-body-header-margin-top: var(--spectrum-card-m-quiet-body-header-margin-top, var(--spectrum-global-dimension-size-175));
  --spectrum-card-quiet-body-header-height: var(--spectrum-card-m-quiet-body-header-height, var(--spectrum-global-dimension-size-225));
  --spectrum-card-quiet-preview-padding: var(--spectrum-card-m-quiet-preview-padding, var(--spectrum-global-dimension-size-250));
  --spectrum-card-quiet-min-width: var(--spectrum-card-m-quiet-min-width, var(--spectrum-global-dimension-size-2500));
  --spectrum-card-quiet-min-height: var(--spectrum-card-m-quiet-min-height, var(--spectrum-global-dimension-size-1700));
  --spectrum-card-quiet-border-radius: var(--spectrum-card-m-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-card-quiet-border-size: var(--spectrum-card-m-quiet-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-card-body-header-height: var(--spectrum-card-m-body-header-height, var(--spectrum-global-dimension-size-225));
  --spectrum-card-body-content-min-height: var(--spectrum-card-m-body-content-min-height, var(--spectrum-global-dimension-size-175));
  --spectrum-card-body-content-margin-top: var(--spectrum-card-m-body-content-margin-top, var(--spectrum-global-dimension-size-75));
  --spectrum-card-body-padding-top: var(--spectrum-card-m-body-padding-top, var(--spectrum-global-dimension-size-250));
  --spectrum-card-body-padding-bottom: var(--spectrum-card-m-body-padding-bottom, var(--spectrum-global-dimension-size-250));
  --spectrum-card-body-padding-left: var(--spectrum-card-m-body-padding-left, var(--spectrum-global-dimension-size-300));
  --spectrum-card-body-padding-right: var(--spectrum-card-m-body-padding-right, var(--spectrum-global-dimension-size-300));
  --spectrum-card-coverphoto-height: var(--spectrum-card-m-coverphoto-height, var(--spectrum-global-dimension-size-1700));
  --spectrum-card-coverphoto-border-bottom-size: var(--spectrum-card-m-coverphoto-border-bottom-size, var(--spectrum-alias-border-size-thin));
  --spectrum-card-checkbox-margin: var(--spectrum-card-m-checkbox-margin, var(--spectrum-global-dimension-size-200));
  --spectrum-card-title-padding-right: var(--spectrum-card-m-title-padding-right, var(--spectrum-global-dimension-size-100));
  --spectrum-card-subtitle-text-size: var(--spectrum-card-m-subtitle-text-size, var(--spectrum-global-dimension-font-size-50));
  --spectrum-card-subtitle-padding-right: var(--spectrum-card-m-subtitle-padding-right, var(--spectrum-global-dimension-size-100));
  --spectrum-card-actions-margin: var(--spectrum-card-m-actions-margin, var(--spectrum-global-dimension-size-125));
  --spectrum-card-footer-padding-top: var(--spectrum-card-m-footer-padding-top, var(--spectrum-global-dimension-size-175));
  --spectrum-card-footer-border-top-size: var(--spectrum-card-m-footer-border-top-size, var(--spectrum-global-dimension-size-10));
  --spectrum-card-min-width: var(--spectrum-card-m-min-width, var(--spectrum-global-dimension-size-2500));
  --spectrum-card-border-radius: var(--spectrum-card-m-border-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-card-border-size: var(--spectrum-card-m-border-size, var(--spectrum-alias-border-size-thin));
}

.spectrum-Card {
  position: relative;

  display: -ms-inline-flexbox;

  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;

  box-sizing: border-box;
  min-width: var(--spectrum-card-min-width);

  border: var(--spectrum-card-border-size) solid transparent;
  border-radius: var(--spectrum-card-border-radius);

  text-decoration: none;
}

.spectrum-Card:focus {
    outline: none;
  }

.spectrum-Card.is-focused .spectrum-Card-quickActions,
    .spectrum-Card.is-focused .spectrum-Card-actions,
    .spectrum-Card.is-selected .spectrum-Card-quickActions,
    .spectrum-Card.is-selected .spectrum-Card-actions,
    .spectrum-Card:focus .spectrum-Card-quickActions,
    .spectrum-Card:focus .spectrum-Card-actions,
    .spectrum-Card:hover .spectrum-Card-quickActions,
    .spectrum-Card:hover .spectrum-Card-actions {
      visibility: visible;
      opacity: 1;
      pointer-events: all;
    }

[dir="ltr"] .spectrum-Card-actions {
  right: var(--spectrum-card-actions-margin);
}

[dir="rtl"] .spectrum-Card-actions {
  left: var(--spectrum-card-actions-margin);
}

.spectrum-Card-actions {
  position: absolute;
  top: var(--spectrum-card-actions-margin);
  height: var(--spectrum-quickactions-height, var(--spectrum-global-dimension-size-500));
  visibility: hidden;
}

[dir="ltr"] .spectrum-Card-quickActions {
  left: var(--spectrum-card-checkbox-margin);
}

[dir="rtl"] .spectrum-Card-quickActions {
  right: var(--spectrum-card-checkbox-margin);
}

.spectrum-Card-quickActions {
  position: absolute;
  top: var(--spectrum-card-checkbox-margin);

  width: var(--spectrum-quickactions-height, var(--spectrum-global-dimension-size-500));
  height: var(--spectrum-quickactions-height, var(--spectrum-global-dimension-size-500));

  visibility: hidden;
}

[dir="ltr"] .spectrum-Card-quickActions .spectrum-Checkbox,[dir="rtl"] 
  .spectrum-Card-quickActions .spectrum-Checkbox {
    margin: 0;
  }

.spectrum-Card-coverPhoto {
  height: var(--spectrum-card-coverphoto-height);
  box-sizing: border-box;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;

  border-bottom: var(--spectrum-card-coverphoto-border-bottom-size) solid transparent;
  border-top-left-radius: calc(var(--spectrum-card-border-radius) - 1px);
  border-top-right-radius: calc(var(--spectrum-card-border-radius) - 1px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;

  background-size: cover;
  background-position: center center;
}

[dir="ltr"] .spectrum-Card-body {
  padding-right: var(--spectrum-card-body-padding-right);
}

[dir="rtl"] .spectrum-Card-body {
  padding-left: var(--spectrum-card-body-padding-right);
}

[dir="ltr"] .spectrum-Card-body {
  padding-left: var(--spectrum-card-body-padding-left);
}

[dir="rtl"] .spectrum-Card-body {
  padding-right: var(--spectrum-card-body-padding-left);
}

.spectrum-Card-body {
  padding-top: var(--spectrum-card-body-padding-top);
  padding-bottom: var(--spectrum-card-body-padding-bottom);
}

.spectrum-Card-body:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: var(--spectrum-card-border-radius);
    border-bottom-left-radius: var(--spectrum-card-border-radius);
  }

.spectrum-Card-preview {
  overflow: hidden;
  border-top-left-radius: calc(var(--spectrum-card-border-radius) - 1px);
  border-top-right-radius: calc(var(--spectrum-card-border-radius) - 1px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.spectrum-Card-header {
  height: var(--spectrum-card-body-header-height);
}

.spectrum-Card-content {
  display: -ms-flexbox;
  display: flex;
  height: var(--spectrum-card-body-content-min-height);
  margin-top: var(--spectrum-card-body-content-margin-top);
}

[dir="ltr"] .spectrum-Card-title {
  padding-right: var(--spectrum-card-title-padding-right);
}

[dir="rtl"] .spectrum-Card-title {
  padding-left: var(--spectrum-card-title-padding-right);
}

.spectrum-Card-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

[dir="ltr"] .spectrum-Card-subtitle {
  padding-right: var(--spectrum-card-subtitle-padding-right);
}

[dir="rtl"] .spectrum-Card-subtitle {
  padding-left: var(--spectrum-card-subtitle-padding-right);
}

.spectrum-Card-description {
  font-size: var(--spectrum-card-subtitle-text-size);
}

[dir="ltr"] .spectrum-Card-subtitle + .spectrum-Card-description:before {
  padding-right: var(--spectrum-card-subtitle-padding-right);
}

[dir="rtl"] .spectrum-Card-subtitle + .spectrum-Card-description:before {
  padding-left: var(--spectrum-card-subtitle-padding-right);
}

.spectrum-Card-subtitle + .spectrum-Card-description:before {
  content: "•";
}

[dir="ltr"] .spectrum-Card-footer {
  margin-right: var(--spectrum-card-body-padding-right);
}

[dir="rtl"] .spectrum-Card-footer {
  margin-left: var(--spectrum-card-body-padding-right);
}

[dir="ltr"] .spectrum-Card-footer {
  margin-left: var(--spectrum-card-body-padding-left);
}

[dir="rtl"] .spectrum-Card-footer {
  margin-right: var(--spectrum-card-body-padding-left);
}

.spectrum-Card-footer {
  padding-top: var(--spectrum-card-footer-padding-top);
  padding-bottom: var(--spectrum-card-body-padding-bottom);

  border-top: var(--spectrum-card-footer-border-top-size) solid;
}

.spectrum-Card-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.spectrum-Card-actionButton {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-item-align: center;
      align-self: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.spectrum-Card--quiet .spectrum-Card-preview {
    min-height: var(--spectrum-card-quiet-min-height);
  }

.spectrum-Card--quiet,
.spectrum-Card--gallery {
  height: 100%;
  min-width: var(--spectrum-card-quiet-min-width);
  border-width: 0;
  border-radius: 0;
  overflow: visible;
}

.spectrum-Card--quiet .spectrum-Card-preview, .spectrum-Card--gallery .spectrum-Card-preview {
    width: 100%;
    -ms-flex: 1;
        flex: 1;
    padding: var(--spectrum-card-quiet-preview-padding);
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: var(--spectrum-card-quiet-border-radius);
    position: relative;
    transition: background-color var(--spectrum-global-animation-duration-100, 130ms);
    overflow: visible;
  }

[dir="ltr"] .spectrum-Card--quiet .spectrum-Card-preview:before,[dir="ltr"]  .spectrum-Card--gallery .spectrum-Card-preview:before {
      left: 0;
}

[dir="rtl"] .spectrum-Card--quiet .spectrum-Card-preview:before,[dir="rtl"]  .spectrum-Card--gallery .spectrum-Card-preview:before {
      right: 0;
}

.spectrum-Card--quiet .spectrum-Card-preview:before, .spectrum-Card--gallery .spectrum-Card-preview:before {
      content: '';
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      border-radius: inherit;
      border: var(--spectrum-card-quiet-border-size) solid transparent;
    }

.spectrum-Card--quiet.is-drop-target .spectrum-Card-preview, .spectrum-Card--gallery.is-drop-target .spectrum-Card-preview {
      transition: none;
    }

.spectrum-Card--quiet .spectrum-Card-header, .spectrum-Card--gallery .spectrum-Card-header {
    height: var(--spectrum-card-quiet-body-header-height);
    margin-top: var(--spectrum-card-quiet-body-header-margin-top);
  }

.spectrum-Card--quiet .spectrum-Card-body, .spectrum-Card--gallery .spectrum-Card-body {
    padding: 0;
  }

.spectrum-Card--horizontal {
  -ms-flex-direction: row;
      flex-direction: row;
}

[dir="ltr"] .spectrum-Card--horizontal .spectrum-Card-preview {

    border-top-left-radius: var(--spectrum-card-quiet-border-radius);
}

[dir="rtl"] .spectrum-Card--horizontal .spectrum-Card-preview {

    border-top-right-radius: var(--spectrum-card-quiet-border-radius);
}

[dir="ltr"] .spectrum-Card--horizontal .spectrum-Card-preview {
    border-top-right-radius: 0;
}

[dir="rtl"] .spectrum-Card--horizontal .spectrum-Card-preview {
    border-top-left-radius: 0;
}

[dir="ltr"] .spectrum-Card--horizontal .spectrum-Card-preview {
    border-bottom-left-radius: var(--spectrum-card-quiet-border-radius);
}

[dir="rtl"] .spectrum-Card--horizontal .spectrum-Card-preview {
    border-bottom-right-radius: var(--spectrum-card-quiet-border-radius);
}

[dir="ltr"] .spectrum-Card--horizontal .spectrum-Card-preview {
    border-bottom-right-radius: 0;
}

[dir="rtl"] .spectrum-Card--horizontal .spectrum-Card-preview {
    border-bottom-left-radius: 0;
}

[dir="ltr"] .spectrum-Card--horizontal .spectrum-Card-preview {

    border-right: var(--spectrum-card-border-size) solid transparent;
}

[dir="rtl"] .spectrum-Card--horizontal .spectrum-Card-preview {

    border-left: var(--spectrum-card-border-size) solid transparent;
}

.spectrum-Card--horizontal .spectrum-Card-preview {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    min-height: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;

    padding: var(--spectrum-global-dimension-size-175);
  }

.spectrum-Card--horizontal .spectrum-Card-header,
  .spectrum-Card--horizontal .spectrum-Card-content {
    margin-top: 0;
    height: auto;
  }

[dir="ltr"] .spectrum-Card--horizontal .spectrum-Card-title {
    padding-right: 0;
}

[dir="rtl"] .spectrum-Card--horizontal .spectrum-Card-title {
    padding-left: 0;
}

.spectrum-Card--horizontal .spectrum-Card-body {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;

    padding-top: 0;

    padding-bottom: 0;
    padding-left: var(--spectrum-global-dimension-size-200);
    padding-right: var(--spectrum-global-dimension-size-200);
  }

.spectrum-Card--gallery {
  min-width: 0;
}

.spectrum-Card--gallery .spectrum-Card-preview {
    padding: 0;
    border-radius: 0;
  }

.spectrum-Card {
  border-color: var(--spectrum-card-m-border-color, var(--spectrum-global-color-gray-200));
  background-color: var(--spectrum-card-m-background-color, var(--spectrum-global-color-gray-50));
}

.spectrum-Card:hover {
    border-color: var(--spectrum-card-m-border-color-hover, var(--spectrum-global-color-gray-400));
  }

.spectrum-Card.is-selected,
  .spectrum-Card.focus-ring {
    border-color: var(--spectrum-card-m-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
    box-shadow: 0 0 0 1px var(--spectrum-card-m-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
  }

.spectrum-Card.is-drop-target {
    border-color: var(--spectrum-card-m-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
    box-shadow: 0 0 0 1px var(--spectrum-card-m-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
    background-color: var(--spectrum-alias-highlight-selected);
  }

.spectrum-Card .spectrum-Card-subtitle {
    color: var(--spectrum-card-m-description-text-color, var(--spectrum-global-color-gray-700));
  }

.spectrum-Card-description {
  color: var(--spectrum-card-m-description-text-color, var(--spectrum-global-color-gray-700));
}

.spectrum-Card-coverPhoto {
  background-color: var(--spectrum-card-m-coverphoto-background-color, var(--spectrum-global-color-gray-200));
  border-bottom-color: var(--spectrum-card-m-coverphoto-border-color, var(--spectrum-global-color-gray-200));
}

.spectrum-Card-footer {
  border-color: var(--spectrum-card-m-border-color, var(--spectrum-global-color-gray-200));
}

.spectrum-Card--quiet,
.spectrum-Card--gallery {
  border-color: transparent;
  background-color: transparent;
}

.spectrum-Card--quiet .spectrum-Card-preview, .spectrum-Card--gallery .spectrum-Card-preview {
    background-color: var(--spectrum-card-m-quiet-preview-background-color, var(--spectrum-global-color-gray-200));
  }

.spectrum-Card--quiet:hover, .spectrum-Card--gallery:hover {
    border-color: transparent;
  }

.spectrum-Card--quiet:hover .spectrum-Card-preview, .spectrum-Card--gallery:hover .spectrum-Card-preview {
      background-color: var(--spectrum-card-m-quiet-preview-background-color-hover, var(--spectrum-global-color-gray-300));
    }

.spectrum-Card--quiet.is-selected,
  .spectrum-Card--quiet.focus-ring,
  .spectrum-Card--gallery.is-selected,
  .spectrum-Card--gallery.focus-ring {
    border-color: transparent;
    box-shadow: none;
  }

.spectrum-Card--quiet.is-selected .spectrum-Card-preview, .spectrum-Card--quiet.focus-ring .spectrum-Card-preview, .spectrum-Card--gallery.is-selected .spectrum-Card-preview, .spectrum-Card--gallery.focus-ring .spectrum-Card-preview {
      background-color: var(--spectrum-card-m-quiet-preview-background-color, var(--spectrum-global-color-gray-200));
    }

.spectrum-Card--quiet.is-selected .spectrum-Card-preview:before, .spectrum-Card--quiet.focus-ring .spectrum-Card-preview:before, .spectrum-Card--gallery.is-selected .spectrum-Card-preview:before, .spectrum-Card--gallery.focus-ring .spectrum-Card-preview:before {
        border-color: var(--spectrum-card-m-quiet-border-color-selected, var(--spectrum-global-color-blue-500));
        box-shadow: 0 0 0 1px var(--spectrum-card-m-quiet-border-color-selected, var(--spectrum-global-color-blue-500));
      }

.spectrum-Card--quiet.is-drop-target, .spectrum-Card--gallery.is-drop-target {
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
  }

.spectrum-Card--quiet.is-drop-target .spectrum-Card-preview, .spectrum-Card--gallery.is-drop-target .spectrum-Card-preview {
      background-color: var(--spectrum-alias-highlight-selected);
    }

.spectrum-Card--quiet.is-drop-target .spectrum-Card-preview:before, .spectrum-Card--gallery.is-drop-target .spectrum-Card-preview:before {
        border-color: var(--spectrum-card-m-quiet-border-color-selected, var(--spectrum-global-color-blue-500));
        box-shadow: 0 0 0 1px var(--spectrum-card-m-quiet-border-color-selected, var(--spectrum-global-color-blue-500));
      }

.spectrum-Card--quiet.is-drop-target .spectrum-Asset-folderBackground,
    .spectrum-Card--quiet.is-drop-target .spectrum-Asset-fileBackground,
    .spectrum-Card--gallery.is-drop-target .spectrum-Asset-folderBackground,
    .spectrum-Card--gallery.is-drop-target .spectrum-Asset-fileBackground {
      fill: var(--spectrum-alias-highlight-selected);
    }

.spectrum-Card--quiet.is-drop-target .spectrum-Asset-folderOutline,
    .spectrum-Card--quiet.is-drop-target .spectrum-Asset-fileOutline,
    .spectrum-Card--gallery.is-drop-target .spectrum-Asset-folderOutline,
    .spectrum-Card--gallery.is-drop-target .spectrum-Asset-fileOutline {
      fill: var(--spectrum-card-m-quiet-border-color-selected, var(--spectrum-global-color-blue-500));
    }

.spectrum-Card--quiet .spectrum-Card-title, .spectrum-Card--gallery .spectrum-Card-title {
    color: var(--spectrum-card-m-quiet-title-text-color, var(--spectrum-global-color-gray-800));
  }

.spectrum-Card--quiet .spectrum-Card-subtitle, .spectrum-Card--gallery .spectrum-Card-subtitle {
    color: var(--spectrum-card-m-quiet-subtitle-text-color, var(--spectrum-global-color-gray-700));
  }

.spectrum-Card--horizontal:hover .spectrum-Card-preview {
      border-color: var(--spectrum-card-m-border-color-hover, var(--spectrum-global-color-gray-400));
    }

.spectrum-Card--horizontal .spectrum-Card-preview {
    background-color: var(--spectrum-card-m-quiet-preview-background-color, var(--spectrum-global-color-gray-200));

    border-color: var(--spectrum-card-m-border-color, var(--spectrum-global-color-gray-200));
  }

.spectrum-Checkbox {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;

  position: relative;

  min-height: var(--spectrum-checkbox-height);
  max-width: 100%;

  vertical-align: top;
}

.spectrum-Checkbox-input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
  box-sizing: border-box;
  padding: 0;

  position: absolute;
  width: 100%;
  height: 100%;

  opacity: .0001;
  z-index: 1;

  cursor: pointer;
}

.spectrum-Checkbox-input:disabled {
    cursor: default;
  }

.spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before {
      border-width: calc(var(--spectrum-checkbox-box-size) / 2);
    }

.spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-checkmark {
      transform: scale(1);
      opacity: 1;
    }

.spectrum-Checkbox-input.focus-ring + .spectrum-Checkbox-box:after {
        margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
      }

.spectrum-Checkbox--sizeS {
  --spectrum-checkbox-box-border-radius: var(--spectrum-checkbox-s-box-border-radius, var(--spectrum-alias-border-radius-small));
  --spectrum-checkbox-box-border-size: var(--spectrum-checkbox-s-box-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-checkbox-box-size: var(--spectrum-checkbox-s-box-size, var(--spectrum-alias-control-two-size-s));
  --spectrum-checkbox-text-size: var(--spectrum-checkbox-s-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-checkbox-text-gap: var(--spectrum-checkbox-s-text-gap, var(--spectrum-global-dimension-size-115));
  --spectrum-checkbox-text-padding-top: var(--spectrum-checkbox-s-text-padding-top, var(--spectrum-global-dimension-static-size-50));
  --spectrum-checkbox-text-font-style: var(--spectrum-checkbox-s-text-font-style, var(--spectrum-global-font-style-regular));
  --spectrum-checkbox-text-font-weight: var(--spectrum-checkbox-s-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-checkbox-text-line-height: var(--spectrum-checkbox-s-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-checkbox-checkmark-size: var(--spectrum-checkbox-s-checkmark-size, var(--spectrum-alias-ui-icon-checkmark-size-75));
  --spectrum-checkbox-height: var(--spectrum-checkbox-s-height, var(--spectrum-global-dimension-size-300));
}

.spectrum-Checkbox--sizeM {
  --spectrum-checkbox-box-border-radius: var(--spectrum-checkbox-m-box-border-radius, var(--spectrum-alias-border-radius-small));
  --spectrum-checkbox-box-border-size: var(--spectrum-checkbox-m-box-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-checkbox-box-size: var(--spectrum-checkbox-m-box-size, var(--spectrum-alias-control-two-size-m));
  --spectrum-checkbox-text-size: var(--spectrum-checkbox-m-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-checkbox-text-gap: var(--spectrum-checkbox-m-text-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-checkbox-text-padding-top: var(--spectrum-checkbox-m-text-padding-top, var(--spectrum-global-dimension-size-75));
  --spectrum-checkbox-text-font-style: var(--spectrum-checkbox-m-text-font-style, var(--spectrum-global-font-style-regular));
  --spectrum-checkbox-text-font-weight: var(--spectrum-checkbox-m-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-checkbox-text-line-height: var(--spectrum-checkbox-m-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-checkbox-checkmark-size: var(--spectrum-checkbox-m-checkmark-size, var(--spectrum-alias-ui-icon-checkmark-size-100));
  --spectrum-checkbox-height: var(--spectrum-checkbox-m-height, var(--spectrum-global-dimension-size-400));
}

.spectrum-Checkbox--sizeL {
  --spectrum-checkbox-text-padding-top: var(--spectrum-checkbox-l-text-padding-top);
  --spectrum-checkbox-box-border-radius: var(--spectrum-checkbox-l-box-border-radius, var(--spectrum-alias-border-radius-small));
  --spectrum-checkbox-box-border-size: var(--spectrum-checkbox-l-box-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-checkbox-box-size: var(--spectrum-checkbox-l-box-size, var(--spectrum-alias-control-two-size-l));
  --spectrum-checkbox-text-size: var(--spectrum-checkbox-l-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-checkbox-text-gap: var(--spectrum-checkbox-l-text-gap, var(--spectrum-global-dimension-size-130));
  --spectrum-checkbox-text-font-style: var(--spectrum-checkbox-l-text-font-style, var(--spectrum-global-font-style-regular));
  --spectrum-checkbox-text-font-weight: var(--spectrum-checkbox-l-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-checkbox-text-line-height: var(--spectrum-checkbox-l-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-checkbox-checkmark-size: var(--spectrum-checkbox-l-checkmark-size, var(--spectrum-alias-ui-icon-checkmark-size-200));
  --spectrum-checkbox-height: var(--spectrum-checkbox-l-height, var(--spectrum-global-dimension-size-500));
}

.spectrum-Checkbox--sizeXL {
  --spectrum-checkbox-box-border-radius: var(--spectrum-checkbox-xl-box-border-radius, var(--spectrum-alias-border-radius-small));
  --spectrum-checkbox-box-border-size: var(--spectrum-checkbox-xl-box-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-checkbox-box-size: var(--spectrum-checkbox-xl-box-size, var(--spectrum-alias-control-two-size-xl));
  --spectrum-checkbox-text-size: var(--spectrum-checkbox-xl-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-checkbox-text-gap: var(--spectrum-checkbox-xl-text-gap, var(--spectrum-global-dimension-size-160));
  --spectrum-checkbox-text-padding-top: var(--spectrum-checkbox-xl-text-padding-top, var(--spectrum-global-dimension-size-150));
  --spectrum-checkbox-text-font-style: var(--spectrum-checkbox-xl-text-font-style, var(--spectrum-global-font-style-regular));
  --spectrum-checkbox-text-font-weight: var(--spectrum-checkbox-xl-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-checkbox-text-line-height: var(--spectrum-checkbox-xl-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-checkbox-checkmark-size: var(--spectrum-checkbox-xl-checkmark-size, var(--spectrum-alias-ui-icon-checkmark-size-300));
  --spectrum-checkbox-height: var(--spectrum-checkbox-xl-height, var(--spectrum-global-dimension-size-600));
}

.spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box:before, .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before {
      border-width: calc(var(--spectrum-checkbox-box-size) / 2);
    }

.spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box .spectrum-Checkbox-checkmark, .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-checkmark {
      display: none;
    }

.spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box .spectrum-Checkbox-partialCheckmark, .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-partialCheckmark {
      display: block;

      transform: scale(1);
      opacity: 1;
    }

[dir="ltr"] .spectrum-Checkbox-label {
  text-align: left;
}

[dir="rtl"] .spectrum-Checkbox-label {
  text-align: right;
}

[dir="ltr"] .spectrum-Checkbox-label {
  margin-left: var(--spectrum-checkbox-text-gap);
}

[dir="rtl"] .spectrum-Checkbox-label {
  margin-right: var(--spectrum-checkbox-text-gap);
}

.spectrum-Checkbox-label {
  margin-top: var(--spectrum-checkbox-text-padding-top);

  font-size: var(--spectrum-checkbox-text-size);
  font-weight: var(--spectrum-checkbox-text-font-weight);
  font-style: var(--spectrum-checkbox-text-font-style);
  line-height: var(--spectrum-checkbox-text-line-height);

  transition: color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
}

.spectrum-Checkbox-box {
  position: relative;
  box-sizing: border-box;
  width: var(--spectrum-checkbox-box-size);
  height: var(--spectrum-checkbox-box-size);
  margin: calc((var(--spectrum-checkbox-height) - var(--spectrum-checkbox-box-size)) / 2) 0;

  -ms-flex-positive: 0;

      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.spectrum-Checkbox-box:before {
    display: block;
    z-index: 0;
    content: '';
    box-sizing: border-box;
    position: absolute;

    width: var(--spectrum-checkbox-box-size);
    height: var(--spectrum-checkbox-box-size);

    border-radius: var(--spectrum-checkbox-box-border-radius);
    border-width: var(--spectrum-checkbox-box-border-size);
    border-style: solid;

    transition: border var(--spectrum-global-animation-duration-100, 130ms) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  }

.spectrum-Checkbox-box:after {
    border-radius: calc(var(--spectrum-checkbox-box-border-radius) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));

    transition: box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-out,
                margin var(--spectrum-global-animation-duration-100, 130ms) ease-out;
    transform: translate(0, 0);
  }

[dir="ltr"] .spectrum-Checkbox-checkmark,[dir="ltr"] 
.spectrum-Checkbox-partialCheckmark {
  left: 50%;
}

[dir="rtl"] .spectrum-Checkbox-checkmark,[dir="rtl"] 
.spectrum-Checkbox-partialCheckmark {
  right: 50%;
}

.spectrum-Checkbox-checkmark,
.spectrum-Checkbox-partialCheckmark {
  position: absolute;
  top: 50%;

  opacity: 0;
  transform: scale(0);

  transition: opacity var(--spectrum-global-animation-duration-100, 130ms) ease-in-out, transform var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
}

[dir="ltr"] .spectrum-Checkbox-checkmark {
  margin-left: calc(var(--spectrum-checkbox-checkmark-size) / -2);
}

[dir="rtl"] .spectrum-Checkbox-checkmark {
  margin-right: calc(var(--spectrum-checkbox-checkmark-size) / -2);
}

.spectrum-Checkbox-checkmark {
  margin-top: calc(var(--spectrum-checkbox-checkmark-size) / -2);
}

[dir="ltr"] .spectrum-Checkbox-partialCheckmark {
  margin-left: calc(var(--spectrum-checkbox-checkmark-size) / -2);
}

[dir="rtl"] .spectrum-Checkbox-partialCheckmark {
  margin-right: calc(var(--spectrum-checkbox-checkmark-size) / -2);
}

.spectrum-Checkbox-partialCheckmark {
  margin-top: calc(var(--spectrum-checkbox-checkmark-size) / -2);
}

.spectrum-Checkbox-partialCheckmark {
  display: none;
}

.spectrum-Checkbox {
  color: var(--spectrum-checkbox-m-text-color, var(--spectrum-alias-component-text-color-default));
}

.spectrum-Checkbox-checkmark,
.spectrum-Checkbox-partialCheckmark {
  color: var(--spectrum-checkbox-m-checkmark-color, var(--spectrum-alias-toggle-icon-color-selected));
}

.spectrum-Checkbox-box:before {
    forced-color-adjust: none;
    border-color: var(--spectrum-checkbox-m-box-border-color, var(--spectrum-alias-toggle-border-color-default));
    background-color: var(--spectrum-checkbox-m-box-background-color, var(--spectrum-global-color-gray-75));
  }

.spectrum-Checkbox-label {
  color: var(--spectrum-checkbox-m-text-color, var(--spectrum-alias-component-text-color-default));
}

.spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box:before, .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before {
    border-color: var(--spectrum-checkbox-m-box-border-color-selected, var(--spectrum-alias-toggle-background-color-default));
  }

.spectrum-Checkbox:hover.is-indeterminate .spectrum-Checkbox-box:before, .spectrum-Checkbox:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before {
      border-color: var(--spectrum-checkbox-m-box-border-color-selected-hover, var(--spectrum-alias-toggle-background-color-hover));
    }

.spectrum-Checkbox:active.is-indeterminate .spectrum-Checkbox-box:before, .spectrum-Checkbox:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before {
      border-color: var(--spectrum-checkbox-m-box-border-color-selected-down, var(--spectrum-alias-toggle-background-color-down));
    }

.spectrum-Checkbox {
  border-color: var(--spectrum-checkbox-m-box-border-color, var(--spectrum-alias-toggle-border-color-default));
}

.spectrum-Checkbox:hover .spectrum-Checkbox-box:before {
        border-color: var(--spectrum-checkbox-m-box-border-color-hover, var(--spectrum-alias-toggle-border-color-hover));
      }

.spectrum-Checkbox:hover .spectrum-Checkbox-label {
      color: var(--spectrum-checkbox-m-text-color-hover, var(--spectrum-alias-component-text-color-hover));
    }

.spectrum-Checkbox:active .spectrum-Checkbox-box:before {
        border-color: var(--spectrum-checkbox-m-box-border-color-down, var(--spectrum-alias-toggle-border-color-down));
      }

.spectrum-Checkbox:active .spectrum-Checkbox-label {
      color: var(--spectrum-checkbox-m-text-color-down, var(--spectrum-alias-component-text-color-down));
    }

.spectrum-Checkbox .spectrum-Checkbox-input:disabled + .spectrum-Checkbox-box:before, .spectrum-Checkbox .spectrum-Checkbox-input:checked:disabled + .spectrum-Checkbox-box:before {
      border-color: var(--spectrum-checkbox-m-box-border-color-disabled, var(--spectrum-global-color-gray-400));
      background-color: var(--spectrum-checkbox-m-box-background-color-disabled, var(--spectrum-global-color-gray-75));
    }

.spectrum-Checkbox .spectrum-Checkbox-input:disabled ~ .spectrum-Checkbox-label, .spectrum-Checkbox .spectrum-Checkbox-input:checked:disabled ~ .spectrum-Checkbox-label {
    forced-color-adjust: none;
    color: var(--spectrum-checkbox-m-text-color-disabled, var(--spectrum-alias-component-text-color-disabled));
  }

.spectrum-Checkbox-input.focus-ring + .spectrum-Checkbox-box:before {
      border-color: var(--spectrum-checkbox-m-box-border-color-key-focus, var(--spectrum-alias-toggle-border-color-key-focus));
    }

.spectrum-Checkbox-input.focus-ring + .spectrum-Checkbox-box:after {
      forced-color-adjust:none;
      box-shadow: 0 0 0 var(--spectrum-checkbox-m-focus-ring-size, var(--spectrum-alias-focus-ring-size))
        var(--spectrum-checkbox-m-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
    }

.spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input.focus-ring + .spectrum-Checkbox-box:before, .spectrum-Checkbox-input:checked.focus-ring + .spectrum-Checkbox-box:before {
        border-color: var(--spectrum-checkbox-m-box-border-color-selected-key-focus, var(--spectrum-alias-toggle-background-color-key-focus));
      }

.spectrum-Checkbox-input.focus-ring ~ .spectrum-Checkbox-label {
    color: var(--spectrum-checkbox-m-text-color-key-focus, var(--spectrum-alias-component-text-color-key-focus));
  }

.spectrum-Checkbox--emphasized
  .spectrum-Checkbox-input:checked
  + .spectrum-Checkbox-box:before, .spectrum-Checkbox--emphasized.is-indeterminate .spectrum-Checkbox-box:before, .spectrum-Checkbox--emphasized.is-indeterminate
  .spectrum-Checkbox-input.focus-ring
  + .spectrum-Checkbox-box:before {
    border-color: var(--spectrum-checkbox-m-emphasized-box-border-color-selected, var(--spectrum-alias-toggle-background-color-emphasized-selected-default));
  }

.spectrum-Checkbox--emphasized:hover.is-indeterminate .spectrum-Checkbox-box:before, .spectrum-Checkbox--emphasized:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before {
      border-color: var(--spectrum-checkbox-m-emphasized-box-border-color-selected-hover, var(--spectrum-alias-toggle-background-color-emphasized-selected-hover));
    }

.spectrum-Checkbox--emphasized:active.is-indeterminate .spectrum-Checkbox-box:before, .spectrum-Checkbox--emphasized:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before {
      border-color: var(--spectrum-checkbox-m-emphasized-box-border-color-selected-down, var(--spectrum-alias-toggle-background-color-emphasized-selected-down));
    }

.spectrum-Checkbox.is-invalid .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before, .spectrum-Checkbox.is-invalid .spectrum-Checkbox-box:before {
      border-color: var(--spectrum-checkbox-m-box-border-color-error, var(--spectrum-global-color-red-500));
    }

.spectrum-Checkbox.is-invalid .spectrum-Checkbox-label {
    color: var(--spectrum-checkbox-m-text-color-error, var(--spectrum-alias-component-text-color-error-default));
  }

.spectrum-Checkbox.is-invalid.is-indeterminate .spectrum-Checkbox-input.focus-ring + .spectrum-Checkbox-box:before, .spectrum-Checkbox.is-invalid .spectrum-Checkbox-input.focus-ring + .spectrum-Checkbox-box:before {
        border-color: var(--spectrum-checkbox-m-box-border-color-error-hover, var(--spectrum-global-color-red-600));
      }

.spectrum-Checkbox.is-invalid.is-indeterminate .spectrum-Checkbox-input.focus-ring ~ .spectrum-Checkbox-label, .spectrum-Checkbox.is-invalid .spectrum-Checkbox-input.focus-ring ~ .spectrum-Checkbox-label {
      color: var(--spectrum-checkbox-m-text-color-error-hover, var(--spectrum-alias-component-text-color-error-hover));
    }

.spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before, .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-box:before {
        border-color: var(--spectrum-checkbox-m-box-border-color-error-hover, var(--spectrum-global-color-red-600));
      }

.spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-label {
      color: var(--spectrum-checkbox-m-text-color-error-hover, var(--spectrum-alias-component-text-color-error-hover));
    }

.spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before, .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-box:before {
        border-color: var(--spectrum-checkbox-m-box-border-color-error-down, var(--spectrum-global-color-red-700));
      }

.spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-label {
      color: var(--spectrum-checkbox-m-text-color-error-down, var(--spectrum-alias-component-text-color-error-down));
    }

@media (forced-colors: active) {
    .spectrum-Checkbox-input.focus-ring + .spectrum-Checkbox-box {
      forced-color-adjust: none;
      outline-color: var(--spectrum-checkbox-m-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
      outline-style: auto;
      outline-offset: var(--spectrum-checkbox-m-focus-ring-gap-key-focus, var(--spectrum-alias-focus-ring-gap));
      outline-width: var(--spectrum-checkbox-m-focus-ring-size, var(--spectrum-alias-focus-ring-size));
    }
  .spectrum-Checkbox {
    --spectrum-checkbox-m-box-background-color-disabled: ButtonFace;
    --spectrum-checkbox-m-box-background-color: ButtonFace;
    --spectrum-checkbox-m-box-border-color-disabled: GrayText;
    --spectrum-checkbox-m-box-border-color-down: Highlight;
    --spectrum-checkbox-m-box-border-color-error-down: Highlight;
    --spectrum-checkbox-m-box-border-color-hover: Highlight;
    --spectrum-checkbox-m-box-border-color-key-focus: Highlight;
    --spectrum-checkbox-m-box-border-color-selected-down: Highlight;
    --spectrum-checkbox-m-box-border-color-selected-hover: Highlight;
    --spectrum-checkbox-m-box-border-color-selected-key-focus: Highlight;
    --spectrum-checkbox-m-box-border-color-selected: Highlight;
    --spectrum-checkbox-m-box-border-color: ButtonText;
    --spectrum-checkbox-m-emphasized-box-border-color-selected-down: Highlight;
    --spectrum-checkbox-m-emphasized-box-border-color-selected-hover: Highlight;
    --spectrum-checkbox-m-emphasized-box-border-color-selected: Highlight;
    --spectrum-checkbox-m-focus-ring-color-key-focus: FieldText;
    --spectrum-checkbox-m-text-color-disabled: GrayText;
    --spectrum-checkbox-m-text-color-down: FieldText;
    --spectrum-checkbox-m-text-color-error-down: FieldText;
    --spectrum-checkbox-m-text-color-error-hover: FieldText;
    --spectrum-checkbox-m-checkmark-color: HighlightText;
    --spectrum-checkbox-m-focus-ring-gap-key-focus: var(--spectrum-global-dimension-static-size-25, 2px);
    --spectrum-checkbox-m-focus-ring-size: var(--spectrum-global-dimension-static-size-40, 3px);
    --spectrum-checkbox-m-box-border-color-error: FieldText;
    --spectrum-checkbox-m-box-border-color-error-hover: FieldText;
    --spectrum-checkbox-m-text-color-error: FieldText;
    --spectrum-checkbox-m-text-color-hover: FieldText;
    --spectrum-checkbox-m-text-color-key-focus: FieldText;
    --spectrum-checkbox-m-text-color: FieldText;
  }
        .spectrum-Checkbox.is-invalid .spectrum-Checkbox-box:before {
          border-color: var(--spectrum-checkbox-m-box-border-color, var(--spectrum-alias-toggle-border-color-default));
        }
          .spectrum-Checkbox.is-invalid.is-indeterminate .spectrum-Checkbox-box:before {
            border-color: var(--spectrum-checkbox-m-box-border-color-error, var(--spectrum-global-color-red-500));
          }
        .spectrum-Checkbox.is-invalid .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box:before {
          border-color: var(--spectrum-checkbox-m-box-border-color-error, var(--spectrum-global-color-red-500));
        }
}

.spectrum-ClearButton {
  position: relative;

  display: -ms-inline-flexbox;

  display: inline-flex;
  box-sizing: border-box;

  -ms-flex-align: center;

      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: visible;
  margin: 0;

  border-style: solid;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: button;
  vertical-align: top;

  transition: background var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    border-color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-out;

  text-decoration: none;
  font-family: var(--spectrum-alias-body-text-font-family, var(--spectrum-global-font-family-base));

  line-height: var(--spectrum-alias-component-text-line-height, var(--spectrum-global-font-line-height-small));

  -ms-user-select: none;

      user-select: none;
  -webkit-user-select: none;

  cursor: pointer;
}

.spectrum-ClearButton:focus {
    outline: none;
  }

.spectrum-ClearButton::-moz-focus-inner {
    border: 0;
    border-style: none;
    padding: 0;
    margin-top: -2px;
    margin-bottom: -2px;
  }

.spectrum-ClearButton:disabled {
    cursor: default;
  }

.spectrum-ClearButton {

  border-radius: 100%;

  background-color: transparent;
  padding: var(--spectrum-clearbutton-padding);
  margin: 0;

  border: none;
}

.spectrum-ClearButton > .spectrum-Icon {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

.spectrum-ClearButton--sizeS {
  --spectrum-clearbutton-fill-uiicon-color-disabled: var(--spectrum-clearbutton-s-fill-uiicon-color-disabled, var(--spectrum-alias-component-icon-color-disabled));
  --spectrum-clearbutton-fill-background-color-disabled: var(--spectrum-clearbutton-s-fill-background-color-disabled, var(--spectrum-alias-background-color-transparent));
  --spectrum-clearbutton-fill-uiicon-color: var(--spectrum-clearbutton-s-fill-uiicon-color, var(--spectrum-alias-component-icon-color-default));
  --spectrum-clearbutton-fill-background-color: var(--spectrum-clearbutton-s-fill-background-color, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default));
  --spectrum-clearbutton-fill-uiicon-color-down: var(--spectrum-clearbutton-s-fill-uiicon-color-down, var(--spectrum-alias-component-icon-color-down));
  --spectrum-clearbutton-fill-background-color-down: var(--spectrum-clearbutton-s-fill-background-color-down, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down));
  --spectrum-clearbutton-fill-background-color-hover: var(--spectrum-clearbutton-s-fill-background-color-hover, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover));
  --spectrum-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-clearbutton-s-fill-uiicon-color-key-focus, var(--spectrum-alias-component-icon-color-key-focus));
  --spectrum-clearbutton-fill-background-color-key-focus: var(--spectrum-clearbutton-s-fill-background-color-key-focus, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus));
  --spectrum-clearbutton-fill-size: var(--spectrum-clearbutton-s-fill-size, var(--spectrum-alias-infieldbutton-full-height-s));
  --spectrum-clearbutton-padding: var(--spectrum-clearbutton-s-padding, var(--spectrum-alias-infieldbutton-padding-s));
}

.spectrum-ClearButton--sizeM {
  --spectrum-clearbutton-fill-uiicon-color-disabled: var(--spectrum-clearbutton-m-fill-uiicon-color-disabled, var(--spectrum-alias-component-icon-color-disabled));
  --spectrum-clearbutton-fill-background-color-disabled: var(--spectrum-clearbutton-m-fill-background-color-disabled, var(--spectrum-alias-background-color-transparent));
  --spectrum-clearbutton-fill-uiicon-color: var(--spectrum-clearbutton-m-fill-uiicon-color, var(--spectrum-alias-component-icon-color-default));
  --spectrum-clearbutton-fill-background-color: var(--spectrum-clearbutton-m-fill-background-color, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default));
  --spectrum-clearbutton-fill-uiicon-color-down: var(--spectrum-clearbutton-m-fill-uiicon-color-down, var(--spectrum-alias-component-icon-color-down));
  --spectrum-clearbutton-fill-background-color-down: var(--spectrum-clearbutton-m-fill-background-color-down, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down));
  --spectrum-clearbutton-fill-background-color-hover: var(--spectrum-clearbutton-m-fill-background-color-hover, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover));
  --spectrum-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-clearbutton-m-fill-uiicon-color-key-focus, var(--spectrum-alias-component-icon-color-key-focus));
  --spectrum-clearbutton-fill-background-color-key-focus: var(--spectrum-clearbutton-m-fill-background-color-key-focus, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus));
  --spectrum-clearbutton-fill-size: var(--spectrum-clearbutton-m-fill-size, var(--spectrum-alias-infieldbutton-full-height-m));
  --spectrum-clearbutton-padding: var(--spectrum-clearbutton-m-padding, var(--spectrum-alias-infieldbutton-padding-m));
}

.spectrum-ClearButton--sizeL {
  --spectrum-clearbutton-fill-uiicon-color-disabled: var(--spectrum-clearbutton-l-fill-uiicon-color-disabled, var(--spectrum-alias-component-icon-color-disabled));
  --spectrum-clearbutton-fill-background-color-disabled: var(--spectrum-clearbutton-l-fill-background-color-disabled, var(--spectrum-alias-background-color-transparent));
  --spectrum-clearbutton-fill-uiicon-color: var(--spectrum-clearbutton-l-fill-uiicon-color, var(--spectrum-alias-component-icon-color-default));
  --spectrum-clearbutton-fill-background-color: var(--spectrum-clearbutton-l-fill-background-color, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default));
  --spectrum-clearbutton-fill-uiicon-color-down: var(--spectrum-clearbutton-l-fill-uiicon-color-down, var(--spectrum-alias-component-icon-color-down));
  --spectrum-clearbutton-fill-background-color-down: var(--spectrum-clearbutton-l-fill-background-color-down, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down));
  --spectrum-clearbutton-fill-background-color-hover: var(--spectrum-clearbutton-l-fill-background-color-hover, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover));
  --spectrum-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-clearbutton-l-fill-uiicon-color-key-focus, var(--spectrum-alias-component-icon-color-key-focus));
  --spectrum-clearbutton-fill-background-color-key-focus: var(--spectrum-clearbutton-l-fill-background-color-key-focus, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus));
  --spectrum-clearbutton-fill-size: var(--spectrum-clearbutton-l-fill-size, var(--spectrum-alias-infieldbutton-full-height-l));
  --spectrum-clearbutton-padding: var(--spectrum-clearbutton-l-padding, var(--spectrum-alias-infieldbutton-padding-l));
}

.spectrum-ClearButton--sizeXL {
  --spectrum-clearbutton-fill-uiicon-color-disabled: var(--spectrum-clearbutton-xl-fill-uiicon-color-disabled, var(--spectrum-alias-component-icon-color-disabled));
  --spectrum-clearbutton-fill-background-color-disabled: var(--spectrum-clearbutton-xl-fill-background-color-disabled, var(--spectrum-alias-background-color-transparent));
  --spectrum-clearbutton-fill-uiicon-color: var(--spectrum-clearbutton-xl-fill-uiicon-color, var(--spectrum-alias-component-icon-color-default));
  --spectrum-clearbutton-fill-background-color: var(--spectrum-clearbutton-xl-fill-background-color, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default));
  --spectrum-clearbutton-fill-uiicon-color-down: var(--spectrum-clearbutton-xl-fill-uiicon-color-down, var(--spectrum-alias-component-icon-color-down));
  --spectrum-clearbutton-fill-background-color-down: var(--spectrum-clearbutton-xl-fill-background-color-down, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down));
  --spectrum-clearbutton-fill-background-color-hover: var(--spectrum-clearbutton-xl-fill-background-color-hover, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover));
  --spectrum-clearbutton-fill-uiicon-color-key-focus: var(--spectrum-clearbutton-xl-fill-uiicon-color-key-focus, var(--spectrum-alias-component-icon-color-key-focus));
  --spectrum-clearbutton-fill-background-color-key-focus: var(--spectrum-clearbutton-xl-fill-background-color-key-focus, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus));
  --spectrum-clearbutton-fill-size: var(--spectrum-clearbutton-xl-fill-size, var(--spectrum-alias-infieldbutton-full-height-xl));
  --spectrum-clearbutton-padding: var(--spectrum-clearbutton-xl-padding, var(--spectrum-alias-infieldbutton-padding-xl));
}

.spectrum-ClearButton-fill {
  background-color: var(--spectrum-clearbutton-fill-background-color);

  width: var(--spectrum-clearbutton-fill-size);
  height: var(--spectrum-clearbutton-fill-size);
  border-radius: 100%;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.spectrum-ClearButton {
  color: var(--spectrum-clearbutton-m-fill-uiicon-color, var(--spectrum-alias-component-icon-color-default));
}

.spectrum-ClearButton:hover {
    color: var(--spectrum-clearbutton-fill-uiicon-color);
  }

.spectrum-ClearButton:active {
    color: var(--spectrum-clearbutton-fill-uiicon-color-down);
  }

.spectrum-ClearButton.focus-ring {
    color: var(--spectrum-clearbutton-fill-uiicon-color-key-focus);
  }

.spectrum-ClearButton:disabled,
  .spectrum-ClearButton.is-disabled {
    color: var(--spectrum-clearbutton-fill-uiicon-color-disabled);
  }

.spectrum-ClearButton:hover .spectrum-ClearButton-fill {
    background-color: var(--spectrum-clearbutton-fill-background-color-hover);
  }

.spectrum-ClearButton:active .spectrum-ClearButton-fill {
    background-color: var(--spectrum-clearbutton-fill-background-color-down);
  }

.spectrum-ClearButton.focus-ring .spectrum-ClearButton-fill {
    background-color: var(--spectrum-clearbutton-fill-background-color-key-focus);
  }

.spectrum-ClearButton:disabled .spectrum-ClearButton-fill, .spectrum-ClearButton.is-disabled .spectrum-ClearButton-fill {
      background-color: var(--spectrum-clearbutton-fill-background-color-disabled);
    }

.spectrum-ClearButton--overBackground {
  color: var(--spectrum-alias-icon-color-overbackground, var(--spectrum-global-color-static-white));
}

.spectrum-ClearButton--overBackground:hover {
    color: var(--spectrum-alias-icon-color-overbackground, var(--spectrum-global-color-static-white));
  }

.spectrum-ClearButton--overBackground:active {
    color: var(--spectrum-alias-icon-color-overbackground, var(--spectrum-global-color-static-white));
  }

.spectrum-ClearButton--overBackground.focus-ring {
    color: var(--spectrum-alias-icon-color-overbackground, var(--spectrum-global-color-static-white));
  }

.spectrum-ClearButton--overBackground:disabled,
  .spectrum-ClearButton--overBackground.is-disabled .spectrum-ClearButton-fill {
    background-color: var(--spectrum-alias-icon-color-overbackground-disabled, rgba(255,255,255,0.2));
  }

.spectrum-ClearButton--overBackground {
  background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color, var(--spectrum-alias-background-color-transparent));
  border-color: var(--spectrum-button-m-primary-outline-white-texticon-border-color, var(--spectrum-global-color-static-white));
  color: var(--spectrum-button-m-primary-outline-white-texticon-text-color, var(--spectrum-global-color-static-white));
}

.spectrum-ClearButton--overBackground:hover {
    background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color-hover, var(--spectrum-global-color-static-transparent-white-300));
    border-color: var(--spectrum-button-m-primary-outline-white-texticon-border-color-hover, var(--spectrum-global-color-static-white));
    color: var(--spectrum-button-m-primary-outline-white-texticon-text-color-hover, var(--spectrum-global-color-static-white));
  }

.spectrum-ClearButton--overBackground.focus-ring {
    background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color-hover, var(--spectrum-global-color-static-transparent-white-300));
    border-color: var(--spectrum-button-m-primary-outline-white-texticon-border-color-hover, var(--spectrum-global-color-static-white));
    color: var(--spectrum-button-m-primary-outline-white-texticon-text-color-hover, var(--spectrum-global-color-static-white));
    box-shadow: none;
  }

.spectrum-ClearButton--overBackground.focus-ring:after {
      box-shadow: 0 0 0 var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25)) var(--spectrum-button-m-primary-outline-white-texticon-border-color-key-focus, var(--spectrum-global-color-static-white));
    }

.spectrum-ClearButton--overBackground:active {
    background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color-down, var(--spectrum-global-color-static-transparent-white-400));
    border-color: var(--spectrum-button-m-primary-outline-white-texticon-border-color-down, var(--spectrum-global-color-static-white));
    color: var(--spectrum-button-m-primary-outline-white-texticon-text-color-down, var(--spectrum-global-color-static-white));
  }

.spectrum-ClearButton--overBackground:disabled,
  .spectrum-ClearButton--overBackground.is-disabled {
    background-color: var(--spectrum-button-m-primary-outline-white-texticon-background-color-disabled, var(--spectrum-alias-background-color-transparent));
    border-color: var(--spectrum-button-m-primary-outline-white-texticon-border-color-disabled, var(--spectrum-global-color-static-transparent-white-200));
    color: var(--spectrum-button-m-primary-outline-white-texticon-text-color-disabled, var(--spectrum-global-color-static-transparent-white-500));
  }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .spectrum-ClearButton > .spectrum-Icon {
      margin: 0;
    }
}

@media (forced-colors: active) {
  .spectrum-ClearButton {
    forced-color-adjust: none;
  }
}

.spectrum-CloseButton {
  position: relative;

  display: -ms-inline-flexbox;

  display: inline-flex;
  box-sizing: border-box;

  -ms-flex-align: center;

      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: visible;
  margin: 0;

  border-style: solid;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: button;
  vertical-align: top;

  transition: background var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    border-color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-out;

  text-decoration: none;
  font-family: var(--spectrum-alias-body-text-font-family, var(--spectrum-global-font-family-base));

  line-height: var(--spectrum-alias-component-text-line-height, var(--spectrum-global-font-line-height-small));

  -ms-user-select: none;

      user-select: none;
  -webkit-user-select: none;

  cursor: pointer;
}

.spectrum-CloseButton:focus {
    outline: none;
  }

.spectrum-CloseButton::-moz-focus-inner {
    border: 0;
    border-style: none;
    padding: 0;
    margin-top: -2px;
    margin-bottom: -2px;
  }

.spectrum-CloseButton:disabled {
    cursor: default;
  }

a.spectrum-CloseButton {
  -webkit-appearance: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.spectrum-CloseButton {
  border-radius: var(--spectrum-CloseButton-size);
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
}

.spectrum-CloseButton.spectrum-CloseButton--sizeS {
    border-radius: var(--spectrum-global-dimension-size-300);
    --spectrum-CloseButton-size: var(--spectrum-global-dimension-size-300);
    height: var(--spectrum-global-dimension-size-300);
    width: var(--spectrum-global-dimension-size-300)
  }

.spectrum-CloseButton.spectrum-CloseButton--sizeM {
    border-radius: var(--spectrum-global-dimension-size-400);
    --spectrum-CloseButton-size: var(--spectrum-global-dimension-size-400);
    height: var(--spectrum-global-dimension-size-400);
    width: var(--spectrum-global-dimension-size-400)
  }

.spectrum-CloseButton.spectrum-CloseButton--sizeL {
    border-radius: var(--spectrum-global-dimension-size-500);
    --spectrum-CloseButton-size: var(--spectrum-global-dimension-size-500);
    height: var(--spectrum-global-dimension-size-500);
    width: var(--spectrum-global-dimension-size-500)
  }

.spectrum-CloseButton.spectrum-CloseButton--sizeXL {
    border-radius: var(--spectrum-global-dimension-size-600);
    --spectrum-CloseButton-size: var(--spectrum-global-dimension-size-600);
    height: var(--spectrum-global-dimension-size-600);
    width: var(--spectrum-global-dimension-size-600)
  }

.spectrum-CloseButton:disabled {
    background-color: transparent;
  }

.spectrum-CloseButton:disabled .spectrum-CloseButton-UIIcon {
      color: var(--spectrum-alias-component-icon-color-disabled, var(--spectrum-alias-icon-color-disabled))
    }

.spectrum-CloseButton:not(:disabled) {
    background-color: transparent;
  }

.spectrum-CloseButton:not(:disabled):hover {
      background-color: var(--spectrum-global-color-gray-200);
    }

.spectrum-CloseButton:not(:disabled):hover .spectrum-CloseButton-UIIcon {
        color: var(--spectrum-alias-component-icon-color-hover, var(--spectrum-alias-icon-color-hover))
      }

.spectrum-CloseButton:not(:disabled):active {
      background-color: var(--spectrum-global-color-gray-300);
    }

.spectrum-CloseButton:not(:disabled):active .spectrum-CloseButton-UIIcon {
        color: var(--spectrum-alias-component-icon-color-down, var(--spectrum-alias-icon-color-down))
      }

.spectrum-CloseButton:not(:disabled):focus-visible {
      background-color: var(--spectrum-global-color-gray-300);
    }

.spectrum-CloseButton:not(:disabled):focus-visible .spectrum-CloseButton-UIIcon {
        color: var(--spectrum-alias-component-icon-color-key-focus, var(--spectrum-alias-icon-color-hover))
      }

.spectrum-CloseButton:not(:disabled).is-keyboardFocused {
      background-color: var(--spectrum-global-color-gray-300);
    }

.spectrum-CloseButton:not(:disabled).is-keyboardFocused .spectrum-CloseButton-UIIcon {
        color: var(--spectrum-alias-component-icon-color-key-focus, var(--spectrum-alias-icon-color-hover))
      }

.spectrum-CloseButton:not(:disabled) .spectrum-CloseButton-UIIcon {
      color: var(--spectrum-alias-component-icon-color-default, var(--spectrum-alias-icon-color))
    }

.spectrum-CloseButton:not(:disabled):focus .spectrum-CloseButton-UIIcon {
        color: var(--spectrum-alias-component-icon-color-mouse-focus, var(--spectrum-alias-icon-color-down))
      }

.spectrum-CloseButton:not(:disabled).is-focused .spectrum-CloseButton-UIIcon {
        color: var(--spectrum-alias-component-icon-color-mouse-focus, var(--spectrum-alias-icon-color-down))
      }

.spectrum-CloseButton.spectrum-CloseButton--staticBlack:not(:disabled) {
      background-color: transparent;
    }

.spectrum-CloseButton.spectrum-CloseButton--staticBlack:not(:disabled):hover {
        background-color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-40));
      }

.spectrum-CloseButton.spectrum-CloseButton--staticBlack:not(:disabled):hover .spectrum-CloseButton-UIIcon {
          color: inherit
        }

.spectrum-CloseButton.spectrum-CloseButton--staticBlack:not(:disabled):active {
        background-color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-55));
      }

.spectrum-CloseButton.spectrum-CloseButton--staticBlack:not(:disabled):active .spectrum-CloseButton-UIIcon {
          color: inherit
        }

.spectrum-CloseButton.spectrum-CloseButton--staticBlack:not(:disabled):focus-visible {
        background-color: var(--spectrum-global-color-static-black, rgb(0, 0, 0));
      }

.spectrum-CloseButton.spectrum-CloseButton--staticBlack:not(:disabled):focus-visible .spectrum-CloseButton-UIIcon {
          color: inherit
        }

.spectrum-CloseButton.spectrum-CloseButton--staticBlack:not(:disabled).is-keyboardFocused {
        background-color: var(--spectrum-global-color-static-black, rgb(0, 0, 0));
      }

.spectrum-CloseButton.spectrum-CloseButton--staticBlack:not(:disabled).is-keyboardFocused .spectrum-CloseButton-UIIcon {
          color: inherit
        }

.spectrum-CloseButton.spectrum-CloseButton--staticBlack:not(:disabled) .spectrum-CloseButton-UIIcon {
        color: var(--spectrum-global-color-static-black, rgb(0, 0, 0))
      }

.spectrum-CloseButton.spectrum-CloseButton--staticBlack:disabled .spectrum-CloseButton-UIIcon {
        color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-40))
      }

.spectrum-CloseButton.spectrum-CloseButton--staticWhite:not(:disabled) {
      background-color: transparent;
    }

.spectrum-CloseButton.spectrum-CloseButton--staticWhite:not(:disabled):hover {
        background-color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-40));
      }

.spectrum-CloseButton.spectrum-CloseButton--staticWhite:not(:disabled):hover .spectrum-CloseButton-UIIcon {
          color: inherit
        }

.spectrum-CloseButton.spectrum-CloseButton--staticWhite:not(:disabled):active {
        background-color: rgba(var(--spectrum-global-color-static-black-rgb), var(--spectrum-global-color-opacity-55));
      }

.spectrum-CloseButton.spectrum-CloseButton--staticWhite:not(:disabled):active .spectrum-CloseButton-UIIcon {
          color: inherit
        }

.spectrum-CloseButton.spectrum-CloseButton--staticWhite:not(:disabled):focus-visible {
        background-color: var(--spectrum-global-color-static-white, rgb(255, 255, 255));
      }

.spectrum-CloseButton.spectrum-CloseButton--staticWhite:not(:disabled):focus-visible .spectrum-CloseButton-UIIcon {
          color: inherit
        }

.spectrum-CloseButton.spectrum-CloseButton--staticWhite:not(:disabled).is-keyboardFocused {
        background-color: var(--spectrum-global-color-static-white, rgb(255, 255, 255));
      }

.spectrum-CloseButton.spectrum-CloseButton--staticWhite:not(:disabled).is-keyboardFocused .spectrum-CloseButton-UIIcon {
          color: inherit
        }

.spectrum-CloseButton.spectrum-CloseButton--staticWhite:not(:disabled) .spectrum-CloseButton-UIIcon {
        color: var(--spectrum-global-color-static-white, rgb(255, 255, 255))
      }

.spectrum-CloseButton.spectrum-CloseButton--staticWhite:disabled .spectrum-CloseButton-UIIcon {
        color: rgba(var(--spectrum-global-color-static-white-rgb), var(--spectrum-global-color-opacity-40))
      }

.spectrum-CloseButton-UIIcon {
  margin: 0
}

.spectrum-CloseButton {
  position: relative;
  border-color: transparent;
  border-width: 0;
  color: inherit;

  --spectrum-global-color-static-black-rgb: 0, 0, 0;
  --spectrum-global-color-static-white-rgb: 255, 255, 255;
}

.spectrum-CloseButton {
  --spectrum-closebutton-focus-ring-gap: var(--spectrum-alias-component-focusring-gap-emphasized, var(--spectrum-global-dimension-static-size-25));
  --spectrum-closebutton-focus-ring-size: var(--spectrum-alias-component-focusring-size-emphasized, var(--spectrum-global-dimension-static-size-25));
  --spectrum-closebutton-focus-ring-color: var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color));

  transition: border-color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
}

.spectrum-CloseButton:after {
    pointer-events: none;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: calc(var(--spectrum-closebutton-focus-ring-gap) * -1);
    border-radius: calc(var(--spectrum-CloseButton-size) + var(--spectrum-closebutton-focus-ring-gap));
    transition: box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  }

.spectrum-CloseButton.focus-ring {
    box-shadow: none !important;
  }

.spectrum-CloseButton.focus-ring:after {
      box-shadow: 0 0 0 var(--spectrum-closebutton-focus-ring-size) var(--spectrum-closebutton-focus-ring-color);
    }

.spectrum-CloseButton--staticWhite {
  --spectrum-closebutton-focus-ring-color: var(--spectrum-global-color-static-white, rgb(255, 255, 255));
}

.spectrum-CloseButton--staticBlack {
  --spectrum-closebutton-focus-ring-color: var(--spectrum-global-color-static-black, rgb(0, 0, 0));
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(var(--spectrum-coachmark-animation-indicator-keyframe-0-scale, 1));
    opacity: var(--spectrum-coachmark-animation-indicator-keyframe-0-opacity, 0);
  }
  50% {
    -webkit-transform: scale(var(--spectrum-coachmark-animation-indicator-keyframe-50-scale, 1.5));
    opacity: var(--spectrum-coachmark-animation-indicator-keyframe-50-opacity, 1);
  }
  100% {
    -webkit-transform: scale(var(--spectrum-coachmark-animation-indicator-keyframe-100-scale, 2));
    opacity: var(--spectrum-coachmark-animation-indicator-keyframe-100-opacity, 0);
  }
}

@keyframes pulse--quiet {
  0% {
    -webkit-transform: scale(var(--spectrum-coachmark-quiet-animation-indicator-keyframe-0-scale, 0.8));
    opacity: var(--spectrum-coachmark-animation-indicator-keyframe-0-opacity, 0);
  }
  50% {
    -webkit-transform: scale(var(--spectrum-coachmark-animation-indicator-keyframe-50-scale, 1.5));
    opacity: var(--spectrum-coachmark-animation-indicator-keyframe-50-opacity, 1);
  }
  100% {
    -webkit-transform: scale(var(--spectrum-coachmark-animation-indicator-keyframe-100-scale, 2));
    opacity: var(--spectrum-coachmark-animation-indicator-keyframe-100-opacity, 0);
  }
}

.spectrum-CoachMarkPopover {
  position: relative;

  min-width: var(--spectrum-coachmark-min-width, var(--spectrum-global-dimension-size-3400));
  max-width: var(--spectrum-coachmark-max-width, var(--spectrum-global-dimension-size-5000));

  border-radius: var(--spectrum-coachmark-border-radius, var(--spectrum-alias-border-radius-regular));
  border-width: var(--spectrum-coachmark-border-size, var(--spectrum-alias-border-size-thin));
  border-style: solid;

}

.spectrum-CoachMarkPopover-image {
  border-radius: var(--spectrum-coachmark-border-radius, var(--spectrum-alias-border-radius-regular)) var(--spectrum-coachmark-border-radius, var(--spectrum-alias-border-radius-regular)) 0 0;

  width: 100%;
}

.spectrum-CoachMarkPopover-header,
.spectrum-CoachMarkPopover-content,
.spectrum-CoachMarkPopover-footer {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--spectrum-coachmark-padding-x, var(--spectrum-global-dimension-size-300));
  padding-right: var(--spectrum-coachmark-padding-x, var(--spectrum-global-dimension-size-300));
}

.spectrum-CoachMarkPopover-header {
  padding-top: var(--spectrum-coachmark-padding-y, var(--spectrum-global-dimension-size-300));
}

.spectrum-CoachMarkPopover-footer {
  padding-bottom: var(--spectrum-coachmark-padding-y, var(--spectrum-global-dimension-size-300));
}

.spectrum-CoachMarkPopover-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: var(--spectrum-coachmark-title-margin-bottom, var(--spectrum-global-dimension-size-200));
}

.spectrum-CoachMarkPopover-title {
  font-size: var(--spectrum-coachmark-title-text-size, var(--spectrum-alias-heading-xs-text-size));
  font-weight: var(--spectrum-coachmark-title-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
  line-height: var(--spectrum-coachmark-title-text-line-height, var(--spectrum-alias-heading-text-line-height));
  margin-bottom: 0;
}

.spectrum-CoachMarkPopover-step {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;

  font-size: var(--spectrum-coachmark-step-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-coachmark-step-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  line-height: var(--spectrum-coachmark-step-text-line-height, var(--spectrum-alias-body-text-line-height));
  white-space: nowrap;
}

.spectrum-CoachMarkPopover-content {
  margin-bottom: var(--spectrum-coachmark-content-margin-bottom, var(--spectrum-global-dimension-size-200));
}

[dir="ltr"] .spectrum-CoachMarkPopover-footer {
  text-align: right;
}

[dir="rtl"] .spectrum-CoachMarkPopover-footer {
  text-align: left;
}

.spectrum-CoachMarkPopover-footer {
  margin-top: 0;
}

.spectrum-CoachMarkIndicator {
  position: relative;

  margin: var(--spectrum-coachmark-indicator-gap, var(--spectrum-global-dimension-size-75));
}

.spectrum-CoachMarkIndicator-ring {
  display: block;
  position: absolute;

  border-style: solid;
  border-width: var(--spectrum-coachmark-indicator-ring-border-size, var(--spectrum-global-dimension-static-size-25));
  border-radius: 50%;
}

.spectrum-CoachMarkIndicator-ring:nth-child(2) {
    animation-delay: calc(var(--spectrum-coachmark-animation-indicator-ring-duration, 3000ms) * var(--spectrum-coachmark-animation-indicator-ring-center-delay-multiple, -0.66));
  }

.spectrum-CoachMarkIndicator-ring:nth-child(3) {
    animation-delay: calc(var(--spectrum-coachmark-animation-indicator-ring-duration, 3000ms) * var(--spectrum-coachmark-animation-indicator-ring-outer-delay-multiple, -1))
  }

.spectrum-CoachMarkIndicator {
  min-width: calc(var(--spectrum-coachmark-indicator-ring-diameter, var(--spectrum-global-dimension-size-200)) * 3);
  min-height: calc(var(--spectrum-coachmark-indicator-ring-diameter, var(--spectrum-global-dimension-size-200)) * 3);
}

[dir="ltr"] .spectrum-CoachMarkIndicator-ring {
  left: calc(var(--spectrum-coachmark-indicator-ring-diameter, var(--spectrum-global-dimension-size-200)) * 0.75);
}

[dir="rtl"] .spectrum-CoachMarkIndicator-ring {
  right: calc(var(--spectrum-coachmark-indicator-ring-diameter, var(--spectrum-global-dimension-size-200)) * 0.75);
}

.spectrum-CoachMarkIndicator-ring {
  top: calc(var(--spectrum-coachmark-indicator-ring-diameter, var(--spectrum-global-dimension-size-200)) * 0.75);

  width: var(--spectrum-coachmark-indicator-ring-diameter, var(--spectrum-global-dimension-size-200));
  height: var(--spectrum-coachmark-indicator-ring-diameter, var(--spectrum-global-dimension-size-200));
  animation: pulse var(--spectrum-coachmark-animation-indicator-ring-duration, 3000ms) linear infinite;
}

.spectrum-CoachMarkIndicator-ring:nth-child(1) {
    animation-delay: calc(var(--spectrum-coachmark-animation-indicator-ring-duration, 3000ms) * var(--spectrum-coachmark-animation-indicator-ring-inner-delay-multiple, -0.5));
  }

.spectrum-CoachMarkIndicator--quiet {
  min-width: calc(var(--spectrum-coachmark-quiet-indicator-ring-diameter, var(--spectrum-global-dimension-size-100)) * 2.75);
  min-height: calc(var(--spectrum-coachmark-quiet-indicator-ring-diameter, var(--spectrum-global-dimension-size-100)) * 2.75);
}

[dir="ltr"] .spectrum-CoachMarkIndicator--quiet .spectrum-CoachMarkIndicator-ring {
    left: calc(var(--spectrum-coachmark-quiet-indicator-ring-diameter, var(--spectrum-global-dimension-size-100)) * 0.75);
}

[dir="rtl"] .spectrum-CoachMarkIndicator--quiet .spectrum-CoachMarkIndicator-ring {
    right: calc(var(--spectrum-coachmark-quiet-indicator-ring-diameter, var(--spectrum-global-dimension-size-100)) * 0.75);
}

.spectrum-CoachMarkIndicator--quiet .spectrum-CoachMarkIndicator-ring {
    top: calc(var(--spectrum-coachmark-quiet-indicator-ring-diameter, var(--spectrum-global-dimension-size-100)) * 0.75);

    width: var(--spectrum-coachmark-quiet-indicator-ring-diameter, var(--spectrum-global-dimension-size-100));
    height: var(--spectrum-coachmark-quiet-indicator-ring-diameter, var(--spectrum-global-dimension-size-100));
    animation: pulse--quiet var(--spectrum-coachmark-animation-indicator-ring-duration, 3000ms) linear infinite;
  }

.spectrum-CoachMarkIndicator--quiet .spectrum-CoachMarkIndicator-ring:nth-child(1) {
      animation-delay: calc(var(--spectrum-coachmark-animation-indicator-ring-duration, 3000ms) * var(--spectrum-coachmark-quiet-animation-indicator-ring-inner-delay-multiple, -0.33));
    }

.spectrum-CoachMarkPopover {
  background-color: var(--spectrum-coachmark-background-color, var(--spectrum-global-color-gray-50));
  border-color: var(--spectrum-coachmark-border-color, var(--spectrum-alias-border-color-dark));
  box-shadow: 0 1px 4px var(--spectrum-coachmark-shadow-color, var(--spectrum-alias-dropshadow-color));
}

.spectrum-CoachMarkPopover-title {
  color: var(--spectrum-coachmark-title-text-color, var(--spectrum-alias-heading-text-color));
}

.spectrum-CoachMarkPopover-step {
  color: var(--spectrum-coachmark-step-text-color, var(--spectrum-alias-label-text-color));
}

.spectrum-CoachMarkPopover-content {
  color: var(--spectrum-coachmark-content-text-color, var(--spectrum-alias-text-color));
}

.spectrum-CoachMarkIndicator-ring {
  border-color: var(--spectrum-coachmark-indicator-ring-default-color, var(--spectrum-alias-focus-color));
}

.spectrum-CoachMarkIndicator--light .spectrum-CoachMarkIndicator-ring {
  border-color: var(--spectrum-coachmark-indicator-ring-low-contrast-color, var(--spectrum-global-color-gray-50));
}

.spectrum-CoachMarkIndicator--dark .spectrum-CoachMarkIndicator-ring {
  border-color: var(--spectrum-coachmark-indicator-ring-high-contrast-color, var(--spectrum-global-color-gray-900));
}

.spectrum-ColorArea-slider {
  opacity: 0;
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
  margin: 0;
  pointer-events: none;
}

.spectrum-ColorArea.is-focused .spectrum-ColorArea-handle {
  width: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
  height: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);

  margin-left: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
  margin-top: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
}

.spectrum-ColorArea {
  position: relative;
  display: inline-block;
  width: var(--spectrum-colorarea-default-width, var(--spectrum-global-dimension-size-2400));
  height: var(--spectrum-colorarea-default-height, var(--spectrum-global-dimension-size-2400));

  border-radius: var(--spectrum-colorarea-border-radius, var(--spectrum-alias-border-radius-regular));

  cursor: default;

  -webkit-user-select: none;

      -ms-user-select: none;

          user-select: none;
}

.spectrum-ColorArea.is-focused {
    z-index: 2;
  }

.spectrum-ColorArea.is-disabled {
    pointer-events: none;
  }

.spectrum-ColorArea:before {
    content: '';
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: var(--spectrum-colorarea-border-radius, var(--spectrum-alias-border-radius-regular));
  }

.spectrum-ColorArea-handle {
  left: 0;
  top: 0;
}

.spectrum-ColorArea-gradient {
  width: 100%;
  height: 100%;
  border-radius: var(--spectrum-colorarea-border-radius, var(--spectrum-alias-border-radius-regular));
}

.spectrum-ColorArea:before {
    box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorarea-border-color, var(--spectrum-alias-border-color-translucent));
  }

.spectrum-ColorArea-gradient {
  forced-color-adjust: none;
}

.spectrum-ColorHandle-color {
  forced-color-adjust: none;
}

.spectrum-ColorArea.is-disabled {
    background: var(--spectrum-colorarea-fill-color-disabled, var(--spectrum-alias-track-color-disabled));
  }

.spectrum-ColorArea.is-disabled:before {
      box-shadow: inset 0 0 0 var(--spectrum-colorarea-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorarea-border-color-disabled, var(--spectrum-alias-track-color-disabled));
    }

.spectrum-ColorArea.is-disabled .spectrum-ColorArea-gradient {
      display: none;
    }

@media (forced-colors: active) {
  .spectrum-ColorArea {
    --spectrum-colorarea-fill-color-disabled : GrayText;
  }
    .spectrum-ColorArea.is-disabled {
      forced-color-adjust: none;
    }
}

.spectrum-ColorHandle {
  --spectrum-colorhandle-background-offset: calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px));
  --spectrum-colorhandle-checkerboard-size: var(--spectrum-global-dimension-static-size-100, 8px);

  --spectrum-colorhandle-animation-duration: var(--spectrum-global-animation-duration-100, 130ms);
  --spectrum-colorhandle-animation-easing: ease-in-out;

  --spectrum-colorhandle-hitarea-size: var(--spectrum-global-dimension-size-300);
}

.spectrum-ColorHandle.is-focused,
.spectrum-ColorHandle.focus-ring {
  width: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
  height: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);

  margin-left: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
  margin-top: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
}

.spectrum-ColorHandle {
  display: block;
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
  width: var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200));
  height: var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200));

  margin-left: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) / 2);
  margin-top: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) / 2);

  border-width: var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25));
  border-style: solid;

  background-size:
    var(--spectrum-global-dimension-static-size-200, 16px)
    var(--spectrum-global-dimension-static-size-200, 16px);
  background-position:
    var(--spectrum-colorhandle-background-offset) var(--spectrum-colorhandle-background-offset),
    var(--spectrum-colorhandle-background-offset) calc(var(--spectrum-colorhandle-checkerboard-size) + var(--spectrum-colorhandle-background-offset)),
    calc(var(--spectrum-colorhandle-checkerboard-size) + var(--spectrum-colorhandle-background-offset)) calc(-1 * var(--spectrum-colorhandle-checkerboard-size) + var(--spectrum-colorhandle-background-offset)),
    calc(-1 * var(--spectrum-colorhandle-checkerboard-size) + var(--spectrum-colorhandle-background-offset)) var(--spectrum-colorhandle-background-offset);

  transition:
    width var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing),
    height var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing),
    border-width var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing),
    margin-left var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing),
    margin-top var(--spectrum-colorhandle-animation-duration) var(--spectrum-colorhandle-animation-easing);
}

.spectrum-ColorHandle,
  .spectrum-ColorHandle:after {
    border-radius: 100%;
  }

.spectrum-ColorHandle:after {
    content: '';
    left: calc(50% - var(--spectrum-colorhandle-hitarea-size) / 2);
    top: calc(50% - var(--spectrum-colorhandle-hitarea-size) / 2);
    position: absolute;
    display: block;
    width: var(--spectrum-colorhandle-hitarea-size);
    height: var(--spectrum-colorhandle-hitarea-size);
  }

.spectrum-ColorHandle.is-disabled {
    pointer-events: none;
  }

.spectrum-ColorHandle-color {
  border-radius: 100%;
  width: 100%;
  height: 100%;
}

.spectrum-ColorHandle {
  --spectrum-colorhandle-background-offset: calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px));
  --spectrum-colorhandle-checkerboard-size: var(--spectrum-global-dimension-static-size-100, 8px);
  --spectrum-colorhandle-outer-border-color: rgba(0, 0, 0, 0.42);
}

.spectrum-ColorHandle {
  border-color: var(--spectrum-colorhandle-inner-border-color, var(--spectrum-global-color-static-white));
  box-shadow: 0 0 0 var(--spectrum-colorhandle-outer-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorhandle-outer-border-color, rgba(0,0,0,0.42));

  background-color: var(--spectrum-global-color-static-white, rgb(255, 255, 255));
  background-image:
    linear-gradient(-45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 75.5%),
    linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 75.5%),
    linear-gradient(-45deg, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 25.5%, transparent 25.5%),
    linear-gradient(45deg, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 25.5%, transparent 25.5%);
}

.spectrum-ColorHandle.is-disabled {
    border-color: var(--spectrum-colorhandle-inner-border-color-disabled, var(--spectrum-global-color-gray-400));
    background: var(--spectrum-colorhandle-fill-color-disabled, var(--spectrum-alias-track-color-disabled));
    box-shadow: none;
  }

.spectrum-ColorHandle.is-disabled .spectrum-ColorHandle-color {
      display: none;
    }

.spectrum-ColorHandle-color {
  box-shadow: inset 0 0 0 var(--spectrum-colorhandle-outer-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorhandle-outer-border-color, rgba(0,0,0,0.42));
}

@media (forced-colors: active) {
  .spectrum-ColorHandle {
    --spectrum-colorhandle-inner-border-color-disabled : GrayText;
    --spectrum-colorhandle-fill-color-disabled: Canvas;
    --spectrum-colorhandle-inner-border-color: CanvasText;
  }
    .spectrum-ColorHandle.is-disabled {
      forced-color-adjust: none;
    }
}

.spectrum-ColorLoupe {
  --spectrum-colorloupe-width-adjusted: calc(var(--spectrum-colorloupe-width, var(--spectrum-global-dimension-static-size-600)) + var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2);
  --spectrum-colorloupe-height-adjusted: calc(var(--spectrum-colorloupe-height, var(--spectrum-global-dimension-static-size-800)) + var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2);
  --spectrum-colorloupe-offset: var(--spectrum-global-dimension-static-size-200, 16px);
  --spectrum-colorloupe-animation-distance: var(--spectrum-global-dimension-static-size-100, 8px);
}

.spectrum-ColorLoupe {
  width: var(--spectrum-colorloupe-width-adjusted);
  height: var(--spectrum-colorloupe-height-adjusted);

  position: absolute;
  transform: translate(0, var(--spectrum-colorloupe-animation-distance));
  opacity: 0;
  transform-origin: bottom center;
  bottom: calc(50% + var(--spectrum-colorloupe-offset));
  left: calc(50% - var(--spectrum-colorloupe-width-adjusted) / 2);
  transition: transform 100ms ease-in-out, opacity 125ms ease-in-out;

  pointer-events: none;
}

.spectrum-ColorLoupe.is-open {
    transform: translate(0, 0);
    opacity: 1;
  }

.spectrum-ColorLoupe-outer {
  stroke-width: var(--spectrum-colorloupe-outer-border-size, var(--spectrum-global-dimension-static-size-10));
}

.spectrum-ColorLoupe-outer {
  fill: var(--spectrum-colorloupe-inner-border-color, var(--spectrum-global-color-static-white));
  stroke: var(--spectrum-colorloupe-outer-border-color, var(--spectrum-alias-border-color-translucent));
}

@media (forced-colors: active) {
  .spectrum-ColorLoupe {
    --spectrum-colorloupe-outer-border-color: CanvasText;
  }
}

.spectrum-ColorSlider {
  --spectrum-colorslider-handle-hitarea-border-radius: 0%;
  --spectrum-colorslider-handle-hitarea-width: var(
    --spectrum-global-dimension-size-300
  );
  --spectrum-colorslider-handle-hitarea-height: var(
    --spectrum-global-dimension-size-300
  );
}

.spectrum-ColorSlider.is-focused .spectrum-ColorSlider-handle {
  width: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
  height: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);

  margin-left: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
  margin-top: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
}

.spectrum-ColorSlider-slider {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  margin: 0;
  pointer-events: none;
}

.spectrum-ColorSlider {
  position: relative;
  display: block;
  width: var(--spectrum-colorslider-default-length, var(--spectrum-global-dimension-size-2400));
  height: var(--spectrum-colorslider-height, var(--spectrum-global-dimension-size-300));
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;

  cursor: default;
}

.spectrum-ColorSlider.is-focused {
    z-index: 2;
  }

.spectrum-ColorSlider.is-disabled {
    pointer-events: none;
  }

.spectrum-ColorSlider--vertical {
  display: inline-block;

  width: var(--spectrum-colorslider-vertical-width, var(--spectrum-global-dimension-size-300));
  height: var(--spectrum-colorslider-vertical-default-length, var(--spectrum-global-dimension-size-2400));
}

.spectrum-ColorSlider--vertical .spectrum-ColorSlider-handle {
    left: 50%;
    top: 0;
  }

.spectrum-ColorSlider-handle {
  left: 0;
  top: 50%;
}

.spectrum-ColorSlider-handle:after {
    border-radius: var(--spectrum-colorslider-handle-hitarea-border-radius);
    width: var(--spectrum-colorslider-handle-hitarea-width);
    height: var(--spectrum-colorslider-handle-hitarea-height);
  }

.spectrum-ColorSlider-checkerboard {
  background-size: var(--spectrum-global-dimension-static-size-200, 16px)
    var(--spectrum-global-dimension-static-size-200, 16px);
  background-position: 0 0, 0 var(--spectrum-global-dimension-static-size-100, 8px),
    var(--spectrum-global-dimension-static-size-100, 8px)
      calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)),
    calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)) 0;
}

.spectrum-ColorSlider-checkerboard:before {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: var(--spectrum-colorslider-border-radius, var(--spectrum-alias-border-radius-regular));
  }

.spectrum-ColorSlider-gradient,
.spectrum-ColorSlider-checkerboard {
  width: 100%;
  height: 100%;
  border-radius: var(--spectrum-colorslider-border-radius, var(--spectrum-alias-border-radius-regular));
}

.spectrum-ColorSlider {
  --spectrum-colorslider-border-color: var(--spectrum-colorarea-border-color, var(--spectrum-alias-border-color-translucent));
}

.spectrum-ColorSlider-checkerboard {
  background-color: var(--spectrum-global-color-static-white, rgb(255, 255, 255));
  background-image:
    linear-gradient(-45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 75.5%),
    linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 75.5%),
    linear-gradient(-45deg, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 25.5%, transparent 25.5%),
    linear-gradient(45deg, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 25.5%, transparent 25.5%);
}

.spectrum-ColorSlider-checkerboard:before {
    box-shadow: inset 0 0 0 var(--spectrum-colorslider-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorslider-border-color, var(--spectrum-alias-border-color-translucent));
  }

.spectrum-ColorSlider.is-disabled .spectrum-ColorSlider-checkerboard {
      background: var(--spectrum-colorslider-fill-color-disabled, var(--spectrum-alias-track-color-disabled));
    }

.spectrum-ColorSlider.is-disabled .spectrum-ColorSlider-checkerboard:before {
        box-shadow: 0 0 0 var(--spectrum-colorslider-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorslider-border-color-disabled, var(--spectrum-alias-track-color-disabled));
      }

.spectrum-ColorSlider.is-disabled .spectrum-ColorSlider-gradient {
      display: none
    }

@media (forced-colors: active) {
  .spectrum-ColorSlider {
    --spectrum-colorslider-border-color-disabled : GrayText;
    --spectrum-colorslider-fill-color-disabled : Canvas;
  }
  .spectrum-ColorSlider {
    forced-color-adjust: none;
  }
}
.spectrum-ColorWheel {
  --spectrum-colorwheel-border-radius: 100%;
  --spectrum-colorwheel-width: calc(var(--spectrum-global-dimension-size-125) * 16);
  --spectrum-colorwheel-height: var(--spectrum-colorwheel-width, var(--spectrum-global-dimension-size-2400));
}

.spectrum-ColorWheel.is-focused .spectrum-ColorWheel-handle {
  width: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);
  height: calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);

  margin-left: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
  margin-top: calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));
}

.spectrum-ColorWheel-slider {
  opacity: 0;
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
  margin: 0;
  pointer-events: none;
}

.spectrum-ColorWheel {
  position: relative;
  display: block;
  width: var(--spectrum-colorwheel-width, var(--spectrum-global-dimension-size-2400));
  height: var(--spectrum-colorwheel-height, var(--spectrum-global-dimension-size-2400));

  border-radius: var(--spectrum-colorwheel-border-radius);

  -webkit-user-select: none;

      -ms-user-select: none;

          user-select: none;
  cursor: default;
}

.spectrum-ColorWheel.is-focused {
    z-index: 2;
  }

.spectrum-ColorWheel.is-disabled {
    pointer-events: none;
  }

.spectrum-ColorWheel.is-dragged {
    z-index: 2;
  }

.spectrum-ColorWheel-gradient {
  position: relative;
  z-index: 0;
  width: var(--spectrum-colorwheel-width, var(--spectrum-global-dimension-size-2400));
  height: var(--spectrum-colorwheel-height, var(--spectrum-global-dimension-size-2400));
  border-radius: 100%;
  box-sizing: border-box;

  border-width: var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin));
  border-style: solid;
}

.spectrum-ColorWheel-wheel {
  position: relative;
  z-index: 1;
}

.spectrum-ColorWheel-outerCircle,
.spectrum-ColorWheel-innerCircle {
  fill: transparent;

  stroke-width: var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin));
}

.spectrum-ColorWheel-handle {
  left: 50%;
  top: 50%;
}

.spectrum-ColorWheel {
  --spectrum-colorwheel-border-color: var(--spectrum-colorarea-border-color, var(--spectrum-alias-border-color-translucent));
}

.spectrum-ColorWheel.is-disabled .spectrum-ColorWheel-outerCircle,
    .spectrum-ColorWheel.is-disabled .spectrum-ColorWheel-innerCircle {
      stroke: var(--spectrum-colorwheel-border-color-disabled, var(--spectrum-alias-track-color-disabled));
    }

.spectrum-ColorWheel.is-disabled .spectrum-ColorWheel-outerCircle {
      fill: var(--spectrum-colorwheel-fill-color-disabled, var(--spectrum-alias-track-color-disabled));
    }

.spectrum-ColorWheel.is-disabled .spectrum-ColorWheel-segment {
      display: none;
    }

.spectrum-ColorWheel-gradient {
  border-color: var(--spectrum-colorwheel-border-color, var(--spectrum-alias-border-color-translucent));
}

.spectrum-ColorWheel-outerCircle,
.spectrum-ColorWheel-innerCircle {
  stroke: var(--spectrum-colorwheel-border-color, var(--spectrum-alias-border-color-translucent));
}

@media (forced-colors: active) {
  .spectrum-ColorWheel {
    --spectrum-colorwheel-border-color-disabled : GrayText;
    --spectrum-colorwheel-fill-color-disabled : Canvas;
  }
  .spectrum-ColorWheel {
    forced-color-adjust: none;
  }
}
[dir="ltr"] .spectrum-CycleButton {
  padding-left: var(--spectrum-actionbutton-m-icononly-padding-left, var(--spectrum-global-dimension-size-85));
  padding-right: var(--spectrum-actionbutton-m-icononly-padding-right, var(--spectrum-global-dimension-size-85));
}

[dir="rtl"] .spectrum-CycleButton {
  padding-right: var(--spectrum-actionbutton-m-icononly-padding-left, var(--spectrum-global-dimension-size-85));
  padding-left: var(--spectrum-actionbutton-m-icononly-padding-right, var(--spectrum-global-dimension-size-85));
}

.spectrum-CycleButton {
  padding-top: 0;
  padding-bottom: 0;
}

.spectrum-CycleButton .spectrum-CycleButton-item:not(.is-selected) {
    display: none
  }

.spectrum-Dial {
  --spectrum-dial-label-gap-y: var(--spectrum-global-dimension-size-65);
  --spectrum-dial-handle-position: var(--spectrum-global-dimension-size-100);

  --spectrum-dial-handle-size: 100%;
  --spectrum-dial-min-height: 0;
  --spectrum-dial-controls-min-height: 0;
  --spectrum-dial-controls-margin: calc(var(--spectrum-global-dimension-size-200) / 2);

  --spectrum-dial-handle-border-size: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
  --spectrum-dial-label-text-size: var(--spectrum-body-xs-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-dial-label-line-height: var(--spectrum-body-xs-text-line-height, var(--spectrum-alias-body-text-line-height));
}

[dir="ltr"] .spectrum-Dial-label {
  padding-left: 0;
}

[dir="rtl"] .spectrum-Dial-label {
  padding-right: 0;
}

.spectrum-Dial-label {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

[dir="ltr"] .spectrum-Dial-value {
  padding-right: 0;
}

[dir="rtl"] .spectrum-Dial-value {
  padding-left: 0;
}

.spectrum-Dial-value {
  -ms-flex-positive: 0;
      flex-grow: 0;
  cursor: default;
}

.spectrum-Dial {
  position: relative;
  z-index: 1;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: auto;
  min-width: var(--spectrum-dial-min-height);
  min-height: var(--spectrum-dial-min-height);
  width: var(--spectrum-dial-container-width, var(--spectrum-global-dimension-static-size-600));
}

.spectrum-Dial-labelContainer {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: auto;
  padding-top: var(--spectrum-fieldlabel-m-padding-top, var(--spectrum-global-dimension-size-50));
  font-size: var(--spectrum-dial-label-text-size);
  line-height: var(--spectrum-dial-label-line-height);
  margin-bottom: var(--spectrum-dial-label-gap-y);
}

.spectrum-Dial-label:only-child {
    text-align: center;
  }

[dir="ltr"] .spectrum-Dial-controls {
  margin-left: var(--spectrum-dial-controls-margin);
}

[dir="rtl"] .spectrum-Dial-controls {
  margin-right: var(--spectrum-dial-controls-margin);
}

.spectrum-Dial-controls {
  display: inline-block;
  box-sizing: border-box;

  position: relative;
  z-index: auto;

  vertical-align: top;

  width: var(--spectrum-dial-width, var(--spectrum-global-dimension-static-size-400));
  height: var(--spectrum-dial-height, var(--spectrum-global-dimension-static-size-400));
  min-height: var(--spectrum-dial-controls-min-height);

  border-radius: var(--spectrum-dial-border-radius, var(--spectrum-alias-border-radius-large));
  position: relative;
  display: inline-block;
  margin: 0;

  box-sizing: border-box;
  outline: none;
}

.spectrum-Dial-controls::before,
  .spectrum-Dial-controls::after {
    content: "";
    width: calc(var(--spectrum-dial-handle-marker-height, var(--spectrum-alias-border-size-thick)) * 2);
    height: var(--spectrum-dial-handle-marker-height, var(--spectrum-alias-border-size-thick));
    border-radius: var(--spectrum-dial-handle-marker-border-radius, var(--spectrum-alias-border-radius-xsmall));
    position: absolute;
    bottom: 0;
  }

[dir="ltr"] .spectrum-Dial-controls::before {
    left: auto;
}

[dir="rtl"] .spectrum-Dial-controls::before {
    right: auto;
}

[dir="ltr"] .spectrum-Dial-controls::before {
    right: calc(var(--spectrum-dial-handle-marker-height, var(--spectrum-alias-border-size-thick)) * -1);
}

[dir="rtl"] .spectrum-Dial-controls::before {
    left: calc(var(--spectrum-dial-handle-marker-height, var(--spectrum-alias-border-size-thick)) * -1);
}

.spectrum-Dial-controls::before {
    transform: rotate(var(--spectrum-dial-min-max-tick-angles, 45deg));
  }

[dir="ltr"] .spectrum-Dial-controls::after {
    left: calc(var(--spectrum-dial-handle-marker-height, var(--spectrum-alias-border-size-thick)) * -1);
}

[dir="rtl"] .spectrum-Dial-controls::after {
    right: calc(var(--spectrum-dial-handle-marker-height, var(--spectrum-alias-border-size-thick)) * -1);
}

.spectrum-Dial-controls::after {
    transform: rotate(calc(-1 * var(--spectrum-dial-min-max-tick-angles, 45deg)));
  }

[dir="ltr"] .spectrum-Dial-handle {
  left: 0;
}

[dir="rtl"] .spectrum-Dial-handle {
  right: 0;
}

[dir="ltr"] .spectrum-Dial-handle {
  margin-left: calc(var(--spectrum-global-dimension-size-200) / -2);
  margin-right: 0;
}

[dir="rtl"] .spectrum-Dial-handle {
  margin-right: calc(var(--spectrum-global-dimension-size-200) / -2);
  margin-left: 0;
}

[dir="ltr"] .spectrum-Dial-handle {
  left: var(--spectrum-dial-handle-position);
}

[dir="rtl"] .spectrum-Dial-handle {
  right: var(--spectrum-dial-handle-position);
}

[dir="ltr"] .spectrum-Dial-handle {
  right: var(--spectrum-dial-handle-position);
}

[dir="rtl"] .spectrum-Dial-handle {
  left: var(--spectrum-dial-handle-position);
}

.spectrum-Dial-handle {
  position: absolute;
  z-index: 2;
  display: inline-block;
  box-sizing: border-box;

  margin-top: calc(var(--spectrum-global-dimension-size-200) / -2);

  margin-bottom: 0;

  outline: none;
  cursor: pointer;
  cursor: grab;

  width: var(--spectrum-dial-handle-size);
  height: var(--spectrum-dial-handle-size);
  border-width: var(--spectrum-dial-handle-border-size);
  border-style: solid;
  box-shadow: none;
  position: absolute;
  top: var(--spectrum-dial-handle-position);
  bottom: var(--spectrum-dial-handle-position);
  border-radius: var(--spectrum-dial-border-radius, var(--spectrum-alias-border-radius-large));
  transform: rotate(calc(-1 * var(--spectrum-dial-min-max-tick-angles, 45deg)));
  cursor: pointer;
  cursor: grab;
}

[dir="ltr"] .spectrum-Dial-handle::after {
    left: calc(var(--spectrum-dial-handle-marker-height, var(--spectrum-alias-border-size-thick)) * -1);
}

[dir="rtl"] .spectrum-Dial-handle::after {
    right: calc(var(--spectrum-dial-handle-marker-height, var(--spectrum-alias-border-size-thick)) * -1);
}

.spectrum-Dial-handle::after {
    content: "";
    position: absolute;
    top: 50%;
    width: var(--spectrum-dial-handle-marker-width, var(--spectrum-global-dimension-static-size-150));
    height: var(--spectrum-dial-handle-marker-height, var(--spectrum-alias-border-size-thick));
    border-radius: var(--spectrum-dial-handle-marker-border-radius, var(--spectrum-alias-border-radius-xsmall));
    transform: translateY(-50%);
  }

.spectrum-Dial-handle:active,
  .spectrum-Dial-handle.is-focused,
  .spectrum-Dial-handle.is-dragged {
    border-width: var(--spectrum-dial-handle-border-size);
    cursor: ns-resize;
    cursor: grabbing;
  }

[dir="ltr"] .spectrum-Dial-input {
  left: 0;
}

[dir="rtl"] .spectrum-Dial-input {
  right: 0;
}

.spectrum-Dial-input {
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  opacity: 0.000001;
  cursor: default;
  -webkit-appearance: none;
  border: 0;
  pointer-events: none;
  width: var(--spectrum-dial-handle-size);
  height: var(--spectrum-dial-handle-size);
  top: 0;
}

.spectrum-Dial-input:focus {
    outline: none;
  }

.spectrum-Dial--small .spectrum-Dial-controls {
    width: var(--spectrum-dial-small-width, var(--spectrum-global-dimension-static-size-300));
    height: var(--spectrum-dial-small-height, var(--spectrum-global-dimension-static-size-300));
  }

.spectrum-Dial.is-disabled {
    cursor: default;
  }

.u-isGrabbing {
  cursor: ns-resize;
  cursor: grabbing;

  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.u-isGrabbing .spectrum-Dial .spectrum-Dial-label,
    .u-isGrabbing .spectrum-Dial .spectrum-Dial-value {
      cursor: inherit;
    }

.spectrum-Dial {
  --spectrum-dial-label-text-color: var(--spectrum-alias-label-text-color, var(--spectrum-global-color-gray-700));
  --spectrum-dial-label-text-color-disabled: var(--spectrum-alias-label-text-color, var(--spectrum-global-color-gray-700));
  --spectrum-dial-handle-border-color-disabled: var(--spectrum-alias-icon-color-disabled, var(--spectrum-global-color-gray-400));
}

.spectrum-Dial-labelContainer {
  color: var(--spectrum-dial-label-text-color);
}

.spectrum-Dial-handle {
  box-shadow: none;
  border-color: var(--spectrum-dial-small-handle-marker-color, var(--spectrum-global-color-gray-700));
}

.spectrum-Dial-handle:before {
    display: none;
  }

.spectrum-Dial-handle::after {
    background-color: var(--spectrum-dial-handle-marker-color, var(--spectrum-global-color-gray-700));
  }

.spectrum-Dial-handle:hover {
    border-color: var(--spectrum-dial-border-color-hover, var(--spectrum-global-color-gray-800));
  }

.spectrum-Dial-handle:hover::after {
      background-color: var(--spectrum-dial-handle-marker-color-hover, var(--spectrum-global-color-gray-800));
    }

.spectrum-Dial-handle.is-focused {
    background-color: var(--spectrum-dial-handle-marker-color-key-focus, var(--spectrum-global-color-gray-50));

    border-color: var(--spectrum-dial-handle-marker-color-key-focus, var(--spectrum-global-color-gray-50));
  }

.spectrum-Dial-handle.is-focused::after {
      background-color: var(--spectrum-dial-handle-marker-color-key-focus, var(--spectrum-global-color-gray-50));
    }

.spectrum-Dial-handle:active,
  .spectrum-Dial-handle.is-dragged {
    background-color: var(--spectrum-dial-border-color-hover, var(--spectrum-global-color-gray-800));
    border-color: var(--spectrum-dial-border-color-hover, var(--spectrum-global-color-gray-800));
  }

.spectrum-Dial-handle:active::after, .spectrum-Dial-handle.is-dragged::after {
      background-color: var(--spectrum-dial-handle-marker-color-key-focus, var(--spectrum-global-color-gray-50));
    }

.spectrum-Dial-controls::before,
  .spectrum-Dial-controls::after {
    background-color: var(--spectrum-dial-min-max-tick-color, var(--spectrum-global-color-gray-600));
  }

.spectrum-Dial.is-disabled .spectrum-Dial-labelContainer {
      color: var(--spectrum-dial-label-text-color-disabled);
    }

.spectrum-Dial.is-disabled .spectrum-Dial-controls::after,
      .spectrum-Dial.is-disabled .spectrum-Dial-controls::before {
        background-color: var(--spectrum-dial-handle-border-color-disabled);
      }

.spectrum-Dial.is-disabled .spectrum-Dial-handle {
      border-color: var(--spectrum-dial-handle-border-color-disabled);
      background: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
    }

.spectrum-Dial.is-disabled .spectrum-Dial-handle:hover,
      .spectrum-Dial.is-disabled .spectrum-Dial-handle:active {
        border-color: var(--spectrum-dial-handle-border-color-disabled);
        background: var(--spectrum-dial-handle-border-color-disabled);
      }

.spectrum-Dial.is-disabled .spectrum-Dial-handle::after,
      .spectrum-Dial.is-disabled .spectrum-Dial-handle::before {
        background-color: var(--spectrum-dial-handle-border-color-disabled);
      }

.spectrum-Dialog {
  --spectrum-dialog-fullscreen-header-text-size: 28px;

  --spectrum-dialog-confirm-small-width: 400px;
  --spectrum-dialog-confirm-medium-width: 480px;
  --spectrum-dialog-confirm-large-width: 640px;
  --spectrum-dialog-error-width: var(--spectrum-dialog-confirm-medium-width);

  --spectrum-dialog-confirm-hero-height: var(
    --spectrum-global-dimension-size-1600
  );
  --spectrum-dialog-confirm-description-padding: var(
    --spectrum-global-dimension-size-25
  );
  --spectrum-dialog-confirm-description-margin: calc(var(--spectrum-global-dimension-size-25) * -1);
  --spectrum-dialog-confirm-footer-padding-top: var(--spectrum-global-dimension-static-size-500, 40px);
  --spectrum-dialog-confirm-gap-size: var(--spectrum-global-dimension-size-200);
  --spectrum-dialog-confirm-buttongroup-padding-top: var(--spectrum-global-dimension-static-size-500, 40px);
  --spectrum-dialog-confirm-close-button-size: var(
    --spectrum-global-dimension-size-400
  );
  --spectrum-dialog-confirm-close-button-padding: calc(26px - var(--spectrum-global-dimension-size-175));
  --spectrum-dialog-confirm-divider-height: var(--spectrum-global-dimension-static-size-25, 2px);
}

.spectrum-Dialog {
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  width: fit-content;
  min-width: var(--spectrum-dialog-confirm-min-width, var(--spectrum-global-dimension-static-size-3600));
  max-width: 100%;

  max-height: inherit;

  outline: none;
}

.spectrum-Dialog--small {
  width: var(--spectrum-dialog-confirm-small-width);
}

.spectrum-Dialog--medium {
  width: var(--spectrum-dialog-confirm-medium-width);
}

.spectrum-Dialog--large {
  width: var(--spectrum-dialog-confirm-large-width);
}

.spectrum-Dialog-hero {
  grid-area: hero;
  height: var(--spectrum-dialog-confirm-hero-height);

  border-top-left-radius: var(--spectrum-dialog-confirm-border-radius, var(--spectrum-alias-component-border-radius));
  border-top-right-radius: var(--spectrum-dialog-confirm-border-radius, var(--spectrum-alias-component-border-radius));

  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

.spectrum-Dialog .spectrum-Dialog-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns:
    var(--spectrum-dialog-confirm-padding) auto 1fr auto minmax(0, auto)
    var(--spectrum-dialog-confirm-padding);
      grid-template-columns:
    var(--spectrum-dialog-confirm-padding) auto 1fr auto minmax(0, auto)
    var(--spectrum-dialog-confirm-padding);
  -ms-grid-rows: auto var(--spectrum-dialog-confirm-padding) auto auto 1fr auto var(
      --spectrum-dialog-confirm-padding
    );
      grid-template-rows: auto var(--spectrum-dialog-confirm-padding) auto auto 1fr auto var(
      --spectrum-dialog-confirm-padding
    );
  grid-template-areas:
    "hero hero    hero    hero        hero        hero"
    ".    .       .       .           .           ."
    ".    heading header  header      typeIcon    ."
    ".    divider divider divider     divider     ."
    ".    content content content     content     ."
    ".    footer  footer  buttonGroup buttonGroup ."
    ".    .       .       .           .           .";
  width: 100%;
}

[dir="ltr"] .spectrum-Dialog-heading {

  padding-right: var(--spectrum-dialog-confirm-gap-size);
}

[dir="rtl"] .spectrum-Dialog-heading {

  padding-left: var(--spectrum-dialog-confirm-gap-size);
}

.spectrum-Dialog-heading {
  grid-area: heading;

  margin: 0;

  font-size: var(--spectrum-dialog-confirm-title-text-size);
  font-weight: var(--spectrum-dialog-confirm-title-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
  line-height: var(--spectrum-dialog-confirm-title-text-line-height, var(--spectrum-alias-heading-text-line-height));

  outline: none;
}

[dir="ltr"] .spectrum-Dialog-heading.spectrum-Dialog-heading--noHeader {
    padding-right: 0;
}

[dir="rtl"] .spectrum-Dialog-heading.spectrum-Dialog-heading--noHeader {
    padding-left: 0;
}

.spectrum-Dialog-heading.spectrum-Dialog-heading--noHeader {
    grid-area: heading-start / heading-start / header-end / header-end;
  }

.spectrum-Dialog-header {
  grid-area: header;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;

  box-sizing: border-box;

  outline: none;
}

.spectrum-Dialog-typeIcon {
  grid-area: typeIcon;
}

.spectrum-Dialog .spectrum-Dialog-divider {
  grid-area: divider;
  width: 100%;
  margin-top: var(--spectrum-dialog-confirm-divider-margin-top, var(--spectrum-global-dimension-static-size-150));
  margin-bottom: var(--spectrum-dialog-confirm-divider-margin-bottom, var(--spectrum-global-dimension-static-size-200));
}

.spectrum-Dialog--noDivider .spectrum-Dialog-divider {
    display: none;
  }

.spectrum-Dialog--noDivider .spectrum-Dialog-heading {
    padding-bottom: calc(var(--spectrum-dialog-confirm-divider-margin-top, var(--spectrum-global-dimension-static-size-150)) + var(--spectrum-dialog-confirm-divider-margin-bottom, var(--spectrum-global-dimension-static-size-200)) + var(--spectrum-dialog-confirm-divider-height, var(--spectrum-global-dimension-size-25)));
  }

.spectrum-Dialog-content {
  grid-area: content;
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;

  outline: none;

  font-size: var(--spectrum-dialog-confirm-description-text-size);
  font-weight: var(--spectrum-dialog-confirm-description-text-font-weight, var(--spectrum-global-font-weight-regular));
  line-height: var(--spectrum-dialog-confirm-description-text-line-height, var(--spectrum-alias-component-text-line-height));
  padding: 0 var(--spectrum-dialog-confirm-description-padding);
  margin: 0 var(--spectrum-dialog-confirm-description-margin);
}

.spectrum-Dialog-footer {
  grid-area: footer;
  padding-top: var(--spectrum-dialog-confirm-footer-padding-top);

  display: -ms-flexbox;

  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  outline: none;
}

.spectrum-Dialog-footer > *,
  .spectrum-Dialog-footer > .spectrum-Button + .spectrum-Button {
    margin-bottom: 0;
  }

[dir="ltr"] .spectrum-Dialog-buttonGroup {
  padding-left: var(--spectrum-dialog-confirm-gap-size);
}

[dir="rtl"] .spectrum-Dialog-buttonGroup {
  padding-right: var(--spectrum-dialog-confirm-gap-size);
}

.spectrum-Dialog-buttonGroup {
  grid-area: buttonGroup;
  padding-top: var(--spectrum-dialog-confirm-buttongroup-padding-top);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.spectrum-Dialog-buttonGroup.spectrum-Dialog-buttonGroup--noFooter {
    grid-area: footer-start / footer-start / buttonGroup-end / buttonGroup-end;
  }

.spectrum-Dialog.spectrum-Dialog--dismissable .spectrum-Dialog-grid {
  -ms-grid-columns:
    var(--spectrum-dialog-confirm-padding) auto 1fr auto minmax(0, auto)
    minmax(0, var(--spectrum-dialog-confirm-close-button-size)) var(--spectrum-dialog-confirm-padding);
      grid-template-columns:
    var(--spectrum-dialog-confirm-padding) auto 1fr auto minmax(0, auto)
    minmax(0, var(--spectrum-dialog-confirm-close-button-size)) var(--spectrum-dialog-confirm-padding);
  -ms-grid-rows: auto var(--spectrum-dialog-confirm-padding) auto auto 1fr auto var(
      --spectrum-dialog-confirm-padding
    );
      grid-template-rows: auto var(--spectrum-dialog-confirm-padding) auto auto 1fr auto var(
      --spectrum-dialog-confirm-padding
    );
  grid-template-areas:
    "hero hero    hero    hero        hero        hero        hero"
    ".    .       .       .           .           closeButton closeButton"
    ".    heading header  header      typeIcon    closeButton closeButton"
    ".    divider divider divider     divider     divider     ."
    ".    content content content     content     content     ."
    ".    footer  footer  buttonGroup buttonGroup buttonGroup ."
    ".    .       .       .           .           .           .";
}

.spectrum-Dialog.spectrum-Dialog--dismissable .spectrum-Dialog-grid .spectrum-Dialog-buttonGroup {
    display: none;
  }

.spectrum-Dialog.spectrum-Dialog--dismissable .spectrum-Dialog-grid .spectrum-Dialog-footer {
    grid-area: footer / footer/ buttonGroup / buttonGroup;
  }

[dir="ltr"] .spectrum-Dialog-closeButton {

  margin-right: var(--spectrum-dialog-confirm-close-button-padding);
}

[dir="rtl"] .spectrum-Dialog-closeButton {

  margin-left: var(--spectrum-dialog-confirm-close-button-padding);
}

.spectrum-Dialog-closeButton {
  grid-area: closeButton;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  justify-self: end;
  margin-top: var(--spectrum-dialog-confirm-close-button-padding);
}

.spectrum-Dialog--error {
  width: var(--spectrum-dialog-error-width, 90%);
}

.spectrum-Dialog--fullscreen {
  width: 100%;
  height: 100%;
}

.spectrum-Dialog--fullscreenTakeover {
  width: 100%;
  height: 100%;

  border-radius: 0;
}

.spectrum-Dialog--fullscreen,
.spectrum-Dialog--fullscreenTakeover {
  max-height: none;
  max-width: none;
}

.spectrum-Dialog--fullscreen.spectrum-Dialog .spectrum-Dialog-grid, .spectrum-Dialog--fullscreenTakeover.spectrum-Dialog .spectrum-Dialog-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: var(--spectrum-dialog-confirm-padding) 1fr auto auto var(
        --spectrum-dialog-confirm-padding
      );
        grid-template-columns: var(--spectrum-dialog-confirm-padding) 1fr auto auto var(
        --spectrum-dialog-confirm-padding
      );
    -ms-grid-rows: var(--spectrum-dialog-confirm-padding) auto auto 1fr var(
        --spectrum-dialog-confirm-padding
      );
        grid-template-rows: var(--spectrum-dialog-confirm-padding) auto auto 1fr var(
        --spectrum-dialog-confirm-padding
      );
    grid-template-areas:
      ".    .       .       .            ."
      ".    heading header  buttonGroup  ."
      ".    divider divider divider      ."
      ".    content content content      ."
      ".    .       .       .            .";
  }

.spectrum-Dialog--fullscreen .spectrum-Dialog-heading, .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-heading {
    font-size: var(--spectrum-dialog-fullscreen-header-text-size);
  }

.spectrum-Dialog--fullscreen .spectrum-Dialog-content, .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-content {
    max-height: none;
  }

.spectrum-Dialog--fullscreen .spectrum-Dialog-footer,
  .spectrum-Dialog--fullscreen .spectrum-Dialog-buttonGroup,
  .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-footer,
  .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-buttonGroup {
    padding-top: 0px;
  }

.spectrum-Dialog--fullscreen .spectrum-Dialog-footer, .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-footer {
    display: none;
  }

.spectrum-Dialog--fullscreen .spectrum-Dialog-buttonGroup, .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-buttonGroup {
    grid-area: buttonGroup;
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }

@media screen and (max-width: 700px) {
  .spectrum-Dialog .spectrum-Dialog-grid {
    -ms-grid-columns:
      var(--spectrum-dialog-confirm-padding) auto 1fr auto minmax(0, auto)
      var(--spectrum-dialog-confirm-padding);
        grid-template-columns:
      var(--spectrum-dialog-confirm-padding) auto 1fr auto minmax(0, auto)
      var(--spectrum-dialog-confirm-padding);
    -ms-grid-rows: auto var(--spectrum-dialog-confirm-padding) auto auto auto 1fr auto var(
        --spectrum-dialog-confirm-padding
      );
        grid-template-rows: auto var(--spectrum-dialog-confirm-padding) auto auto auto 1fr auto var(
        --spectrum-dialog-confirm-padding
      );
    grid-template-areas:
      "hero hero    hero    hero        hero        hero"
      ".    .       .       .           .           ."
      ".    heading heading heading     typeIcon    ."
      ".    header  header  header      header      ."
      ".    divider divider divider     divider     ."
      ".    content content content     content     ."
      ".    footer  footer  buttonGroup buttonGroup ."
      ".    .       .       .           .           .";
  }

  .spectrum-Dialog.spectrum-Dialog--dismissable .spectrum-Dialog-grid {
    -ms-grid-columns:
      var(--spectrum-dialog-confirm-padding) auto 1fr auto minmax(0, auto)
      minmax(0, var(--spectrum-dialog-confirm-close-button-size)) var(--spectrum-dialog-confirm-padding);
        grid-template-columns:
      var(--spectrum-dialog-confirm-padding) auto 1fr auto minmax(0, auto)
      minmax(0, var(--spectrum-dialog-confirm-close-button-size)) var(--spectrum-dialog-confirm-padding);
    -ms-grid-rows: auto var(--spectrum-dialog-confirm-padding) auto auto auto 1fr auto var(
        --spectrum-dialog-confirm-padding
      );
        grid-template-rows: auto var(--spectrum-dialog-confirm-padding) auto auto auto 1fr auto var(
        --spectrum-dialog-confirm-padding
      );
    grid-template-areas:
      "hero hero    hero    hero        hero        hero        hero"
      ".    .       .       .           .           closeButton closeButton"
      ".    heading heading heading     typeIcon    closeButton closeButton"
      ".    header  header  header      header      header      ."
      ".    divider divider divider     divider     divider     ."
      ".    content content content     content     content     ."
      ".    footer  footer  buttonGroup buttonGroup buttonGroup ."
      ".    .       .       .           .           .           .";
  }

  .spectrum-Dialog .spectrum-Dialog-header {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
    .spectrum-Dialog--fullscreen.spectrum-Dialog .spectrum-Dialog-grid, .spectrum-Dialog--fullscreenTakeover.spectrum-Dialog .spectrum-Dialog-grid {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: var(--spectrum-dialog-confirm-padding) 1fr var(
          --spectrum-dialog-confirm-padding
        );
          grid-template-columns: var(--spectrum-dialog-confirm-padding) 1fr var(
          --spectrum-dialog-confirm-padding
        );
      -ms-grid-rows: var(--spectrum-dialog-confirm-padding) auto auto auto 1fr auto var(
          --spectrum-dialog-confirm-padding
        );
          grid-template-rows: var(--spectrum-dialog-confirm-padding) auto auto auto 1fr auto var(
          --spectrum-dialog-confirm-padding
        );
      grid-template-areas:
        ".    .            ."
        ".    heading      ."
        ".    header       ."
        ".    divider      ."
        ".    content      ."
        ".    buttonGroup  ."
        ".    .            .";
    }

    .spectrum-Dialog--fullscreen .spectrum-Dialog-buttonGroup, .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-buttonGroup {
      padding-top: var(
        --spectrum-dialog-confirm-buttongroup-padding-top
      );
    }

    .spectrum-Dialog--fullscreen .spectrum-Dialog-heading, .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-heading {
      font-size: var(--spectrum-dialog-confirm-title-text-size);
    }
}

@media (forced-colors: active) {
  .spectrum-Dialog {
    border: solid;
  }
}

.spectrum-Dialog-heading {
  color: var(--spectrum-dialog-confirm-title-text-color, var(--spectrum-alias-heading-text-color));
}

.spectrum-Dialog-content {
  color: var(--spectrum-dialog-confirm-description-text-color, var(--spectrum-global-color-gray-800));
}

.spectrum-Dialog-footer {
  color: var(--spectrum-dialog-confirm-description-text-color, var(--spectrum-global-color-gray-800));
}

.spectrum-Dialog-typeIcon {
  color: var(--spectrum-dialog-confirm-icon-color, var(--spectrum-global-color-gray-900));
}

.spectrum-Dialog--error .spectrum-Dialog-typeIcon {
    color: var(--spectrum-dialog-error-icon-color, var(--spectrum-semantic-negative-icon-color));
  }

.spectrum-Divider--sizeS {
  --spectrum-divider-height: var(--spectrum-divider-s-height, var(--spectrum-global-dimension-size-10));
  --spectrum-divider-vertical-height: var(--spectrum-divider-s-vertical-height, var(--spectrum-global-dimension-size-10));
  --spectrum-divider-vertical-width: var(--spectrum-divider-s-vertical-width, var(--spectrum-global-dimension-size-10));
}

.spectrum-Divider--sizeM {
  --spectrum-divider-height: var(--spectrum-divider-m-height, var(--spectrum-global-dimension-size-25));
  --spectrum-divider-vertical-height: var(--spectrum-divider-m-vertical-height, var(--spectrum-global-dimension-size-25));
  --spectrum-divider-vertical-width: var(--spectrum-divider-m-vertical-width, var(--spectrum-global-dimension-size-25));
}

.spectrum-Divider--sizeL {
  --spectrum-divider-height: var(--spectrum-divider-l-height, var(--spectrum-global-dimension-size-50));
  --spectrum-divider-vertical-height: var(--spectrum-divider-l-vertical-height, var(--spectrum-global-dimension-size-50));
  --spectrum-divider-vertical-width: var(--spectrum-divider-l-vertical-width, var(--spectrum-global-dimension-size-50));
}

.spectrum-Divider {
  --spectrum-divider-vertical-height: 100%;
}

.spectrum-Divider {
  width: 100%;
  height: var(--spectrum-divider-height);
  overflow: visible;

  border: none;
  border-width: var(--spectrum-divider-height);
  border-radius: var(--spectrum-divider-height);
}

.spectrum-Divider--vertical {
  height: var(--spectrum-divider-vertical-height);
  width: var(--spectrum-divider-vertical-width);
}

.spectrum-Divider {
  --spectrum-divider-l-background-color: var(--spectrum-global-color-gray-800);
  --spectrum-divider-m-background-color: var(--spectrum-global-color-gray-300);
  --spectrum-divider-s-background-color: var(--spectrum-global-color-gray-300);
}

.spectrum-Divider--sizeL {
  background-color: var(--spectrum-divider-l-background-color, var(--spectrum-global-color-gray-800));
}

.spectrum-Divider--sizeM {
  background-color: var(--spectrum-divider-m-background-color, var(--spectrum-global-color-gray-300));
}

.spectrum-Divider--sizeS {
  background-color: var(--spectrum-divider-s-background-color, var(--spectrum-global-color-gray-300));
}

.spectrum-DropIndicator {
  position: relative;
}

.spectrum-DropIndicator:before,
  .spectrum-DropIndicator:after {
    content: '';
    position: absolute;
    width: var(--spectrum-dropindicator-circle-size, var(--spectrum-global-dimension-static-size-150));
    height: var(--spectrum-dropindicator-circle-size, var(--spectrum-global-dimension-static-size-150));
    border-radius: 50%;
    border: var(--spectrum-dropindicator-border-size, var(--spectrum-alias-border-size-thick)) solid;
    box-sizing: border-box;
  }

.spectrum-DropIndicator--horizontal {
  height: var(--spectrum-dropindicator-border-size, var(--spectrum-alias-border-size-thick));
  margin: 0 var(--spectrum-dropindicator-circle-size, var(--spectrum-global-dimension-static-size-150));
}

.spectrum-DropIndicator--horizontal:before,
  .spectrum-DropIndicator--horizontal:after {
    top: calc(-1 * var(--spectrum-dropindicator-circle-size, var(--spectrum-global-dimension-static-size-150)) / 2 + var(--spectrum-dropindicator-border-size, var(--spectrum-alias-border-size-thick)) / 2);
  }

[dir="ltr"] .spectrum-DropIndicator--horizontal:before {
    left: calc(-1 * var(--spectrum-dropindicator-circle-size, var(--spectrum-global-dimension-static-size-150)));
}

[dir="rtl"] .spectrum-DropIndicator--horizontal:before {
    right: calc(-1 * var(--spectrum-dropindicator-circle-size, var(--spectrum-global-dimension-static-size-150)));
}

[dir="ltr"] .spectrum-DropIndicator--horizontal:after {
    right: calc(-1 * var(--spectrum-dropindicator-circle-size, var(--spectrum-global-dimension-static-size-150)));
}

[dir="rtl"] .spectrum-DropIndicator--horizontal:after {
    left: calc(-1 * var(--spectrum-dropindicator-circle-size, var(--spectrum-global-dimension-static-size-150)));
}

.spectrum-DropIndicator--vertical {
  width: var(--spectrum-dropindicator-border-size, var(--spectrum-alias-border-size-thick));
  margin-top: var(--spectrum-dropindicator-circle-size, var(--spectrum-global-dimension-static-size-150));
  margin-bottom: var(--spectrum-dropindicator-circle-size, var(--spectrum-global-dimension-static-size-150));
  margin-left: 0;
  margin-right: 0;
}

[dir="ltr"] .spectrum-DropIndicator--vertical:before,[dir="ltr"] 
  .spectrum-DropIndicator--vertical:after {
    left: calc(-1 * var(--spectrum-dropindicator-circle-size, var(--spectrum-global-dimension-static-size-150)) / 2 + var(--spectrum-dropindicator-border-size, var(--spectrum-alias-border-size-thick)) / 2);
}

[dir="rtl"] .spectrum-DropIndicator--vertical:before,[dir="rtl"] 
  .spectrum-DropIndicator--vertical:after {
    right: calc(-1 * var(--spectrum-dropindicator-circle-size, var(--spectrum-global-dimension-static-size-150)) / 2 + var(--spectrum-dropindicator-border-size, var(--spectrum-alias-border-size-thick)) / 2);
}

.spectrum-DropIndicator--vertical:before {
    top: calc(-1 * var(--spectrum-dropindicator-circle-size, var(--spectrum-global-dimension-static-size-150)));
  }

.spectrum-DropIndicator--vertical:after {
    bottom: calc(-1 * var(--spectrum-dropindicator-circle-size, var(--spectrum-global-dimension-static-size-150)));
  }

.spectrum-DropIndicator {
  background: var(--spectrum-dropindicator-border-color, var(--spectrum-global-color-blue-400));
}

.spectrum-DropIndicator:before,
  .spectrum-DropIndicator:after {
    border-color: var(--spectrum-dropindicator-circle-border-color, var(--spectrum-global-color-blue-400));
  }

.spectrum-Dropzone {
  text-align: center;
  border-width: var(--spectrum-dropzone-border-width, var(--spectrum-alias-border-size-thick));
  border-radius: var(--spectrum-dropzone-border-radius, var(--spectrum-alias-border-radius-regular));
  padding: var(--spectrum-dropzone-padding, var(--spectrum-global-dimension-size-900));
  border-style: dashed;
}

.spectrum-Dropzone.is-dragged {
    border-style: solid;
  }

.spectrum-Dropzone:focus {
    outline: 0;
    border-style: dashed;
  }

.spectrum-Dropzone:focus.focus-ring {
      border-style: solid;
    }

.spectrum-Dropzone {
  border-color: var(--spectrum-dropzone-border-color, var(--spectrum-global-color-gray-300));
}

.spectrum-Dropzone.is-dragged {
    border-color: var(--spectrum-dropzone-border-color-selected-hover, var(--spectrum-global-color-blue-400));
    background-color: var(--spectrum-dropzone-background-color-selected-hover, var(--spectrum-alias-highlight-selected));
  }

.spectrum-Dropzone.is-dragged .spectrum-IllustratedMessage-illustration {
      color: var(--spectrum-global-color-blue-400);
    }

.spectrum-Dropzone:focus {
    border-color: var(--spectrum-dropzone-border-color, var(--spectrum-global-color-gray-300));
  }

.spectrum-Dropzone:focus .spectrum-IllustratedMessage-illustration {
      color: var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188));
    }

.spectrum-Dropzone:focus.focus-ring {
      border-color: var(--spectrum-dropzone-border-color-selected-hover, var(--spectrum-global-color-blue-400));
    }

.spectrum-Dropzone:focus.is-dragged.focus-ring .spectrum-IllustratedMessage-illustration {
        color: var(--spectrum-global-color-blue-400);
      }

.spectrum-FieldGroup {
  --spectrum-fieldgroup-margin: var(--spectrum-global-dimension-size-200);
}

.spectrum-FieldGroup {
  display: -ms-flexbox;
  display: flex;
  vertical-align: top;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

[dir="ltr"] .spectrum-FieldGroup--horizontal .spectrum-FieldGroup-item:not(:last-child) {
    margin-right: var(--spectrum-fieldgroup-margin);
}

[dir="rtl"] .spectrum-FieldGroup--horizontal .spectrum-FieldGroup-item:not(:last-child) {
    margin-left: var(--spectrum-fieldgroup-margin);
}

.spectrum-FieldGroup--vertical {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.spectrum-FieldLabel--sizeS {
  --spectrum-fieldlabel-padding-top: var(--spectrum-fieldlabel-s-padding-top, var(--spectrum-global-dimension-size-50));
  --spectrum-fieldlabel-padding-bottom: var(--spectrum-fieldlabel-s-padding-bottom, var(--spectrum-global-dimension-size-65));
  --spectrum-fieldlabel-text-size: var(--spectrum-fieldlabel-s-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-fieldlabel-text-font-weight: var(--spectrum-fieldlabel-s-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-fieldlabel-text-line-height: var(--spectrum-fieldlabel-s-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-fieldlabel-asterisk-gap: var(--spectrum-fieldlabel-s-asterisk-gap, var(--spectrum-global-dimension-size-50));
}

.spectrum-FieldLabel--sizeM {
  --spectrum-fieldlabel-padding-top: var(--spectrum-fieldlabel-m-padding-top, var(--spectrum-global-dimension-size-50));
  --spectrum-fieldlabel-padding-bottom: var(--spectrum-fieldlabel-m-padding-bottom, var(--spectrum-global-dimension-size-65));
  --spectrum-fieldlabel-text-size: var(--spectrum-fieldlabel-m-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-fieldlabel-text-font-weight: var(--spectrum-fieldlabel-m-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-fieldlabel-text-line-height: var(--spectrum-fieldlabel-m-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-fieldlabel-asterisk-gap: var(--spectrum-fieldlabel-m-asterisk-gap, var(--spectrum-global-dimension-size-50));
}

.spectrum-FieldLabel--sizeL {
  --spectrum-fieldlabel-padding-top: var(--spectrum-fieldlabel-l-padding-top, var(--spectrum-global-dimension-size-75));
  --spectrum-fieldlabel-padding-bottom: var(--spectrum-fieldlabel-l-padding-bottom, var(--spectrum-global-dimension-size-115));
  --spectrum-fieldlabel-text-size: var(--spectrum-fieldlabel-l-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-fieldlabel-text-font-weight: var(--spectrum-fieldlabel-l-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-fieldlabel-text-line-height: var(--spectrum-fieldlabel-l-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-fieldlabel-asterisk-gap: var(--spectrum-fieldlabel-l-asterisk-gap, var(--spectrum-global-dimension-size-65));
}

.spectrum-FieldLabel--sizeXL {
  --spectrum-fieldlabel-padding-top: var(--spectrum-fieldlabel-xl-padding-top, var(--spectrum-global-dimension-size-115));
  --spectrum-fieldlabel-padding-bottom: var(--spectrum-fieldlabel-xl-padding-bottom, var(--spectrum-global-dimension-size-130));
  --spectrum-fieldlabel-text-size: var(--spectrum-fieldlabel-xl-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-fieldlabel-text-font-weight: var(--spectrum-fieldlabel-xl-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-fieldlabel-text-line-height: var(--spectrum-fieldlabel-xl-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-fieldlabel-asterisk-gap: var(--spectrum-fieldlabel-xl-asterisk-gap, var(--spectrum-global-dimension-size-65));
}

.spectrum-FieldLabel,
.spectrum-Form-itemLabel {
  display: block;

  box-sizing: border-box;

  padding-top: var(--spectrum-fieldlabel-padding-top);

  padding-bottom: var(--spectrum-fieldlabel-padding-bottom);
  padding-left: 0;
  padding-right: 0;

  font-size: var(--spectrum-fieldlabel-text-size);
  font-weight: var(--spectrum-fieldlabel-text-font-weight);
  line-height: var(--spectrum-fieldlabel-text-line-height);

  vertical-align: top;

  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  font-smoothing: subpixel-antialiased;
}

[dir="ltr"] .spectrum-FieldLabel-requiredIcon {
  margin-left: var(--spectrum-fieldlabel-asterisk-gap);
  margin-right: 0;
}

[dir="rtl"] .spectrum-FieldLabel-requiredIcon {
  margin-right: var(--spectrum-fieldlabel-asterisk-gap);
  margin-left: 0;
}

.spectrum-FieldLabel-requiredIcon {
  margin-top: 0;
  margin-bottom: 0;
}

[dir="ltr"] .spectrum-FieldLabel--left {
  padding-left: 0;
  padding-right: var(--spectrum-fieldlabel-m-side-padding-right, var(--spectrum-global-dimension-size-150));
}

[dir="rtl"] .spectrum-FieldLabel--left {
  padding-right: 0;
  padding-left: var(--spectrum-fieldlabel-m-side-padding-right, var(--spectrum-global-dimension-size-150));
}

.spectrum-FieldLabel--left {
  display: inline-block;
  padding-top: var(--spectrum-fieldlabel-m-side-padding-top, var(--spectrum-global-dimension-size-100));
  padding-bottom: 0;
}

[dir="ltr"] .spectrum-FieldLabel--left .spectrum-FieldLabel-requiredIcon {
    margin-left: var(--spectrum-fieldlabel-asterisk-gap);
    margin-right: 0;
}

[dir="rtl"] .spectrum-FieldLabel--left .spectrum-FieldLabel-requiredIcon {
    margin-right: var(--spectrum-fieldlabel-asterisk-gap);
    margin-left: 0;
}

.spectrum-FieldLabel--left .spectrum-FieldLabel-requiredIcon {
    margin-top: var(--spectrum-fieldlabel-m-side-asterisk-margin-y, var(--spectrum-global-dimension-size-100));
    margin-bottom: 0;
  }

[dir="ltr"] .spectrum-FieldLabel--right {
  text-align: right;
}

[dir="rtl"] .spectrum-FieldLabel--right {
  text-align: left;
}

[dir="ltr"] .spectrum-FieldLabel--right {
  padding-left: 0;
  padding-right: var(--spectrum-fieldlabel-m-side-padding-right, var(--spectrum-global-dimension-size-150));
}

[dir="rtl"] .spectrum-FieldLabel--right {
  padding-right: 0;
  padding-left: var(--spectrum-fieldlabel-m-side-padding-right, var(--spectrum-global-dimension-size-150));
}

.spectrum-FieldLabel--right {
  display: inline-block;
  padding-top: var(--spectrum-fieldlabel-m-side-padding-top, var(--spectrum-global-dimension-size-100));
  padding-bottom: 0;
}

.spectrum-Form {
  --spectrum-tableform-border-spacing: 0 var(--spectrum-global-dimension-size-300);
  --spectrum-tableform-margin: calc(var(--spectrum-global-dimension-size-250) * -1) 0;
  --spectrum-tableform-labelsabove-item-gap: var(--spectrum-global-dimension-size-100);

  display: table;
  border-collapse: separate;
  border-spacing: var(--spectrum-tableform-border-spacing);
  margin: var(--spectrum-tableform-margin);
}

.spectrum-Form-item {
  display: table-row;
}

.spectrum-Form-itemLabel {
  display: table-cell;
}

.spectrum-Form-itemField {
  display: table-cell;
}

.spectrum-Form--labelsAbove {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0;
}

.spectrum-Form--labelsAbove .spectrum-Form-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }

.spectrum-Form--labelsAbove .spectrum-Form-item + .spectrum-Form-item {
      margin-top: var(--spectrum-tableform-labelsabove-item-gap);
    }

.spectrum-FieldLabel,
.spectrum-Form-itemLabel {
  color: var(--spectrum-fieldlabel-m-text-color, var(--spectrum-alias-label-text-color));
}

.spectrum-FieldLabel.is-disabled, .spectrum-Form-itemLabel.is-disabled {
    color: var(--spectrum-fieldlabel-m-text-color-disabled, var(--spectrum-alias-text-color-disabled));
  }

.spectrum-FieldLabel.is-disabled .spectrum-FieldLabel-requiredIcon, .spectrum-Form-itemLabel.is-disabled .spectrum-FieldLabel-requiredIcon {
      color: var(--spectrum-fieldlabel-m-asterisk-color-disabled, var(--spectrum-alias-text-color-disabled));
    }

.spectrum-FieldLabel-requiredIcon {
  color: var(--spectrum-fieldlabel-m-asterisk-color, var(--spectrum-global-color-gray-600));
}

.spectrum-HelpText--sizeS {
  --spectrum-helptext-neutral-textonly-text-padding-bottom: var(--spectrum-helptext-s-neutral-textonly-text-padding-bottom);
  --spectrum-helptext-neutral-texticon-text-size: var(--spectrum-helptext-s-neutral-texticon-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-helptext-neutral-texticon-icon-gap: var(--spectrum-helptext-s-neutral-texticon-icon-gap, var(--spectrum-global-dimension-size-85));
  --spectrum-helptext-negative-texticon-icon-padding-top: var(--spectrum-helptext-s-negative-texticon-icon-padding-top, var(--spectrum-global-dimension-size-50));
  --spectrum-helptext-negative-texticon-icon-padding-bottom: var(--spectrum-helptext-s-negative-texticon-icon-padding-bottom, var(--spectrum-global-dimension-size-50));
  --spectrum-helptext-neutral-textonly-text-transform: var(--spectrum-helptext-s-neutral-textonly-text-transform, none);
  --spectrum-helptext-neutral-textonly-text-padding-top: var(--spectrum-helptext-s-neutral-textonly-text-padding-top, var(--spectrum-global-dimension-static-size-50));
  --spectrum-helptext-neutral-textonly-text-line-height: var(--spectrum-helptext-s-neutral-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-helptext-neutral-textonly-text-letter-spacing: var(--spectrum-helptext-s-neutral-textonly-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
}

.spectrum-HelpText--sizeM {
  --spectrum-helptext-neutral-textonly-text-padding-bottom: var(--spectrum-helptext-m-neutral-textonly-text-padding-bottom);
  --spectrum-helptext-neutral-texticon-text-size: var(--spectrum-helptext-m-neutral-texticon-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-helptext-neutral-texticon-icon-gap: var(--spectrum-helptext-m-neutral-texticon-icon-gap, var(--spectrum-global-dimension-size-100));
  --spectrum-helptext-negative-texticon-icon-padding-top: var(--spectrum-helptext-m-negative-texticon-icon-padding-top, var(--spectrum-global-dimension-size-40));
  --spectrum-helptext-negative-texticon-icon-padding-bottom: var(--spectrum-helptext-m-negative-texticon-icon-padding-bottom, var(--spectrum-global-dimension-size-40));
  --spectrum-helptext-neutral-textonly-text-transform: var(--spectrum-helptext-m-neutral-textonly-text-transform, none);
  --spectrum-helptext-neutral-textonly-text-padding-top: var(--spectrum-helptext-m-neutral-textonly-text-padding-top, var(--spectrum-global-dimension-static-size-50));
  --spectrum-helptext-neutral-textonly-text-line-height: var(--spectrum-helptext-m-neutral-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-helptext-neutral-textonly-text-letter-spacing: var(--spectrum-helptext-m-neutral-textonly-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
}

.spectrum-HelpText--sizeL {
  --spectrum-helptext-neutral-texticon-text-size: var(--spectrum-helptext-l-neutral-texticon-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-helptext-neutral-texticon-icon-gap: var(--spectrum-helptext-l-neutral-texticon-icon-gap, var(--spectrum-global-dimension-size-115));
  --spectrum-helptext-negative-texticon-icon-padding-top: var(--spectrum-helptext-l-negative-texticon-icon-padding-top, var(--spectrum-global-dimension-size-75));
  --spectrum-helptext-negative-texticon-icon-padding-bottom: var(--spectrum-helptext-l-negative-texticon-icon-padding-bottom, var(--spectrum-global-dimension-size-75));
  --spectrum-helptext-neutral-textonly-text-transform: var(--spectrum-helptext-l-neutral-textonly-text-transform, none);
  --spectrum-helptext-neutral-textonly-text-padding-top: var(--spectrum-helptext-l-neutral-textonly-text-padding-top, var(--spectrum-global-dimension-size-75));
  --spectrum-helptext-neutral-textonly-text-padding-bottom: var(--spectrum-helptext-l-neutral-textonly-text-padding-bottom, var(--spectrum-global-dimension-size-115));
  --spectrum-helptext-neutral-textonly-text-line-height: var(--spectrum-helptext-l-neutral-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-helptext-neutral-textonly-text-letter-spacing: var(--spectrum-helptext-l-neutral-textonly-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
}

.spectrum-HelpText--sizeXL {
  --spectrum-helptext-neutral-textonly-text-padding-top: var(--spectrum-helptext-xl-neutral-textonly-text-padding-top);
  --spectrum-helptext-neutral-texticon-text-size: var(--spectrum-helptext-xl-neutral-texticon-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-helptext-neutral-texticon-icon-gap: var(--spectrum-helptext-xl-neutral-texticon-icon-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-helptext-negative-texticon-icon-padding-top: var(--spectrum-helptext-xl-negative-texticon-icon-padding-top, var(--spectrum-global-dimension-size-115));
  --spectrum-helptext-negative-texticon-icon-padding-bottom: var(--spectrum-helptext-xl-negative-texticon-icon-padding-bottom, var(--spectrum-global-dimension-size-115));
  --spectrum-helptext-neutral-textonly-text-transform: var(--spectrum-helptext-xl-neutral-textonly-text-transform, none);
  --spectrum-helptext-neutral-textonly-text-padding-bottom: var(--spectrum-helptext-xl-neutral-textonly-text-padding-bottom, var(--spectrum-global-dimension-size-130));
  --spectrum-helptext-neutral-textonly-text-line-height: var(--spectrum-helptext-xl-neutral-textonly-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-helptext-neutral-textonly-text-letter-spacing: var(--spectrum-helptext-xl-neutral-textonly-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
}

.spectrum-HelpText {
  display: -ms-flexbox;
  display: flex;
  font-size: var(--spectrum-helptext-neutral-texticon-text-size);
}

[dir="ltr"] .spectrum-HelpText .spectrum-HelpText-validationIcon {
    margin-right: var(--spectrum-helptext-neutral-texticon-icon-gap);
}

[dir="rtl"] .spectrum-HelpText .spectrum-HelpText-validationIcon {
    margin-left: var(--spectrum-helptext-neutral-texticon-icon-gap);
}

.spectrum-HelpText .spectrum-HelpText-validationIcon {
    padding-top: var(--spectrum-helptext-negative-texticon-icon-padding-top);
    padding-bottom: var(--spectrum-helptext-negative-texticon-icon-padding-bottom);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

[dir="ltr"] .spectrum-HelpText .spectrum-HelpText-text {
    margin-right: var(--spectrum-helptext-neutral-texticon-icon-gap);
}

[dir="rtl"] .spectrum-HelpText .spectrum-HelpText-text {
    margin-left: var(--spectrum-helptext-neutral-texticon-icon-gap);
}

.spectrum-HelpText .spectrum-HelpText-text {
    padding-top: var(--spectrum-helptext-neutral-textonly-text-padding-top);
    padding-bottom: var(--spectrum-helptext-neutral-textonly-text-padding-bottom);
    line-height: var(--spectrum-helptext-neutral-textonly-text-line-height);
    text-transform: var(--spectrum-helptext-neutral-textonly-text-transform);
    letter-spacing: var(--spectrum-helptext-neutral-textonly-text-letter-spacing);
  }

.spectrum-HelpText--neutral {
  --spectrum-helptext-m-texticon-text-color-disabled: var(--spectrum-helptext-m-neutral-texticon-text-color-disabled, var(--spectrum-alias-text-color-disabled));
  --spectrum-helptext-m-texticon-icon-color-disabled: var(--spectrum-helptext-m-neutral-texticon-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
  --spectrum-helptext-m-texticon-text-color: var(--spectrum-helptext-m-neutral-texticon-text-color, var(--spectrum-alias-label-text-color));
  --spectrum-helptext-m-texticon-icon-color: var(--spectrum-helptext-m-neutral-texticon-icon-color, var(--spectrum-alias-icon-color));
}

.spectrum-HelpText--negative {
  --spectrum-helptext-m-texticon-text-color-disabled: var(--spectrum-helptext-m-negative-texticon-text-color-disabled, var(--spectrum-alias-text-color-disabled));
  --spectrum-helptext-m-texticon-icon-color-disabled: var(--spectrum-helptext-m-negative-texticon-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
  --spectrum-helptext-m-texticon-text-color: var(--spectrum-helptext-m-negative-texticon-text-color, var(--spectrum-semantic-negative-text-color-small));
  --spectrum-helptext-m-texticon-icon-color: var(--spectrum-helptext-m-negative-texticon-icon-color, var(--spectrum-semantic-negative-icon-color));
}

.spectrum-HelpText .spectrum-HelpText-validationIcon {
    color: var(--spectrum-helptext-m-texticon-icon-color);
  }

.spectrum-HelpText .spectrum-HelpText-text {
    color: var(--spectrum-helptext-m-texticon-text-color);
  }

.spectrum-HelpText.is-disabled .spectrum-HelpText-validationIcon {
      color: var(--spectrum-helptext-m-texticon-icon-color-disabled);
    }

.spectrum-HelpText.is-disabled .spectrum-HelpText-text {
      color: var(--spectrum-helptext-m-texticon-text-color-disabled);
    }

.spectrum-IllustratedMessage {
  --spectrum-illustrated-message-description-max-width: 500px;
  --spectrum-illustrated-message-heading-max-width: 500px;
  --spectrum-illustrated-message-illustration-margin-bottom: 24px;
  --spectrum-illustrated-message-heading-margin: 0;
  --spectrum-illustrated-message-description-margin: 4px 0 0 0;
}

.spectrum-IllustratedMessage {
  height: 100%;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;

  text-align: center;
}

.spectrum-IllustratedMessage-illustration {
  margin-bottom: var(--spectrum-illustrated-message-illustration-margin-bottom);
}

.spectrum-IllustratedMessage-heading {
  max-width: var(--spectrum-illustrated-message-heading-max-width);
  margin: var(--spectrum-illustrated-message-heading-margin);
}

.spectrum-IllustratedMessage-description {
  max-width: var(--spectrum-illustrated-message-description-max-width);
  margin: var(--spectrum-illustrated-message-description-margin);

  font-style: italic;
}

.spectrum-IllustratedMessage--cta .spectrum-IllustratedMessage-description {
    font-style: normal;
  }

.spectrum-IllustratedMessage-illustration {
  color: var(--spectrum-global-color-gray-500);
  fill: currentColor;
  stroke: currentColor;
}

.spectrum-InLineAlert {
  --spectrum-inlinealert-neutral-title-height: 38px;
  --spectrum-inlinealert-neutral-corner-radius: 4px;
  --spectrum-inlinealert-neutral-border-width: 2px;
}

.spectrum-InLineAlert {
  position: relative;

  display: inline-block;
  box-sizing: border-box;
  min-width: var(--spectrum-inlinealert-neutral-min-width, var(--spectrum-global-dimension-static-size-4600));
  min-height: var(--spectrum-inlinealert-neutral-title-height);
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 0;
  margin-right: 0;
  padding-top: var(--spectrum-inlinealert-neutral-padding-y, var(--spectrum-global-dimension-static-size-250));
  padding-bottom: var(--spectrum-inlinealert-neutral-padding-y, var(--spectrum-global-dimension-static-size-250));
  padding-left: var(--spectrum-inlinealert-neutral-padding-x, var(--spectrum-global-dimension-static-size-250));
  padding-right: var(--spectrum-inlinealert-neutral-padding-x, var(--spectrum-global-dimension-static-size-250));

  border-width: var(--spectrum-inlinealert-neutral-border-width);
  border-style: solid;
  border-radius: var(--spectrum-inlinealert-neutral-corner-radius);
}

[dir="ltr"] .spectrum-InLineAlert-icon {
  right: 20px;
}

[dir="rtl"] .spectrum-InLineAlert-icon {
  left: 20px;
}

.spectrum-InLineAlert-icon {
  position: absolute;
  display: block;
  top: 20px;
}

[dir="ltr"] .spectrum-InLineAlert-header {
  padding-right: 30px;
}

[dir="rtl"] .spectrum-InLineAlert-header {
  padding-left: 30px;
}

.spectrum-InLineAlert-header {
  display: inline-block;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;

  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 14px;
  text-transform: none;
}

.spectrum-InLineAlert-content {
  display: block;
  margin: var(--spectrum-inlinealert-neutral-content-margin-top, var(--spectrum-global-dimension-static-size-100)) 0 0 0;
  padding: 0;

  font-size: 14px;
  word-wrap: break-word;
}

[dir="ltr"] .spectrum-InLineAlert-footer {

  text-align: right;
}

[dir="rtl"] .spectrum-InLineAlert-footer {

  text-align: left;
}

.spectrum-InLineAlert-footer {
  display: block;

  padding-top: 0.5rem;
}

.spectrum-InLineAlert-footer:empty {
    display: none;
  }

[dir="ltr"] .spectrum-InLineAlert-footer .spectrum-Button {
    margin-right: 0;
}

[dir="rtl"] .spectrum-InLineAlert-footer .spectrum-Button {
    margin-left: 0;
}

[dir="ltr"] .spectrum-InLineAlert-footer .spectrum-Button {
    margin-left: 0.75rem;
}

[dir="rtl"] .spectrum-InLineAlert-footer .spectrum-Button {
    margin-right: 0.75rem;
}

.spectrum-InLineAlert {
  background-color: var(--spectrum-inlinealert-neutral-background-color, var(--spectrum-global-color-gray-50));
  color: var(--spectrum-inlinealert-neutral-text-color, var(--spectrum-global-color-gray-700));
}

.spectrum-InLineAlert-header {
  color: var(--spectrum-inlinealert-neutral-title-text-color, var(--spectrum-global-color-gray-900));
}

.spectrum-InLineAlert-content {
  color: var(--spectrum-inlinealert-neutral-text-color, var(--spectrum-global-color-gray-700));
}

.spectrum-InLineAlert--info {
  border-color: var(--spectrum-inlinealert-info-border-color, var(--spectrum-semantic-informative-border-color));
}

.spectrum-InLineAlert--info .spectrum-InLineAlert-icon {
    color: var(--spectrum-inlinealert-info-icon-color, var(--spectrum-semantic-informative-icon-color));
  }

.spectrum-InLineAlert--help {
  border-color: var(--spectrum-inlinealert-info-border-color, var(--spectrum-semantic-informative-border-color));
}

.spectrum-InLineAlert--help .spectrum-InLineAlert-icon {
    color: var(--spectrum-inlinealert-info-icon-color, var(--spectrum-semantic-informative-icon-color));
  }

.spectrum-InLineAlert--error {
  border-color: var(--spectrum-inlinealert-error-border-color, var(--spectrum-semantic-negative-border-color));
}

.spectrum-InLineAlert--error .spectrum-InLineAlert-icon {
    color: var(--spectrum-inlinealert-error-icon-color, var(--spectrum-semantic-negative-icon-color));
  }

.spectrum-InLineAlert--success {
  border-color: var(--spectrum-inlinealert-success-border-color, var(--spectrum-semantic-positive-border-color));
}

.spectrum-InLineAlert--success .spectrum-InLineAlert-icon {
    color: var(--spectrum-inlinealert-success-icon-color, var(--spectrum-semantic-positive-icon-color));
  }

.spectrum-InLineAlert--negative {
  border-color: var(--spectrum-inlinealert-negative-border-color, var(--spectrum-semantic-notice-border-color));
}

.spectrum-InLineAlert--negative .spectrum-InLineAlert-icon {
    color: var(--spectrum-inlinealert-negative-icon-color, var(--spectrum-semantic-notice-icon-color));
  }

.spectrum-InputGroup {
  --spectrum-combobox-quiet-fieldbutton-border-radius: 0;

  --spectrum-inputgroup-generic-padding: var(--spectrum-global-dimension-size-150);

  --spectrum-datepicker-range-input-width-first: calc(var(--spectrum-global-dimension-size-1600) - 2 * var(--spectrum-inputgroup-generic-padding));
  --spectrum-datepicker-input-width-base: calc(var(--spectrum-datepicker-range-input-width-first) + var(--spectrum-textfield-m-texticon-icon-size, var(--spectrum-global-dimension-size-225)));
  --spectrum-datepicker-input-width: calc(var(--spectrum-datepicker-input-width-base) + var(--spectrum-alias-infieldbutton-full-height-m, var(--spectrum-global-dimension-size-400)));
  --spectrum-datepicker-range-input-width-quiet-first: calc(var(--spectrum-global-dimension-size-900) + var(--spectrum-global-dimension-size-200));
  --spectrum-datepicker-input-width-quiet: calc(var(--spectrum-datepicker-range-input-width-quiet-first) + var(--spectrum-textfield-m-texticon-icon-size, var(--spectrum-global-dimension-size-225)) + var(--spectrum-alias-infieldbutton-full-height-m, var(--spectrum-global-dimension-size-400)));

  --spectrum-datepicker-datetime-input-width-first: calc(var(--spectrum-datepicker-input-width-base) + var(--spectrum-global-dimension-size-450));
  --spectrum-datepicker-datetime-input-width: calc(var(--spectrum-datepicker-datetime-input-width-first) + var(--spectrum-textfield-m-texticon-icon-size, var(--spectrum-global-dimension-size-225)) + var(--spectrum-alias-infieldbutton-full-height-m, var(--spectrum-global-dimension-size-400)));

  --spectrum-datepicker-datetime-quiet-input-width-first: calc(var(--spectrum-datepicker-input-width-base) + var(--spectrum-global-dimension-size-300));
  --spectrum-datepicker-datetime-quiet-input-width: calc(var(--spectrum-datepicker-datetime-quiet-input-width-first) + var(--spectrum-textfield-m-texticon-icon-size, var(--spectrum-global-dimension-size-225)) + var(--spectrum-alias-infieldbutton-full-height-m, var(--spectrum-global-dimension-size-400)));

  --spectrum-datepicker-range-dash-margin-left: calc(-0.5 * var(--spectrum-global-dimension-static-font-size-100, 14px));
  --spectrum-datepicker-range-dash-padding-top: 0;
  --spectrum-datepicker-range-dash-line-height: calc(var(--spectrum-textfield-m-texticon-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-global-dimension-size-100));
  --spectrum-textfield-icon-inline-end-override: calc(var(--spectrum-alias-infieldbutton-full-height-m, var(--spectrum-global-dimension-size-400)) + var(--spectrum-global-dimension-size-100));
}

.🤫 {
  width: var(--spectrum-textfield-icon-inline-end-override);
}

.spectrum-InputGroup {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
}

[dir="ltr"] .spectrum-InputGroup-button {
  right: 0;
}

[dir="rtl"] .spectrum-InputGroup-button {
  left: 0;
}

.spectrum-InputGroup-button {
  position: absolute;
}

.spectrum-InputGroup-input {
  padding-right: var(--spectrum-alias-infieldbutton-full-height-m, var(--spectrum-global-dimension-size-400));
  -ms-flex: 1;
      flex: 1;
}

.spectrum-InputGroup--quiet {
  border-radius: var(--spectrum-combobox-quiet-fieldbutton-border-radius);
  --spectrum-textfield-icon-inline-end-override: var(--spectrum-alias-infieldbutton-full-height-m, var(--spectrum-global-dimension-size-400));
}

[dir="ltr"] .spectrum-InputGroup--quiet .spectrum-InputGroup-button {

    right: calc(-1 * var(--spectrum-alias-combobox-quiet-button-offset-x, var(--spectrum-global-dimension-size-100)));
}

[dir="rtl"] .spectrum-InputGroup--quiet .spectrum-InputGroup-button {

    left: calc(-1 * var(--spectrum-alias-combobox-quiet-button-offset-x, var(--spectrum-global-dimension-size-100)));
}

.spectrum-InputGroup--quiet .spectrum-InputGroup-button {
    width: auto;
  }

.spectrum-Datepicker--range {
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
}

.spectrum-Datepicker--range:after {
    pointer-events: none;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: calc(var(--spectrum-textfield-m-texticon-focus-ring-gap, var(--spectrum-alias-input-focusring-gap)) * -1);
    border-radius: calc(var(--spectrum-textfield-m-texticon-border-radius, var(--spectrum-alias-border-radius-regular)) + var(--spectrum-textfield-m-texticon-focus-ring-gap, var(--spectrum-alias-input-focusring-gap)));
    border-color: transparent;
    transition: box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-in-out, border-color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  }

.spectrum-Datepicker--range.is-keyboardFocused:not(.spectrum-InputGroup--quiet):after {
      box-shadow: 0 0 0 var(--spectrum-textfield-m-texticon-focus-ring-border-width, var(--spectrum-alias-component-focusring-size)) var(--spectrum-textfield-m-textonly-focus-ring-border-color-key-focus, var(--spectrum-alias-focus-ring-color));
    }

.spectrum-Datepicker--range.is-keyboardFocused:not(.spectrum-InputGroup--quiet) .spectrum-InputGroup-textfield:after {
      display: none;
    }

.spectrum-Datepicker--range.is-keyboardFocused.spectrum-InputGroup--quiet:after {
      margin: 0;
      box-shadow: none;
      border-radius: 0;
      border-bottom: 2px solid var(--spectrum-textfield-m-textonly-focus-ring-border-color-key-focus, var(--spectrum-alias-focus-ring-color));
      bottom: calc(-1 * var(--spectrum-alias-input-quiet-focusline-gap, var(--spectrum-global-dimension-static-size-10)));
    }

.spectrum-Datepicker--range.spectrum-InputGroup--quiet {
    border-radius: var(--spectrum-combobox-quiet-fieldbutton-border-radius);
  }

.spectrum-Datepicker--range.spectrum-InputGroup--quiet .spectrum-InputGroup-textfield {
      min-width: 0;
      width: var(--spectrum-datepicker-input-width-quiet);
    }

.spectrum-Datepicker--range.spectrum-InputGroup--quiet .spectrum-InputGroup-textfield:first-of-type {
        width: var(--spectrum-datepicker-range-input-width-quiet-first);
      }

.spectrum-Datepicker--range.spectrum-InputGroup--quiet .spectrum-InputGroup-button {
      border-radius: var(--spectrum-combobox-quiet-fieldbutton-border-radius);
    }

.spectrum-Datepicker--range.spectrum-Datepicker--datetimeRange .spectrum-InputGroup-textfield {
      width: var(--spectrum-datepicker-datetime-input-width);
      min-width: 0;
    }

.spectrum-Datepicker--range.spectrum-Datepicker--datetimeRange .spectrum-InputGroup-textfield:first-of-type {
        width: var(--spectrum-datepicker-datetime-input-width-first);
      }

.spectrum-Datepicker--range.spectrum-Datepicker--datetimeRange.spectrum-InputGroup--quiet .spectrum-InputGroup-textfield {
        width: var(--spectrum-datepicker-datetime-quiet-input-width);
      }

.spectrum-Datepicker--range.spectrum-Datepicker--datetimeRange.spectrum-InputGroup--quiet .spectrum-InputGroup-textfield:first-of-type {
          width: var(
            --spectrum-datepicker-datetime-quiet-input-width-first
          );
        }

.spectrum-Datepicker--range .spectrum-InputGroup-textfield {
    -ms-flex: initial;
        flex: initial;
    min-width: 0;
    width: var(--spectrum-datepicker-input-width);
  }

.spectrum-Datepicker--range .spectrum-InputGroup-textfield:first-of-type {
      width: var(--spectrum-datepicker-range-input-width-first);
    }

[dir="ltr"] .spectrum-Datepicker--range .spectrum-InputGroup-textfield.is-invalid .spectrum-InputGroup-input {
        padding-right: var(--spectrum-inputgroup-generic-padding);
}

[dir="rtl"] .spectrum-Datepicker--range .spectrum-InputGroup-textfield.is-invalid .spectrum-InputGroup-input {
        padding-left: var(--spectrum-inputgroup-generic-padding);
}

.spectrum-Datepicker--range .spectrum-InputGroup-input {
    width: 100%;
  }

[dir="ltr"] .spectrum-Datepicker--range .spectrum-InputGroup-input.spectrum-Datepicker-startField {
      border-right: 0;
}

[dir="rtl"] .spectrum-Datepicker--range .spectrum-InputGroup-input.spectrum-Datepicker-startField {
      border-left: 0;
}

[dir="ltr"] .spectrum-Datepicker--range .spectrum-InputGroup-input.spectrum-Datepicker-startField {
      padding-right: var(--spectrum-inputgroup-generic-padding);
}

[dir="rtl"] .spectrum-Datepicker--range .spectrum-InputGroup-input.spectrum-Datepicker-startField {
      padding-left: var(--spectrum-inputgroup-generic-padding);
}

.spectrum-Datepicker--range .spectrum-InputGroup-input.spectrum-Datepicker-startField {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }

[dir="ltr"] .spectrum-Datepicker--range .spectrum-InputGroup-input.spectrum-Datepicker-endField {
      border-left: 0;
}

[dir="rtl"] .spectrum-Datepicker--range .spectrum-InputGroup-input.spectrum-Datepicker-endField {
      border-right: 0;
}

[dir="ltr"] .spectrum-Datepicker--range .spectrum-InputGroup-input.spectrum-Datepicker-endField {
      padding-left: var(--spectrum-inputgroup-generic-padding);
}

[dir="rtl"] .spectrum-Datepicker--range .spectrum-InputGroup-input.spectrum-Datepicker-endField {
      padding-right: var(--spectrum-inputgroup-generic-padding);
}

.spectrum-Datepicker--range .spectrum-InputGroup-input.spectrum-Datepicker-endField {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }

.spectrum-Datepicker--range .spectrum-Datepicker-rangeDash {
    line-height: var(--spectrum-datepicker-range-dash-line-height);
    padding-top: var(--spectrum-datepicker-range-dash-padding-top);
    -ms-flex: initial;
        flex: initial;
    width: 0;
    z-index: 1;
  }

.spectrum-Datepicker--range .spectrum-Datepicker-rangeDash:before {
      content: "–";
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: var(--spectrum-datepicker-range-dash-margin-left);
      margin-right: var(--spectrum-datepicker-range-dash-margin-left);
      overflow: hidden;
      text-align: center;
      vertical-align: middle;
      width: var(--spectrum-global-dimension-static-font-size-100, 14px);
    }

[dir="ltr"] .spectrum-Datepicker--range.spectrum-InputGroup--quiet .spectrum-Datepicker--rangeDash:before {
        margin-left: var(--spectrum-datepicker-range-dash-margin-left);
}

[dir="rtl"] .spectrum-Datepicker--range.spectrum-InputGroup--quiet .spectrum-Datepicker--rangeDash:before {
        margin-right: var(--spectrum-datepicker-range-dash-margin-left);
}

.spectrum-InputGroup--quiet .spectrum-InputGroup-button,
    .spectrum-InputGroup--quiet .spectrum-InputGroup-button:hover,
    .spectrum-InputGroup--quiet .spectrum-InputGroup-button:focus,
    .spectrum-InputGroup--quiet .spectrum-InputGroup-button:active,
    .spectrum-InputGroup--quiet .spectrum-InputGroup-button.is-selected,
    .spectrum-InputGroup--quiet .spectrum-InputGroup-button.is-invalid {
      border-color: var(--spectrum-textfield-m-quiet-texticon-border-color, var(--spectrum-alias-input-border-color-default));
    }

.spectrum-InputGroup--quiet .spectrum-InputGroup-button:disabled,
    .spectrum-InputGroup--quiet .spectrum-InputGroup-button:disabled:hover {
      border-color: var(--spectrum-textfield-m-quiet-texticon-border-color-disabled, var(--spectrum-alias-input-border-color-quiet-disabled));
    }

.spectrum-InputGroup--quiet:hover:not(.is-focused):not(.is-keyboardFocused):not(.is-disabled) .spectrum-InputGroup-input,
    .spectrum-InputGroup--quiet:hover:not(.is-focused):not(.is-keyboardFocused):not(.is-disabled) .spectrum-InputGroup-button {
      border-color: var(--spectrum-textfield-m-quiet-texticon-border-color-hover, var(--spectrum-alias-input-border-color-hover));
    }

.spectrum-InputGroup--quiet.is-invalid .spectrum-InputGroup-input,
    .spectrum-InputGroup--quiet.is-invalid .spectrum-InputGroup-button {
      border-color: var(--spectrum-textfield-m-quiet-texticon-border-color-invalid, var(--spectrum-alias-input-border-color-invalid-default));
    }

.spectrum-InputGroup.is-disabled .spectrum-Datepicker-rangeDash{
  color: var(--spectrum-alias-text-color-disabled, var(--spectrum-global-color-gray-500));
}
.spectrum-Link--sizeS {
  --spectrum-link-primary-text-size: var(--spectrum-link-s-primary-text-size, var(--spectrum-global-dimension-font-size-75));
}

.spectrum-Link--sizeM {
  --spectrum-link-primary-text-size: var(--spectrum-link-m-primary-text-size, var(--spectrum-global-dimension-font-size-100));
}

.spectrum-Link--sizeL {
  --spectrum-link-primary-text-size: var(--spectrum-link-l-primary-text-size, var(--spectrum-global-dimension-font-size-200));
}

.spectrum-Link--sizeXL {
  --spectrum-link-primary-text-size: var(--spectrum-link-xl-primary-text-size, var(--spectrum-global-dimension-font-size-300));
}

.spectrum-Link {
  font-size: var(--spectrum-link-primary-text-size);
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: underline;
  transition: color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  outline: none;
  cursor: pointer;
}

.spectrum-Link.focus-ring {
    text-decoration: underline;
    -webkit-text-decoration-style: double;
            text-decoration-style: double;
  }

.spectrum-Link--quiet {
  text-decoration: none;
}

.spectrum-Link--quiet:hover {
    text-decoration: underline;
  }

.spectrum-Link {
  color: var(--spectrum-link-m-primary-text-color, var(--spectrum-alias-link-primary-text-color-default));
}

.spectrum-Link:hover {
    color: var(--spectrum-link-m-primary-text-color-hover, var(--spectrum-alias-link-primary-text-color-hover));
  }

.spectrum-Link:active {
    color: var(--spectrum-link-m-primary-text-color-down, var(--spectrum-alias-link-primary-text-color-down));
  }

.spectrum-Link.focus-ring {
    color: var(--spectrum-link-m-primary-text-color-key-focus, var(--spectrum-alias-link-primary-text-color-key-focus));
  }

.spectrum-Link--secondary {
  color: inherit;
}

.spectrum-Link--secondary:hover {
    color: inherit;
  }

.spectrum-Link--secondary:active {
    color: inherit;
  }

.spectrum-Link--secondary:focus {
    color: inherit;
  }

.spectrum-Link--overBackground {
  color: var(--spectrum-link-m-primary-overbackground-text-color, var(--spectrum-alias-text-color-overbackground));
}

.spectrum-Link--overBackground:hover {
    color: var(--spectrum-link-m-primary-overbackground-text-color-hover, var(--spectrum-alias-text-color-overbackground));
  }

.spectrum-Link--overBackground:active {
    color: var(--spectrum-link-m-primary-overbackground-text-color-down, var(--spectrum-alias-text-color-overbackground));
  }

.spectrum-Link--overBackground:focus {
    color: var(--spectrum-link-m-primary-overbackground-text-color-key-focus, var(--spectrum-alias-text-color-overbackground));
  }

@media (forced-colors: active) {
  .spectrum-Link--secondary {
    color: linktext;
  }
  
    .spectrum-Link--secondary:hover {
      color: linktext;
    }
  
    .spectrum-Link--secondary:active {
      color: linktext;
    }
  
    .spectrum-Link--secondary:focus {
      color: linktext;
    }
}
.spectrum-LogicButton {
  position: relative;

  display: -ms-inline-flexbox;

  display: inline-flex;
  box-sizing: border-box;

  -ms-flex-align: center;

      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: visible;
  margin: 0;

  border-style: solid;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: button;
  vertical-align: top;

  transition: background var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    border-color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-out;

  text-decoration: none;
  font-family: var(--spectrum-alias-body-text-font-family, var(--spectrum-global-font-family-base));

  line-height: var(--spectrum-alias-component-text-line-height, var(--spectrum-global-font-line-height-small));

  -ms-user-select: none;

      user-select: none;
  -webkit-user-select: none;

  cursor: pointer;
}

.spectrum-LogicButton:focus {
    outline: none;
  }

.spectrum-LogicButton::-moz-focus-inner {
    border: 0;
    border-style: none;
    padding: 0;
    margin-top: -2px;
    margin-bottom: -2px;
  }

.spectrum-LogicButton:disabled {
    cursor: default;
  }

.spectrum-LogicButton:after {
    border-radius: calc(var(--spectrum-button-m-primary-fill-texticon-border-radius, var(--spectrum-global-dimension-size-200)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
    transition: opacity var(--spectrum-global-animation-duration-100, 130ms) ease-out,
                margin var(--spectrum-global-animation-duration-100, 130ms) ease-out;
  }

.spectrum-LogicButton.focus-ring:after {
      margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -2);
    }

.spectrum-LogicButton {

  height: var(--spectrum-logicbutton-and-height, var(--spectrum-global-dimension-static-size-300));
  padding: var(--spectrum-logicbutton-and-padding-x, var(--spectrum-global-dimension-size-100));

  border-width: var(--spectrum-logicbutton-and-border-size, var(--spectrum-alias-border-size-thick));
  border-radius: var(--spectrum-logicbutton-and-border-radius, var(--spectrum-alias-border-radius-regular));

  font-size: var(--spectrum-logicbutton-and-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-logicbutton-and-text-font-weight, var(--spectrum-global-font-weight-bold));
  line-height: 0;
}

.spectrum-LogicButton:after {
    border-radius: calc(var(--spectrum-logicbutton-and-border-radius, var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
  }

.spectrum-LogicButton.focus-ring:after, .spectrum-LogicButton.is-focused:after {
      box-shadow: 0 0 0 var(--spectrum-button-m-primary-outline-texticon-focus-ring-size, var(--spectrum-alias-focus-ring-size)) var(--spectrum-button-m-primary-outline-texticon-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
    }

.spectrum-LogicButton--and {
  background-color: var(--spectrum-logicbutton-and-background-color, var(--spectrum-global-color-blue-500));
  border-color: var(--spectrum-logicbutton-and-border-color, var(--spectrum-global-color-blue-500));
  color: var(--spectrum-logicbutton-and-text-color, var(--spectrum-global-color-static-white));
}

.spectrum-LogicButton--and:hover {
    background-color: var(--spectrum-logicbutton-and-background-color-hover, var(--spectrum-global-color-blue-700));
    border-color: var(--spectrum-logicbutton-and-border-color-hover, var(--spectrum-global-color-blue-700));
    color: var(--spectrum-logicbutton-and-text-color, var(--spectrum-global-color-static-white));
  }

.spectrum-LogicButton--and:disabled,
  .spectrum-LogicButton--and.is-disabled {
    background-color: var(--spectrum-logicbutton-and-background-color-disabled, var(--spectrum-global-color-gray-200));
    border-color: var(--spectrum-logicbutton-and-border-color-disabled, var(--spectrum-global-color-gray-200));
    color: var(--spectrum-logicbutton-and-text-color-disabled, var(--spectrum-alias-text-color-disabled));
  }

.spectrum-LogicButton--or {
  background-color: var(--spectrum-logicbutton-or-background-color, var(--spectrum-global-color-magenta-500));
  border-color: var(--spectrum-logicbutton-or-border-color, var(--spectrum-global-color-magenta-500));
  color: var(--spectrum-logicbutton-or-text-color, var(--spectrum-global-color-static-white));
}

.spectrum-LogicButton--or:hover {
    background-color: var(--spectrum-logicbutton-or-background-color-hover, var(--spectrum-global-color-magenta-700));
    border-color: var(--spectrum-logicbutton-or-border-color-hover, var(--spectrum-global-color-magenta-700));
    color: var(--spectrum-logicbutton-or-text-color, var(--spectrum-global-color-static-white));
  }

.spectrum-LogicButton--or:disabled,
  .spectrum-LogicButton--or.is-disabled {
    background-color: var(--spectrum-button-m-primary-fill-texticon-background-color-disabled, var(--spectrum-global-color-gray-200));
    border-color: var(--spectrum-button-m-primary-fill-texticon-border-color-disabled, transparent);
    color: var(--spectrum-logicbutton-and-text-color-disabled, var(--spectrum-alias-text-color-disabled));
  }

@media (forced-colors: active) {
  .spectrum-LogicButton::after {
    --spectrum-button-m-primary-outline-texticon-focus-ring-color-key-focus: Highlight;
    forced-color-adjust: none;
  }

  .spectrum-LogicButton {
    forced-color-adjust: none;
    --spectrum-button-m-primary-fill-texticon-background-color-disabled: ButtonFace;
    --spectrum-logicbutton-and-background-color: ButtonFace;
    --spectrum-logicbutton-and-background-color-disabled: ButtonFace;
    --spectrum-logicbutton-and-background-color-hover: ButtonFace;
    --spectrum-logicbutton-and-border-color: ButtonText;
    --spectrum-logicbutton-and-border-color-disabled: GrayText;
    --spectrum-logicbutton-and-border-color-hover: Highlight;
    --spectrum-logicbutton-and-text-color: ButtonText;
    --spectrum-logicbutton-and-text-color-disabled: GrayText;
    --spectrum-logicbutton-or-background-color: ButtonFace;
    --spectrum-logicbutton-or-background-color-hover: ButtonFace;
    --spectrum-logicbutton-or-border-color: ButtonText;
    --spectrum-logicbutton-or-border-color-hover: Highlight;
    --spectrum-logicbutton-or-text-color: ButtonText;
  }
}

.spectrum-Menu {
  --spectrum-menu-margin-x: var(--spectrum-global-dimension-size-40);
  --spectrum-listitem-texticon-heading-text-size: var(
    --spectrum-global-dimension-font-size-50
  );
  --spectrum-listitem-texticon-heading-text-font-weight: 400;
  --spectrum-listitem-texticon-heading-text-transform: uppercase;
  --spectrum-listitem-texticon-heading-letter-spacing: 0.06em;
  --spectrum-listitem-texticon-heading-margin: var(--spectrum-global-dimension-size-75) 0
    0 0;
  --spectrum-listitem-texticon-heading-padding: 0
    var(--spectrum-global-dimension-size-450) 0
    var(--spectrum-global-dimension-size-150);

  --spectrum-listitem-texticon-padding-y: var(
    --spectrum-global-dimension-size-85
  );

  --spectrum-listitem-texticon-selectable-padding-right: calc(var(--spectrum-listitem-texticon-ui-icon-width) + var(--spectrum-listitem-texticon-ui-icon-gap) + var(--spectrum-listitem-texticon-padding-right) - var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin)));
  --spectrum-listitem-texticon-label-line-height: 1.3;
  --spectrum-listitem-texticon-heading-line-height: var(--spectrum-alias-body-text-line-height, var(--spectrum-global-font-line-height-medium));
}

.spectrum-Menu {
  --spectrum-listitem-texticon-padding-left: var(--spectrum-listitem-m-texticon-padding-left);
  --spectrum-listitem-textthumbnail-padding-left: var(--spectrum-listitem-m-textthumbnail-padding-left);
  --spectrum-listitem-texticon-text-size: var(--spectrum-listitem-m-texticon-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-listitem-texticon-text-font-weight: var(--spectrum-listitem-m-texticon-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-listitem-texticon-icon-gap: var(--spectrum-listitem-m-texticon-icon-gap, var(--spectrum-global-dimension-size-100));
  --spectrum-listitem-texticon-divider-size: var(--spectrum-listitem-m-texticon-divider-size, var(--spectrum-alias-border-size-thick));
  --spectrum-listitem-texticon-divider-padding: var(--spectrum-listitem-m-texticon-divider-padding, var(--spectrum-global-dimension-static-size-40));
  --spectrum-listitem-texticon-ui-icon-margin-top: var(--spectrum-listitem-m-texticon-ui-icon-margin-top, var(--spectrum-global-dimension-size-125));
  --spectrum-listitem-texticon-ui-icon-width: var(--spectrum-listitem-m-texticon-ui-icon-width, var(--spectrum-alias-ui-icon-checkmark-size-100));
  --spectrum-listitem-texticon-ui-icon-gap: var(--spectrum-listitem-m-texticon-ui-icon-gap, var(--spectrum-global-dimension-size-100));
  --spectrum-listitem-texticon-padding-right: var(--spectrum-listitem-m-texticon-padding-right, var(--spectrum-global-dimension-size-150));
  --spectrum-listitem-texticon-focus-indicator-size: var(--spectrum-listitem-m-texticon-focus-indicator-size, var(--spectrum-alias-border-size-thick));
  --spectrum-listitem-texticon-height: var(--spectrum-listitem-m-texticon-height, var(--spectrum-global-dimension-size-400));
}

.spectrum-Menu {
  display: inline-block;

  box-sizing: border-box;

  margin-top: var(--spectrum-popover-padding-y, var(--spectrum-global-dimension-size-50));

  margin-bottom: var(--spectrum-popover-padding-y, var(--spectrum-global-dimension-size-50));
  margin-left: 0;
  margin-right: 0;
  padding: 0;

  list-style-type: none;

  overflow: auto;
}

.spectrum-Menu > .spectrum-Menu-sectionHeading {
    margin-top: var(--spectrum-menu-margin-x);
    margin-bottom: var(--spectrum-menu-margin-x);
  }

[dir="ltr"] .spectrum-Menu.is-selectable .spectrum-Menu-item {
      padding-right: var(--spectrum-listitem-texticon-selectable-padding-right);
}

[dir="rtl"] .spectrum-Menu.is-selectable .spectrum-Menu-item {
      padding-left: var(--spectrum-listitem-texticon-selectable-padding-right);
}

[dir="ltr"] .spectrum-Menu.is-selectable .spectrum-Menu-item.is-selected {
        padding-right: calc(var(--spectrum-listitem-texticon-padding-right) - var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin)));
}

[dir="rtl"] .spectrum-Menu.is-selectable .spectrum-Menu-item.is-selected {
        padding-left: calc(var(--spectrum-listitem-texticon-padding-right) - var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin)));
}

.spectrum-Menu-checkmark {
  transform: scale(1);
  opacity: 1;
}

[dir="ltr"] .spectrum-Menu-item {

  border-left: var(--spectrum-listitem-texticon-focus-indicator-size) solid
    transparent;
}

[dir="rtl"] .spectrum-Menu-item {

  border-right: var(--spectrum-listitem-texticon-focus-indicator-size) solid
    transparent;
}

.spectrum-Menu-item {
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;

  box-sizing: border-box;

  padding: var(--spectrum-listitem-texticon-padding-y)
    var(--spectrum-listitem-texticon-padding-right)
    var(--spectrum-listitem-texticon-padding-y)
    var(--spectrum-listitem-texticon-padding-left);

  margin: 0;

  min-height: var(--spectrum-listitem-texticon-height);

  font-size: var(--spectrum-listitem-texticon-text-size);
  font-weight: var(--spectrum-listitem-texticon-text-font-weight);
  font-style: normal;
  text-decoration: none;
}

.spectrum-Menu-item:focus {
    outline: none;
  }

[dir="ltr"] .spectrum-Menu-item.is-selected {
    padding-right: calc(var(--spectrum-listitem-texticon-padding-right) - var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin)));
}

[dir="rtl"] .spectrum-Menu-item.is-selected {
    padding-left: calc(var(--spectrum-listitem-texticon-padding-right) - var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin)));
}

.spectrum-Menu-item.is-selected .spectrum-Menu-checkmark {
      display: block;
    }

.spectrum-Menu-item .spectrum-Icon,
  .spectrum-Menu-item .spectrum-Menu-itemIcon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

[dir="ltr"] .spectrum-Menu-item .spectrum-Icon + .spectrum-Menu-itemLabel,[dir="ltr"] 
  .spectrum-Menu-item .spectrum-Menu-itemIcon + .spectrum-Menu-itemLabel {
    margin-left: var(--spectrum-listitem-texticon-icon-gap);
}

[dir="rtl"] .spectrum-Menu-item .spectrum-Icon + .spectrum-Menu-itemLabel,[dir="rtl"] 
  .spectrum-Menu-item .spectrum-Menu-itemIcon + .spectrum-Menu-itemLabel {
    margin-right: var(--spectrum-listitem-texticon-icon-gap);
}

.spectrum-Menu-item .spectrum-Icon + .spectrum-Menu-itemLabel,
  .spectrum-Menu-item .spectrum-Menu-itemIcon + .spectrum-Menu-itemLabel {

    width: calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap) - var(--spectrum-listitem-textthumbnail-padding-left) - var(--spectrum-alias-workflow-icon-size-m, var(--spectrum-global-dimension-size-225)));
  }

.spectrum-Menu-itemLabel {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  line-height: var(--spectrum-listitem-texticon-label-line-height);
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  overflow-wrap: break-word;
  width: calc(100% - var(--spectrum-listitem-texticon-ui-icon-width) - var(--spectrum-listitem-texticon-icon-gap));
}

.spectrum-Menu-itemLabel--wrapping {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.spectrum-Menu-checkmark {
  display: none;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

[dir="ltr"] .spectrum-Menu-checkmark,[dir="ltr"] 
.spectrum-Menu-chevron {
  padding-left: var(--spectrum-listitem-texticon-icon-gap);
}

[dir="rtl"] .spectrum-Menu-checkmark,[dir="rtl"] 
.spectrum-Menu-chevron {
  padding-right: var(--spectrum-listitem-texticon-icon-gap);
}

.spectrum-Menu-checkmark,
.spectrum-Menu-chevron {
  -ms-flex-positive: 0;
      flex-grow: 0;
  margin-top: calc(var(--spectrum-listitem-texticon-ui-icon-margin-top) - var(--spectrum-listitem-texticon-padding-y) + 1px);
}

[dir="rtl"] .spectrum-Menu-chevron { transform: matrix(-1, 0, 0, 1, 0, 0) ; }

.spectrum-Menu-divider {
  box-sizing: content-box;
  overflow: visible;

  height: var(--spectrum-listitem-texticon-divider-size);
  margin-top: calc(var(--spectrum-listitem-texticon-divider-padding) / 2);
  margin-bottom: calc(var(--spectrum-listitem-texticon-divider-padding) / 2);
  margin-left: var(--spectrum-listitem-texticon-padding-y);
  margin-right: var(--spectrum-listitem-texticon-padding-y);
  padding: 0;
  border: none;
}

.spectrum-Menu-sectionHeading {
  display: block;
  margin: var(--spectrum-listitem-texticon-heading-margin);
  padding: var(--spectrum-listitem-texticon-heading-padding);

  font-size: var(--spectrum-listitem-texticon-heading-text-size);
  font-weight: var(--spectrum-listitem-texticon-heading-text-font-weight);
  line-height: var(--spectrum-listitem-texticon-heading-line-height);
  text-transform: var(--spectrum-listitem-texticon-heading-text-transform);
  letter-spacing: var(--spectrum-listitem-texticon-heading-letter-spacing);
}

.spectrum-Menu .spectrum-Menu {
  display: block;
}

.spectrum-Menu {
  --spectrum-listheading-text-color: var(--spectrum-global-color-gray-700);
}

.spectrum-Menu {
  background-color: var(--spectrum-listitem-m-texticon-background-color, var(--spectrum-alias-background-color-transparent));
}

.spectrum-Menu-item {
  background-color: var(--spectrum-listitem-m-texticon-background-color, var(--spectrum-alias-background-color-transparent));
  color: var(--spectrum-listitem-m-texticon-text-color, var(--spectrum-alias-component-text-color-default));
}

[dir="ltr"] .spectrum-Menu-item.focus-ring,[dir="ltr"] 
  .spectrum-Menu-item.is-focused {
    border-left-color: var(--spectrum-listitem-m-texticon-focus-indicator-color, var(--spectrum-alias-border-color-key-focus));
}

[dir="rtl"] .spectrum-Menu-item.focus-ring,[dir="rtl"] 
  .spectrum-Menu-item.is-focused {
    border-right-color: var(--spectrum-listitem-m-texticon-focus-indicator-color, var(--spectrum-alias-border-color-key-focus));
}

.spectrum-Menu-item.focus-ring,
  .spectrum-Menu-item.is-focused {
    background-color: var(--spectrum-listitem-m-texticon-background-color-key-focus, var(--spectrum-alias-background-color-hover-overlay));
    color: var(--spectrum-listitem-m-texticon-text-color-key-focus, var(--spectrum-alias-component-text-color-key-focus));
  }

.spectrum-Menu-item:hover,
  .spectrum-Menu-item:focus,
  .spectrum-Menu-item.is-highlighted,
  .spectrum-Menu-item.is-open {
    background-color: var(--spectrum-listitem-m-texticon-background-color-hover, var(--spectrum-alias-background-color-hover-overlay));
    color: var(--spectrum-listitem-m-texticon-text-color-hover, var(--spectrum-alias-component-text-color-hover));
  }

.spectrum-Menu-item.is-selected {
    color: var(--spectrum-listitem-m-texticon-text-color-selected, var(--spectrum-alias-component-text-color-default));
  }

.spectrum-Menu-item.is-selected .spectrum-Menu-checkmark {
      color: var(--spectrum-listitem-m-texticon-ui-icon-color-selected, var(--spectrum-alias-icon-color-selected));
    }

.spectrum-Menu-item .is-active,
  .spectrum-Menu-item:active {
    background-color: var(--spectrum-listitem-m-texticon-background-color-down, var(--spectrum-alias-background-color-hover-overlay));
  }

.spectrum-Menu-item.is-disabled {
    background-color: var(--spectrum-listitem-m-texticon-background-color-disabled, var(--spectrum-alias-background-color-transparent));
    background-image: none;
    color: var(--spectrum-listitem-m-texticon-text-color-disabled, var(--spectrum-alias-component-text-color-disabled));
    cursor: default;
  }

.spectrum-Menu-sectionHeading {
  color: var(--spectrum-listheading-text-color);
}

.spectrum-Menu-divider {
  background-color: var(--spectrum-listitem-m-texticon-divider-color, var(--spectrum-alias-border-color-extralight));
}

.spectrum-MillerColumns {
  --spectrum-millercolumn-margin: 8px;
}

.spectrum-MillerColumns {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: var(--spectrum-millercolumn-margin) 0;
}

[dir="ltr"] .spectrum-MillerColumns-item {
  margin-right: var(--spectrum-millercolumn-margin);
}

[dir="rtl"] .spectrum-MillerColumns-item {
  margin-left: var(--spectrum-millercolumn-margin);
}

.spectrum-MillerColumns-item {
  display: inline-block;
  width: var(--spectrum-millercolumn-width, var(--spectrum-global-dimension-static-size-3400));
  vertical-align: top;
  outline: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 100%;
}

[dir="ltr"] .spectrum-MillerColumns-item:first-child {
    margin-left: var(--spectrum-millercolumn-margin);
}

[dir="rtl"] .spectrum-MillerColumns-item:first-child {
    margin-right: var(--spectrum-millercolumn-margin);
}

.spectrum-Modal {

  visibility: hidden;

  opacity: 0;

  transition: transform var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
              opacity var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
              visibility 0ms linear var(--spectrum-global-animation-duration-100, 130ms);

  pointer-events: none;
}

.spectrum-Modal.is-open {
  visibility: visible;

  opacity: 1;

  transition-delay: 0ms;

  pointer-events: auto;
}

.spectrum-Modal {
  --spectrum-dialog-confirm-exit-animation-delay: 0ms;
  --spectrum-dialog-fullscreen-margin: 32px;
  --spectrum-dialog-max-height: 90vh;
}

.spectrum-Modal-wrapper {
  position: fixed;
  left: 0;
  top: 0;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;

  box-sizing: border-box;
  width: 100vw;
  height: 100vh;
  height: fill-available;

  visibility: hidden;
  pointer-events: none;
  z-index: 2;
  transition: visibility 0ms linear
    var(--spectrum-global-animation-duration-100, 130ms);
}

.spectrum-Modal-wrapper.is-open {
    visibility: visible;
  }

.spectrum-Modal {
  transform: translateY(
    var(--spectrum-dialog-confirm-entry-animation-distance, var(--spectrum-global-dimension-size-250))
  );
  z-index: 2;
  max-height: var(--spectrum-dialog-max-height);

  border-radius: var(--spectrum-dialog-confirm-border-radius, var(--spectrum-alias-component-border-radius));
  overflow: hidden;
  outline: none;
  pointer-events: auto;
  transition: opacity var(--spectrum-dialog-confirm-exit-animation-duration, var(--spectrum-global-animation-duration-100))
      cubic-bezier(0.5, 0, 1, 1)
      var(--spectrum-dialog-confirm-exit-animation-delay, 0ms),
    visibility 0ms linear
      calc(var(--spectrum-dialog-confirm-exit-animation-delay, 0ms) + var(--spectrum-dialog-confirm-exit-animation-duration, var(--spectrum-global-animation-duration-100))),
    transform 0ms linear
      calc(var(--spectrum-dialog-confirm-exit-animation-delay, 0ms) + var(--spectrum-dialog-confirm-exit-animation-duration, var(--spectrum-global-animation-duration-100)));
}

.spectrum-Modal.is-open {
    transition: transform
        var(--spectrum-dialog-confirm-entry-animation-duration, var(--spectrum-global-animation-duration-500))
        cubic-bezier(0, 0, 0.4, 1)
        var(--spectrum-dialog-confirm-entry-animation-delay, var(--spectrum-global-animation-duration-200)),
      opacity var(--spectrum-dialog-confirm-entry-animation-duration, var(--spectrum-global-animation-duration-500))
        cubic-bezier(0, 0, 0.4, 1)
        var(--spectrum-dialog-confirm-entry-animation-delay, var(--spectrum-global-animation-duration-200));

    transform: translateY(0);
  }

@media only screen and (max-device-width: 400px), only screen and (max-device-height: 350px) {
  .spectrum-Modal--responsive {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border-radius: 0;
  }
    .spectrum-Modal-wrapper .spectrum-Modal--responsive {
      margin-top: 0;
    }
}

.spectrum-Modal--fullscreen {
  position: fixed;
  left: var(--spectrum-dialog-fullscreen-margin);
  top: var(--spectrum-dialog-fullscreen-margin);
  right: var(--spectrum-dialog-fullscreen-margin);
  bottom: var(--spectrum-dialog-fullscreen-margin);
  max-width: none;
  max-height: none;
}

.spectrum-Modal--fullscreenTakeover {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: none;
  max-height: none;

  box-sizing: border-box;
  border: none;
  border-radius: 0;
}

.spectrum-Modal--fullscreenTakeover,
  .spectrum-Modal--fullscreenTakeover.is-open {
    transform: none;
  }

.spectrum-Modal {
  background: var(--spectrum-dialog-confirm-background-color, var(--spectrum-alias-background-color-default));
}

.spectrum-Pagination--explicit,
.spectrum-Pagination--listing {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}

.spectrum-Pagination-textfield {
  width: var(--spectrum-pagination-textfield-width, var(--spectrum-global-dimension-size-600));
  min-width: var(--spectrum-pagination-textfield-width, var(--spectrum-global-dimension-size-600));
}

[dir="ltr"] .spectrum-Pagination-counter {
  margin-left: var(--spectrum-pagination-counter-margin-left, var(--spectrum-global-dimension-size-65));
}

[dir="rtl"] .spectrum-Pagination-counter {
  margin-right: var(--spectrum-pagination-counter-margin-left, var(--spectrum-global-dimension-size-65));
}

[dir="ltr"] .spectrum-Pagination-prevButton {
  margin-right: var(--spectrum-pagination-page-button-margin-horizontal, var(--spectrum-global-dimension-size-65));
}

[dir="rtl"] .spectrum-Pagination-prevButton {
  margin-left: var(--spectrum-pagination-page-button-margin-horizontal, var(--spectrum-global-dimension-size-65));
}

[dir="ltr"] .spectrum-Pagination-nextButton {
  margin-left: var(--spectrum-pagination-page-button-margin-horizontal, var(--spectrum-global-dimension-size-65));
}

[dir="rtl"] .spectrum-Pagination-nextButton {
  margin-right: var(--spectrum-pagination-page-button-margin-horizontal, var(--spectrum-global-dimension-size-65));
}

[dir="rtl"] .spectrum-Pagination-prevButton .spectrum-Icon,[dir="rtl"]  .spectrum-Pagination-nextButton .spectrum-Icon { transform: matrix(-1, 0, 0, 1, 0, 0) ; }

.spectrum-Pagination-pageButton:hover {
    background-color: var(--spectrum-pagination-page-button-background-color-hover, var(--spectrum-alias-background-color-hover-overlay));
  }

.spectrum-Pagination-pageButton:focus {
    border-color: var(--spectrum-pagination-page-button-border-color-key-focus, var(--spectrum-alias-focus-color));
  }

.spectrum-Pagination-pageButton.is-selected {
    background-color: var(--spectrum-pagination-page-button-background-color-down, var(--spectrum-global-color-gray-800));
    color: var(--spectrum-pagination-page-button-text-color-down, var(--spectrum-global-color-static-white));
  }

.spectrum-Pagination-counter {
  color: var(--spectrum-alias-label-text-color, var(--spectrum-global-color-gray-700));
}

.spectrum-Picker {
  position: relative;

  display: -ms-inline-flexbox;

  display: inline-flex;
  box-sizing: border-box;

  -ms-flex-align: center;

      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: visible;
  margin: 0;

  border-style: solid;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: button;
  vertical-align: top;

  transition: background var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    border-color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-out;

  text-decoration: none;
  font-family: var(--spectrum-alias-body-text-font-family, var(--spectrum-global-font-family-base));

  line-height: var(--spectrum-alias-component-text-line-height, var(--spectrum-global-font-line-height-small));

  -ms-user-select: none;

      user-select: none;
  -webkit-user-select: none;

  cursor: pointer;
}

.spectrum-Picker:focus {
    outline: none;
  }

.spectrum-Picker::-moz-focus-inner {
    border: 0;
    border-style: none;
    padding: 0;
    margin-top: -2px;
    margin-bottom: -2px;
  }

.spectrum-Picker:disabled {
    cursor: default;
  }

[dir="ltr"] .spectrum-Picker {
  padding-left: var(--spectrum-picker-textonly-padding-left);
  padding-right: var(--spectrum-picker-textonly-padding-right);
}

[dir="rtl"] .spectrum-Picker {
  padding-right: var(--spectrum-picker-textonly-padding-left);
  padding-left: var(--spectrum-picker-textonly-padding-right);
}

.spectrum-Picker {

  display: -ms-flexbox;

  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  max-width: 100%;
  width: var(--spectrum-picker-texticon-width);
  min-width: var(--spectrum-picker-texticon-min-width);
  height: var(--spectrum-picker-texticon-height);

  margin: 0;
  padding-top: 0;
  padding-bottom: 0;

  border-width: var(--spectrum-picker-texticon-border-size);
  border-style: solid;
  border-radius: var(--spectrum-picker-texticon-border-radius);

  transition: background-color var(--spectrum-global-animation-duration-100, 130ms),
    box-shadow var(--spectrum-global-animation-duration-100, 130ms),
    border-color var(--spectrum-global-animation-duration-100, 130ms);
}

.spectrum-Picker:disabled,
  .spectrum-Picker.is-disabled {
    border-width: var(--spectrum-picker-texticon-disabled-border-size);
    cursor: default;
  }

[dir="ltr"] .spectrum-Picker .spectrum-Picker-icon {
    margin-right: var(--spectrum-picker-texticon-icon-gap);
}

[dir="rtl"] .spectrum-Picker .spectrum-Picker-icon {
    margin-left: var(--spectrum-picker-texticon-icon-gap);
}

.spectrum-Picker .spectrum-Picker-icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

[dir="ltr"] .spectrum-Picker .spectrum-Picker-label + .spectrum-Picker-icon {
    margin-left: var(--spectrum-picker-texticon-icon-gap);
}

[dir="rtl"] .spectrum-Picker .spectrum-Picker-label + .spectrum-Picker-icon {
    margin-right: var(--spectrum-picker-texticon-icon-gap);
}

.spectrum-Picker--sizeS {
  --spectrum-picker-texticon-border-size: var(--spectrum-picker-s-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-picker-texticon-text-size: var(--spectrum-picker-s-texticon-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-picker-texticon-icon-gap: var(--spectrum-picker-s-texticon-icon-gap, var(--spectrum-global-dimension-size-85));
  --spectrum-picker-texticon-placeholder-font-style: var(--spectrum-picker-s-texticon-placeholder-font-style, var(--spectrum-global-font-style-italic));
  --spectrum-picker-texticon-placeholder-font-weight: var(--spectrum-picker-s-texticon-placeholder-font-weight, var(--spectrum-global-font-weight-regular));
  --spectrum-picker-texticon-error-icon-margin-left: var(--spectrum-picker-s-texticon-error-icon-margin-left, var(--spectrum-global-dimension-size-100));
  --spectrum-picker-texticon-ui-icon-gap: var(--spectrum-picker-s-texticon-ui-icon-gap, var(--spectrum-global-dimension-size-85));
  --spectrum-picker-texticon-popover-max-width: var(--spectrum-picker-s-texticon-popover-max-width, var(--spectrum-global-dimension-size-1800));
  --spectrum-picker-texticon-height: var(--spectrum-picker-s-texticon-height, var(--spectrum-global-dimension-size-300));
  --spectrum-picker-texticon-min-width: var(--spectrum-picker-s-texticon-min-width, var(--spectrum-global-dimension-size-450));
  --spectrum-picker-texticon-width: var(--spectrum-picker-s-texticon-width, var(--spectrum-global-dimension-size-2000));
  --spectrum-picker-texticon-border-radius: var(--spectrum-picker-s-texticon-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-picker-textonly-padding-left: var(--spectrum-picker-s-textonly-padding-left, var(--spectrum-global-dimension-size-115));
  --spectrum-picker-textonly-padding-right: var(--spectrum-picker-s-textonly-padding-right, var(--spectrum-global-dimension-size-115));
}

.spectrum-Picker--sizeM {
  --spectrum-picker-texticon-border-size: var(--spectrum-picker-m-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-picker-texticon-text-size: var(--spectrum-picker-m-texticon-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-picker-texticon-icon-gap: var(--spectrum-picker-m-texticon-icon-gap, var(--spectrum-global-dimension-size-100));
  --spectrum-picker-texticon-placeholder-font-style: var(--spectrum-picker-m-texticon-placeholder-font-style, var(--spectrum-global-font-style-italic));
  --spectrum-picker-texticon-placeholder-font-weight: var(--spectrum-picker-m-texticon-placeholder-font-weight, var(--spectrum-global-font-weight-regular));
  --spectrum-picker-texticon-error-icon-margin-left: var(--spectrum-picker-m-texticon-error-icon-margin-left, var(--spectrum-global-dimension-size-150));
  --spectrum-picker-texticon-ui-icon-gap: var(--spectrum-picker-m-texticon-ui-icon-gap, var(--spectrum-global-dimension-size-100));
  --spectrum-picker-texticon-popover-max-width: var(--spectrum-picker-m-texticon-popover-max-width, var(--spectrum-global-dimension-size-2400));
  --spectrum-picker-texticon-height: var(--spectrum-picker-m-texticon-height, var(--spectrum-global-dimension-size-400));
  --spectrum-picker-texticon-min-width: var(--spectrum-picker-m-texticon-min-width, var(--spectrum-global-dimension-size-600));
  --spectrum-picker-texticon-width: var(--spectrum-picker-m-texticon-width, var(--spectrum-global-dimension-size-2400));
  --spectrum-picker-texticon-border-radius: var(--spectrum-picker-m-texticon-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-picker-textonly-padding-left: var(--spectrum-picker-m-textonly-padding-left, var(--spectrum-global-dimension-size-150));
  --spectrum-picker-textonly-padding-right: var(--spectrum-picker-m-textonly-padding-right, var(--spectrum-global-dimension-size-150));
}

.spectrum-Picker--sizeL {
  --spectrum-picker-texticon-border-size: var(--spectrum-picker-l-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-picker-texticon-text-size: var(--spectrum-picker-l-texticon-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-picker-texticon-icon-gap: var(--spectrum-picker-l-texticon-icon-gap, var(--spectrum-global-dimension-size-115));
  --spectrum-picker-texticon-placeholder-font-style: var(--spectrum-picker-l-texticon-placeholder-font-style, var(--spectrum-global-font-style-italic));
  --spectrum-picker-texticon-placeholder-font-weight: var(--spectrum-picker-l-texticon-placeholder-font-weight, var(--spectrum-global-font-weight-regular));
  --spectrum-picker-texticon-error-icon-margin-left: var(--spectrum-picker-l-texticon-error-icon-margin-left, var(--spectrum-global-dimension-size-185));
  --spectrum-picker-texticon-ui-icon-gap: var(--spectrum-picker-l-texticon-ui-icon-gap, var(--spectrum-global-dimension-size-115));
  --spectrum-picker-texticon-popover-max-width: var(--spectrum-picker-l-texticon-popover-max-width, var(--spectrum-global-dimension-size-3000));
  --spectrum-picker-texticon-height: var(--spectrum-picker-l-texticon-height, var(--spectrum-global-dimension-size-500));
  --spectrum-picker-texticon-min-width: var(--spectrum-picker-l-texticon-min-width, var(--spectrum-global-dimension-size-750));
  --spectrum-picker-texticon-width: var(--spectrum-picker-l-texticon-width, var(--spectrum-global-dimension-size-2500));
  --spectrum-picker-texticon-border-radius: var(--spectrum-picker-l-texticon-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-picker-textonly-padding-left: var(--spectrum-picker-l-textonly-padding-left, var(--spectrum-global-dimension-size-185));
  --spectrum-picker-textonly-padding-right: var(--spectrum-picker-l-textonly-padding-right, var(--spectrum-global-dimension-size-185));
}

.spectrum-Picker--sizeXL {
  --spectrum-picker-texticon-border-size: var(--spectrum-picker-xl-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-picker-texticon-text-size: var(--spectrum-picker-xl-texticon-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-picker-texticon-icon-gap: var(--spectrum-picker-xl-texticon-icon-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-picker-texticon-placeholder-font-style: var(--spectrum-picker-xl-texticon-placeholder-font-style, var(--spectrum-global-font-style-italic));
  --spectrum-picker-texticon-placeholder-font-weight: var(--spectrum-picker-xl-texticon-placeholder-font-weight, var(--spectrum-global-font-weight-regular));
  --spectrum-picker-texticon-error-icon-margin-left: var(--spectrum-picker-xl-texticon-error-icon-margin-left, var(--spectrum-global-dimension-size-225));
  --spectrum-picker-texticon-ui-icon-gap: var(--spectrum-picker-xl-texticon-ui-icon-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-picker-texticon-popover-max-width: var(--spectrum-picker-xl-texticon-popover-max-width, var(--spectrum-global-dimension-size-3600));
  --spectrum-picker-texticon-height: var(--spectrum-picker-xl-texticon-height, var(--spectrum-global-dimension-size-600));
  --spectrum-picker-texticon-min-width: var(--spectrum-picker-xl-texticon-min-width, var(--spectrum-global-dimension-size-900));
  --spectrum-picker-texticon-width: var(--spectrum-picker-xl-texticon-width, var(--spectrum-global-dimension-size-3000));
  --spectrum-picker-texticon-border-radius: var(--spectrum-picker-xl-texticon-border-radius, var(--spectrum-alias-component-border-radius));
  --spectrum-picker-textonly-padding-left: var(--spectrum-picker-xl-textonly-padding-left, var(--spectrum-global-dimension-size-225));
  --spectrum-picker-textonly-padding-right: var(--spectrum-picker-xl-textonly-padding-right, var(--spectrum-global-dimension-size-225));
}

.spectrum-Picker {
  --spectrum-picker-texticon-min-width: var(--spectrum-global-dimension-size-400);
  --spectrum-picker-texticon-disabled-border-size: 0;

  --spectrum-picker-texticon-popover-max-width: var(--spectrum-global-dimension-size-3000);
  --spectrum-picker-texticon-width: var(--spectrum-global-dimension-size-2400);
  --spectrum-picker-texticon-border-size-increase-focus: 1px;
}

.spectrum-Picker--quiet {
  --spectrum-picker-texticon-border-size: 0;
  --spectrum-picker-texticon-border-radius: 0;
  --spectrum-picker-textonly-padding-left: 0;
  --spectrum-picker-textonly-padding-right: 0;
}

.spectrum-Picker--quiet {
  width: auto;
  min-width: 0;
}

.spectrum-Picker--quiet:disabled.focus-ring, .spectrum-Picker--quiet.is-disabled.focus-ring {
      box-shadow: none;
    }

[dir="ltr"] .spectrum-Picker-label {
  text-align: left;
}

[dir="rtl"] .spectrum-Picker-label {
  text-align: right;
}

.spectrum-Picker-label {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;

  white-space: nowrap;
  overflow: hidden;

  height: calc(var(--spectrum-picker-texticon-height) - var(--spectrum-picker-texticon-border-size) * 2);
  line-height: calc(var(--spectrum-picker-texticon-height) - var(--spectrum-picker-texticon-border-size) * 2);

  font-size: var(--spectrum-picker-texticon-text-size);

  text-overflow: ellipsis;
}

.spectrum-Picker-label.is-placeholder {
    font-weight: var(--spectrum-picker-texticon-placeholder-font-weight);
    font-style: var(--spectrum-picker-texticon-placeholder-font-style);
    transition: color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  }

.spectrum-Picker-menuIcon {
  display: inline-block;
  position: relative;
  vertical-align: top;
  transition: color var(--spectrum-global-animation-duration-100, 130ms) ease-out;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

[dir="ltr"] .spectrum-Picker-validationIcon {
  margin-left: var(--spectrum-picker-texticon-error-icon-margin-left);
}

[dir="rtl"] .spectrum-Picker-validationIcon {
  margin-right: var(--spectrum-picker-texticon-error-icon-margin-left);
}

[dir="ltr"] .spectrum-Picker-label ~ .spectrum-Picker-menuIcon {
  margin-left: var(--spectrum-picker-texticon-ui-icon-gap);
}

[dir="rtl"] .spectrum-Picker-label ~ .spectrum-Picker-menuIcon {
  margin-right: var(--spectrum-picker-texticon-ui-icon-gap);
}

.spectrum-Picker-popover {
  max-width: var(--spectrum-picker-texticon-popover-max-width);
}

[dir="ltr"] .spectrum-Picker-popover--quiet {
  margin-left: calc(-1 * (var(--spectrum-picker-m-quiet-texticon-popover-offset-x, var(--spectrum-global-dimension-size-150)) + var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin))));
}

[dir="rtl"] .spectrum-Picker-popover--quiet {
  margin-right: calc(-1 * (var(--spectrum-picker-m-quiet-texticon-popover-offset-x, var(--spectrum-global-dimension-size-150)) + var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin))));
}

.spectrum-Picker {
  color: var(--spectrum-picker-m-texticon-text-color, var(--spectrum-alias-component-text-color-default));
  background-color: var(--spectrum-picker-m-texticon-background-color, var(--spectrum-alias-component-background-color-default));
  border-color: var(--spectrum-picker-m-texticon-border-color, var(--spectrum-alias-component-border-color-default));
}

.spectrum-Picker:hover {
    color: var(--spectrum-picker-m-texticon-text-color-hover, var(--spectrum-alias-component-text-color-hover));
    background-color: var(--spectrum-picker-m-texticon-background-color-hover, var(--spectrum-alias-component-background-color-hover));
    border-color: var(--spectrum-picker-m-texticon-border-color-hover, var(--spectrum-alias-component-border-color-hover));
  }

.spectrum-Picker:hover .spectrum-Picker-menuIcon {
      color: var(--spectrum-picker-m-texticon-icon-color-hover, var(--spectrum-alias-component-icon-color-hover));
    }

.spectrum-Picker:active,
  .spectrum-Picker.is-open {
    background-color: var(--spectrum-picker-m-texticon-background-color-down, var(--spectrum-alias-component-background-color-down));
    border-color: var(--spectrum-picker-m-texticon-border-color-down, var(--spectrum-alias-component-border-color-down));
  }

.spectrum-Picker:active.is-placeholder .spectrum-Picker-label, .spectrum-Picker.is-open.is-placeholder .spectrum-Picker-label {
        color: var(--spectrum-picker-m-texticon-placeholder-text-color-down, var(--spectrum-alias-placeholder-text-color-down));
      }

.spectrum-Picker.focus-ring,
  .spectrum-Picker.is-focused {
    background-color: var(--spectrum-picker-m-texticon-background-color-key-focus, var(--spectrum-alias-component-background-color-key-focus));
    border-color: var(--spectrum-picker-m-texticon-border-color-key-focus, var(--spectrum-alias-component-border-color-key-focus));
    box-shadow: 0 0 0 var(--spectrum-picker-texticon-border-size-increase-focus) var(--spectrum-picker-m-texticon-border-color-key-focus, var(--spectrum-alias-component-border-color-key-focus));
    color: var(--spectrum-picker-m-texticon-text-color-key-focus, var(--spectrum-alias-component-text-color-key-focus));
  }

.spectrum-Picker.focus-ring.is-placeholder, .spectrum-Picker.is-focused.is-placeholder {
      color: var(--spectrum-picker-m-texticon-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
    }

.spectrum-Picker.is-invalid {
    border-color: var(--spectrum-picker-m-texticon-border-color-error, var(--spectrum-semantic-negative-color-default));
  }

.spectrum-Picker.is-invalid .spectrum-Picker-validationIcon {
      color: var(--spectrum-picker-m-texticon-validation-icon-color-error, var(--spectrum-semantic-negative-icon-color));
    }

.spectrum-Picker.is-invalid:hover {
      border-color: var(--spectrum-picker-m-texticon-border-color-error-hover, var(--spectrum-semantic-negative-color-hover));
    }

.spectrum-Picker.is-invalid:active,
    .spectrum-Picker.is-invalid.is-open {
      border-color: var(--spectrum-picker-m-texticon-border-color-error-down, var(--spectrum-semantic-negative-color-down));
    }

.spectrum-Picker.is-invalid.focus-ring,
    .spectrum-Picker.is-invalid.is-focused {
      border-color: var(--spectrum-picker-m-texticon-border-color-error-key-focus, var(--spectrum-alias-border-color-key-focus));
      box-shadow: 0 0 0 var(--spectrum-picker-texticon-border-size-increase-focus) var(--spectrum-picker-m-texticon-border-color-error-key-focus, var(--spectrum-alias-border-color-key-focus));
    }

.spectrum-Picker:disabled,
  .spectrum-Picker.is-disabled {
    background-color: var(--spectrum-picker-m-texticon-background-color-disabled, var(--spectrum-alias-component-background-color-disabled));
    color: var(--spectrum-picker-m-texticon-text-color-disabled, var(--spectrum-alias-component-text-color-disabled));
  }

.spectrum-Picker:disabled .spectrum-Picker-icon,
    .spectrum-Picker:disabled .spectrum-Picker-menuIcon,
    .spectrum-Picker:disabled .spectrum-Picker-validationIcon,
    .spectrum-Picker.is-disabled .spectrum-Picker-icon,
    .spectrum-Picker.is-disabled .spectrum-Picker-menuIcon,
    .spectrum-Picker.is-disabled .spectrum-Picker-validationIcon {
      color: var(--spectrum-picker-m-texticon-icon-color-disabled, var(--spectrum-alias-component-icon-color-disabled));
    }

.spectrum-Picker:disabled .spectrum-Picker-label.is-placeholder, .spectrum-Picker.is-disabled .spectrum-Picker-label.is-placeholder {
        color: var(--spectrum-picker-m-texticon-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
      }

.spectrum-Picker-menuIcon {
  color: var(--spectrum-picker-m-texticon-icon-color, var(--spectrum-alias-component-icon-color-default));
}

.spectrum-Picker-label.is-placeholder {
    color: var(--spectrum-picker-m-texticon-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
  }

.spectrum-Picker-label.is-placeholder:hover {
      color: var(--spectrum-picker-m-texticon-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
    }

.spectrum-Picker-label.is-placeholder:active {
      color: var(--spectrum-picker-m-texticon-placeholder-text-color-mouse-focus, var(--spectrum-alias-placeholder-text-color-down));
    }

.spectrum-Picker--quiet {
  color: var(--spectrum-picker-m-texticon-text-color, var(--spectrum-alias-component-text-color-default));
  border-color: var(--spectrum-picker-m-quiet-texticon-border-color, var(--spectrum-alias-component-border-color-quiet-default));
  background-color: var(--spectrum-picker-m-quiet-texticon-background-color, var(--spectrum-alias-component-background-color-quiet-default));
}

.spectrum-Picker--quiet:hover {
    background-color: var(--spectrum-picker-m-quiet-texticon-background-color-hover, var(--spectrum-alias-component-background-color-quiet-hover));
    color: var(--spectrum-picker-m-texticon-text-color-hover, var(--spectrum-alias-component-text-color-hover));
  }

.spectrum-Picker--quiet.focus-ring,
  .spectrum-Picker--quiet.is-focused {
    background-color: var(--spectrum-picker-m-quiet-texticon-background-color-key-focus, var(--spectrum-alias-component-background-color-quiet-key-focus));
    box-shadow: 0 2px 0 0 var(--spectrum-picker-m-texticon-border-color-key-focus, var(--spectrum-alias-component-border-color-key-focus));
  }

.spectrum-Picker--quiet.focus-ring.is-placeholder, .spectrum-Picker--quiet.is-focused.is-placeholder {
      color: var(--spectrum-picker-m-quiet-texticon-placeholder-text-color-key-focus, var(--spectrum-alias-placeholder-text-color-hover));
    }

.spectrum-Picker--quiet.focus-ring .spectrum-Picker-menuIcon, .spectrum-Picker--quiet.is-focused .spectrum-Picker-menuIcon {
      color: var(--spectrum-picker-m-texticon-icon-color-key-focus, var(--spectrum-alias-component-icon-color-key-focus))
    }

.spectrum-Picker--quiet:active,
  .spectrum-Picker--quiet.is-open {
    background-color: var(--spectrum-picker-m-quiet-texticon-background-color-down, var(--spectrum-alias-background-color-transparent));
    border-color: var(--spectrum-picker-m-quiet-texticon-border-color-down, var(--spectrum-alias-component-border-color-quiet-down));
  }

.spectrum-Picker--quiet:active.focus-ring,
    .spectrum-Picker--quiet:active.is-focused,
    .spectrum-Picker--quiet.is-open.focus-ring,
    .spectrum-Picker--quiet.is-open.is-focused {
      background-color: var(--spectrum-picker-m-quiet-texticon-background-color-key-focus, var(--spectrum-alias-component-background-color-quiet-key-focus));
      box-shadow: 0 2px 0 0 var(--spectrum-picker-m-texticon-border-color-key-focus, var(--spectrum-alias-component-border-color-key-focus));
    }

.spectrum-Picker--quiet.is-invalid.focus-ring,
    .spectrum-Picker--quiet.is-invalid.is-focused {
      box-shadow: 0 2px 0 0 var(--spectrum-picker-m-texticon-border-color-error-key-focus, var(--spectrum-alias-border-color-key-focus));
    }

.spectrum-Picker--quiet:disabled,
  .spectrum-Picker--quiet.is-disabled {
    background-color: var(--spectrum-picker-m-quiet-texticon-background-color-disabled, var(--spectrum-alias-component-background-color-quiet-disabled));
    color: var(--spectrum-picker-m-texticon-text-color-disabled, var(--spectrum-alias-component-text-color-disabled));
  }

.spectrum-PickerButton {
  position: relative;

  display: -ms-inline-flexbox;

  display: inline-flex;
  box-sizing: border-box;

  -ms-flex-align: center;

      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: visible;
  margin: 0;

  border-style: solid;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: button;
  vertical-align: top;

  transition: background var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    border-color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-out;

  text-decoration: none;
  font-family: var(--spectrum-alias-body-text-font-family, var(--spectrum-global-font-family-base));

  line-height: var(--spectrum-alias-component-text-line-height, var(--spectrum-global-font-line-height-small));

  -ms-user-select: none;

      user-select: none;
  -webkit-user-select: none;

  cursor: pointer;
}

.spectrum-PickerButton:focus {
    outline: none;
  }

.spectrum-PickerButton::-moz-focus-inner {
    border: 0;
    border-style: none;
    padding: 0;
    margin-top: -2px;
    margin-bottom: -2px;
  }

.spectrum-PickerButton:disabled {
    cursor: default;
  }

.spectrum-PickerButton--sizeS {
  --spectrum-PickerButton-icononly-padding-x: var(--spectrum-alias-pickerbutton-icononly-padding-x-s, var(--spectrum-global-dimension-size-85));
  --spectrum-PickerButton-icon-margin-y: var(--spectrum-alias-pickerbutton-icon-margin-y-s, var(--spectrum-global-dimension-size-85));
  --spectrum-PickerButton-label-padding-y: var(--spectrum-alias-pickerbutton-label-padding-y-s, var(--spectrum-global-dimension-size-50));
  padding: var(--spectrum-alias-infieldbutton-padding-s, 0)
}

.spectrum-PickerButton--sizeM {
  --spectrum-PickerButton-icononly-padding-x: var(--spectrum-alias-pickerbutton-icononly-padding-x-m, var(--spectrum-global-dimension-size-125));
  --spectrum-PickerButton-icon-margin-y: var(--spectrum-alias-pickerbutton-icon-margin-y-m, var(--spectrum-global-dimension-size-125));
  --spectrum-PickerButton-label-padding-y: var(--spectrum-alias-pickerbutton-label-padding-y-m, var(--spectrum-global-dimension-size-75));
  padding: var(--spectrum-alias-infieldbutton-padding-m, 0)
}

.spectrum-PickerButton--sizeL {
  --spectrum-PickerButton-icononly-padding-x: var(--spectrum-alias-pickerbutton-icononly-padding-x-l, var(--spectrum-global-dimension-size-160));
  --spectrum-PickerButton-icon-margin-y: var(--spectrum-alias-pickerbutton-icon-margin-y-l, var(--spectrum-global-dimension-size-160));
  --spectrum-PickerButton-label-padding-y: var(--spectrum-alias-pickerbutton-label-padding-y-l, var(--spectrum-global-dimension-size-115));
  padding: var(--spectrum-alias-infieldbutton-padding-l, 0)
}

.spectrum-PickerButton--sizeXL {
  --spectrum-PickerButton-icononly-padding-x: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl, var(--spectrum-global-dimension-size-200));
  --spectrum-PickerButton-icon-margin-y: var(--spectrum-alias-pickerbutton-icon-margin-y-xl, var(--spectrum-global-dimension-size-200));
  --spectrum-PickerButton-label-padding-y: var(--spectrum-alias-pickerbutton-label-padding-y-xl, var(--spectrum-global-dimension-size-150));
  padding: var(--spectrum-alias-infieldbutton-padding-xl, 0)
}

.spectrum-PickerButton:not(.spectrum-PickerButton--rounded) {
  border-radius: var(--spectrum-alias-infieldbutton-border-radius, var(--spectrum-global-dimension-size-50))
}

.spectrum-PickerButton--rounded {
  border-radius: var(--spectrum-alias-pickerbutton-border-radius-rounded, var(--spectrum-global-dimension-size-50))
}

.spectrum-PickerButton:not(.spectrum-PickerButton--rounded) .spectrum-PickerButton-fill {
  border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius, var(--spectrum-global-dimension-size-50));
  border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius, var(--spectrum-global-dimension-size-50));
  border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius, var(--spectrum-global-dimension-size-50));
  border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius, var(--spectrum-global-dimension-size-50))
}

.spectrum-PickerButton:not(.spectrum-PickerButton--rounded).spectrum-PickerButton--right .spectrum-PickerButton-fill {
  border-top-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided, 0);
  border-bottom-left-radius: var(--spectrum-alias-infieldbutton-border-radius-sided, 0)
}

.spectrum-PickerButton--rounded .spectrum-PickerButton-fill {
  border-top-left-radius: var(--spectrum-alias-pickerbutton-border-radius-rounded, var(--spectrum-global-dimension-size-50));
  border-top-right-radius: var(--spectrum-alias-pickerbutton-border-radius-rounded, var(--spectrum-global-dimension-size-50));
  border-bottom-left-radius: var(--spectrum-alias-pickerbutton-border-radius-rounded, var(--spectrum-global-dimension-size-50));
  border-bottom-right-radius: var(--spectrum-alias-pickerbutton-border-radius-rounded, var(--spectrum-global-dimension-size-50))
}

.spectrum-PickerButton:not(.spectrum-PickerButton--rounded).spectrum-PickerButton--left .spectrum-PickerButton-fill {
  border-top-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided, 0);
  border-bottom-right-radius: var(--spectrum-alias-infieldbutton-border-radius-sided, 0)
}

.spectrum-PickerButton--uiicononly .spectrum-PickerButton-fill {
  padding-left: var(--spectrum-PickerButton-icononly-padding-x);
  padding-right: var(--spectrum-PickerButton-icononly-padding-x)
}

.spectrum-PickerButton--uiicononly.spectrum-PickerButton--sizeS .spectrum-PickerButton-fill {
  width: var(--spectrum-alias-infieldbutton-full-height-s, var(--spectrum-global-dimension-size-300));
  padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-s, var(--spectrum-global-dimension-size-85));
  padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-s, var(--spectrum-global-dimension-size-85))
}

.spectrum-PickerButton--uiicononly.spectrum-PickerButton--sizeM .spectrum-PickerButton-fill {
  width: var(--spectrum-alias-infieldbutton-full-height-m, var(--spectrum-global-dimension-size-400));
  padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-m, var(--spectrum-global-dimension-size-125));
  padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-m, var(--spectrum-global-dimension-size-125))
}

.spectrum-PickerButton--uiicononly.spectrum-PickerButton--sizeL .spectrum-PickerButton-fill {
  width: var(--spectrum-alias-infieldbutton-full-height-l, var(--spectrum-global-dimension-size-500));
  padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-l, var(--spectrum-global-dimension-size-160));
  padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-l, var(--spectrum-global-dimension-size-160))
}

.spectrum-PickerButton--uiicononly.spectrum-PickerButton--sizeXL .spectrum-PickerButton-fill {
  width: var(--spectrum-alias-infieldbutton-full-height-xl, var(--spectrum-global-dimension-size-600));
  padding-left: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl, var(--spectrum-global-dimension-size-200));
  padding-right: var(--spectrum-alias-pickerbutton-icononly-padding-x-xl, var(--spectrum-global-dimension-size-200))
}

.spectrum-PickerButton--icononly.spectrum-PickerButton--sizeS .spectrum-PickerButton-fill {
  width: var(--spectrum-alias-infieldbutton-full-height-s, var(--spectrum-global-dimension-size-300));
  padding-left: var(--spectrum-global-dimension-size-50);
  padding-right: var(--spectrum-global-dimension-size-50)
}

.spectrum-PickerButton--icononly.spectrum-PickerButton--sizeM .spectrum-PickerButton-fill {
  width: var(--spectrum-alias-infieldbutton-full-height-m, var(--spectrum-global-dimension-size-400));
  padding-left: var(--spectrum-global-dimension-size-85);
  padding-right: var(--spectrum-global-dimension-size-85)
}

.spectrum-PickerButton--icononly.spectrum-PickerButton--sizeL .spectrum-PickerButton-fill {
  width: var(--spectrum-alias-infieldbutton-full-height-l, var(--spectrum-global-dimension-size-500));
  padding-left: var(--spectrum-global-dimension-size-125);
  padding-right: var(--spectrum-global-dimension-size-125)
}

.spectrum-PickerButton--icononly.spectrum-PickerButton--sizeXL .spectrum-PickerButton-fill {
  width: var(--spectrum-alias-infieldbutton-full-height-xl, var(--spectrum-global-dimension-size-600));
  padding-left: var(--spectrum-global-dimension-size-160);
  padding-right: var(--spectrum-global-dimension-size-160)
}

.spectrum-PickerButton--textuiicon .spectrum-PickerButton-fill {
  width: auto
}

.spectrum-PickerButton-fill {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  border-style: solid;
  border-width: var(--spectrum-alias-infieldbutton-border-size, var(--spectrum-global-dimension-static-size-10))
}

.spectrum-PickerButton--sizeS .spectrum-PickerButton-fill {
  gap: var(--spectrum-global-dimension-size-75);
  height: var(--spectrum-alias-infieldbutton-full-height-s, var(--spectrum-global-dimension-size-300))
}

.spectrum-PickerButton--sizeM .spectrum-PickerButton-fill {
  gap: var(--spectrum-global-dimension-size-85);
  height: var(--spectrum-alias-infieldbutton-full-height-m, var(--spectrum-global-dimension-size-400))
}

.spectrum-PickerButton--sizeL .spectrum-PickerButton-fill {
  gap: var(--spectrum-global-dimension-size-65);
  height: var(--spectrum-alias-infieldbutton-full-height-l, var(--spectrum-global-dimension-size-500))
}

.spectrum-PickerButton--sizeXL .spectrum-PickerButton-fill {
  gap: var(--spectrum-global-dimension-size-85);
  height: var(--spectrum-alias-infieldbutton-full-height-xl, var(--spectrum-global-dimension-size-600))
}

.spectrum-PickerButton--textuiicon.spectrum-PickerButton--sizeS .spectrum-PickerButton-fill {
  padding-left: var(--spectrum-global-dimension-size-115);
  padding-right: var(--spectrum-global-dimension-size-100)
}

.spectrum-PickerButton--textuiicon.spectrum-PickerButton--sizeM .spectrum-PickerButton-fill {
  padding-left: var(--spectrum-global-dimension-size-160);
  padding-right: var(--spectrum-global-dimension-size-125)
}

.spectrum-PickerButton--textuiicon.spectrum-PickerButton--sizeL .spectrum-PickerButton-fill {
  padding-left: var(--spectrum-global-dimension-size-185);
  padding-right: var(--spectrum-global-dimension-size-150)
}

.spectrum-PickerButton--textuiicon.spectrum-PickerButton--sizeXL .spectrum-PickerButton-fill {
  padding-left: var(--spectrum-global-dimension-size-225);
  padding-right: var(--spectrum-global-dimension-size-200)
}

.spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton:disabled.spectrum-PickerButton--low .spectrum-PickerButton-fill {
  background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled, transparent)
}

.spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton:disabled.spectrum-PickerButton--medium .spectrum-PickerButton-fill {
  background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled, transparent)
}

.spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton:disabled.spectrum-PickerButton--high .spectrum-PickerButton-fill {
  background-color: var(--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-disabled, var(--spectrum-alias-component-background-color-disabled))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton--low .spectrum-PickerButton-fill {
  background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default, transparent)
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton--low:hover .spectrum-PickerButton-fill {
  background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover, transparent)
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton--low:active .spectrum-PickerButton-fill {
  background-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down, transparent)
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton--medium .spectrum-PickerButton-fill {
  background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton--medium:hover .spectrum-PickerButton-fill {
  background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton--medium:active .spectrum-PickerButton-fill {
  background-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton--high .spectrum-PickerButton-fill {
  background-color: var(--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-default, var(--spectrum-alias-component-background-color-default))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton--high:hover .spectrum-PickerButton-fill {
  background-color: var(--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover, var(--spectrum-alias-component-background-color-hover))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton--high:active .spectrum-PickerButton-fill {
  background-color: var(--spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down, var(--spectrum-alias-component-background-color-down))
}

.spectrum-PickerButton.is-open .spectrum-PickerButton-fill {
  background-color: var(--spectrum-alias-component-background-color-down, var(--spectrum-global-color-gray-200))
}

.spectrum-PickerButton-label {
  padding-top: var(--spectrum-PickerButton-label-padding-y);
  padding-bottom: var(--spectrum-PickerButton-label-padding-y);
  font-family: var(--spectrum-global-font-body-text-font-family);
  font-style: var(--spectrum-global-font-style-regular, normal);
  font-weight: var(--spectrum-global-font-body-text-font-weight);
  line-height: var(--spectrum-global-font-component-text-line-height);
  letter-spacing: var(--spectrum-global-font-letter-spacing-none, 0);
  text-transform: none
}

.spectrum-PickerButton--sizeS .spectrum-PickerButton-label {
  padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-s, var(--spectrum-global-dimension-size-50));
  padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-s, var(--spectrum-global-dimension-size-50));
  font-size: var(--spectrum-global-dimension-font-size-75)
}

.spectrum-PickerButton--sizeM .spectrum-PickerButton-label {
  padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-m, var(--spectrum-global-dimension-size-75));
  padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-m, var(--spectrum-global-dimension-size-75));
  font-size: var(--spectrum-global-dimension-font-size-100)
}

.spectrum-PickerButton--sizeL .spectrum-PickerButton-label {
  padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-l, var(--spectrum-global-dimension-size-115));
  padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-l, var(--spectrum-global-dimension-size-115));
  font-size: var(--spectrum-global-dimension-font-size-200)
}

.spectrum-PickerButton--sizeXL .spectrum-PickerButton-label {
  padding-top: var(--spectrum-alias-pickerbutton-label-padding-y-xl, var(--spectrum-global-dimension-size-150));
  padding-bottom: var(--spectrum-alias-pickerbutton-label-padding-y-xl, var(--spectrum-global-dimension-size-150));
  font-size: var(--spectrum-global-dimension-font-size-300)
}

.spectrum-PickerButton--uiicononly .spectrum-PickerButton-label {
  display: none
}

.spectrum-PickerButton--icononly .spectrum-PickerButton-label {
  display: none
}

.spectrum-PickerButton--textuiicon .spectrum-PickerButton-label {
  display: initial
}

.spectrum-PickerButton:not(.spectrum-PickerButton.is-open) .spectrum-PickerButton-label {
  color: var(--spectrum-alias-component-text-color, var(--spectrum-alias-component-text-color-default))
}

.spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton:disabled .spectrum-PickerButton-label {
  color: var(--spectrum-alias-component-text-color-disabled, var(--spectrum-global-color-gray-500))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open) .spectrum-PickerButton-label {
  color: var(--spectrum-alias-component-text-color-default, var(--spectrum-global-color-gray-800))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open):hover .spectrum-PickerButton-label {
  color: var(--spectrum-alias-component-text-color-hover, var(--spectrum-global-color-gray-900))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open):active .spectrum-PickerButton-label {
  color: var(--spectrum-alias-component-text-color-down, var(--spectrum-global-color-gray-900))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton--error .spectrum-PickerButton-label {
  color: var(--spectrum-alias-component-text-color-error-default, var(--spectrum-semantic-negative-text-color-small))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton--error:hover .spectrum-PickerButton-label {
  color: var(--spectrum-alias-component-text-color-error-hover, var(--spectrum-semantic-negative-text-color-small-hover))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton--error:active .spectrum-PickerButton-label {
  color: var(--spectrum-alias-component-text-color-error-down, var(--spectrum-semantic-negative-text-color-small-down))
}

.spectrum-PickerButton.is-open .spectrum-PickerButton-label {
  color: var(--spectrum-alias-component-text-color-down, var(--spectrum-global-color-gray-900))
}

.spectrum-PickerButton--uiicononly .spectrum-PickerButton-icon {
  display: none
}

.spectrum-PickerButton--icononly .spectrum-PickerButton-icon {
  display: initial
}

.spectrum-PickerButton--textuiicon .spectrum-PickerButton-icon {
  display: none
}

.spectrum-PickerButton:not(.spectrum-PickerButton.is-open) .spectrum-PickerButton-icon {
  color: var(--spectrum-alias-component-icon-color, var(--spectrum-alias-component-icon-color-default))
}

.spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton:disabled .spectrum-PickerButton-icon {
  color: var(--spectrum-alias-component-icon-color-disabled, var(--spectrum-alias-icon-color-disabled))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open) .spectrum-PickerButton-icon {
  color: var(--spectrum-alias-component-icon-color-default, var(--spectrum-alias-icon-color))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open):hover .spectrum-PickerButton-icon {
  color: var(--spectrum-alias-component-icon-color-hover, var(--spectrum-alias-icon-color-hover))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open):active .spectrum-PickerButton-icon {
  color: var(--spectrum-alias-component-icon-color-down, var(--spectrum-alias-icon-color-down))
}

.spectrum-PickerButton.is-open .spectrum-PickerButton-icon {
  color: var(--spectrum-alias-component-icon-color-down, var(--spectrum-alias-icon-color-down))
}

.spectrum-PickerButton--sizeS .spectrum-PickerButton-icon {
  margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-s, var(--spectrum-global-dimension-size-50));
  margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-s, var(--spectrum-global-dimension-size-50));
  width: var(--spectrum-global-dimension-size-200);
  height: var(--spectrum-global-dimension-size-200);
  gap: var(--spectrum-global-dimension-size-85)
}

.spectrum-PickerButton--sizeM .spectrum-PickerButton-icon {
  margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-m, var(--spectrum-global-dimension-size-85));
  margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-m, var(--spectrum-global-dimension-size-85));
  width: var(--spectrum-global-dimension-size-225);
  height: var(--spectrum-global-dimension-size-225);
  gap: var(--spectrum-global-dimension-size-100)
}

.spectrum-PickerButton--sizeL .spectrum-PickerButton-icon {
  margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-l, var(--spectrum-global-dimension-size-125));
  margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-l, var(--spectrum-global-dimension-size-125));
  gap: var(--spectrum-global-dimension-size-115)
}

.spectrum-PickerButton--sizeXL .spectrum-PickerButton-icon {
  margin-top: var(--spectrum-alias-infieldbutton-icon-margin-y-xl, var(--spectrum-global-dimension-size-160));
  margin-bottom: var(--spectrum-alias-infieldbutton-icon-margin-y-xl, var(--spectrum-global-dimension-size-160));
  width: var(--spectrum-global-dimension-size-275);
  height: var(--spectrum-global-dimension-size-275);
  gap: var(--spectrum-global-dimension-size-125)
}

.spectrum--medium .spectrum-PickerButton--sizeL .spectrum-PickerButton-icon {
  width: var(--spectrum-global-dimension-static-size-250, 20px);
  height: var(--spectrum-global-dimension-static-size-250, 20px)
}

.spectrum--large .spectrum-PickerButton--sizeL .spectrum-PickerButton-icon {
  width: var(--spectrum-global-dimension-static-size-300, 24px);
  height: var(--spectrum-global-dimension-static-size-300, 24px)
}

.spectrum-PickerButton--uiicononly .spectrum-PickerButton-UIIcon {
  display: initial
}

.spectrum-PickerButton--icononly .spectrum-PickerButton-UIIcon {
  display: none
}

.spectrum-PickerButton--textuiicon .spectrum-PickerButton-UIIcon {
  display: initial
}

.spectrum-PickerButton:not(.spectrum-PickerButton.is-open) .spectrum-PickerButton-UIIcon {
  color: var(--spectrum-alias-component-icon-color, var(--spectrum-alias-component-icon-color-default))
}

.spectrum-PickerButton:not(.spectrum-PickerButton.is-open).spectrum-PickerButton:disabled .spectrum-PickerButton-UIIcon {
  color: var(--spectrum-alias-component-icon-color-disabled, var(--spectrum-alias-icon-color-disabled))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open) .spectrum-PickerButton-UIIcon {
  color: var(--spectrum-alias-component-icon-color-default, var(--spectrum-alias-icon-color))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open):hover .spectrum-PickerButton-UIIcon {
  color: var(--spectrum-alias-component-icon-color-hover, var(--spectrum-alias-icon-color-hover))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-open):active .spectrum-PickerButton-UIIcon {
  color: var(--spectrum-alias-component-icon-color-down, var(--spectrum-alias-icon-color-down))
}

.spectrum-PickerButton.is-open .spectrum-PickerButton-UIIcon {
  color: var(--spectrum-alias-component-icon-color-down, var(--spectrum-alias-icon-color-down))
}

.spectrum-PickerButton-UIIcon {
  transform: rotate(90deg);
  margin-top: var(--spectrum-PickerButton-icon-margin-y);
  margin-bottom: var(--spectrum-PickerButton-icon-margin-y)
}

.spectrum-PickerButton--sizeS .spectrum-PickerButton-UIIcon {
  margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-s, var(--spectrum-global-dimension-size-85));
  margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-s, var(--spectrum-global-dimension-size-85));
  width: var(--spectrum-alias-ui-icon-chevron-size-100);
  height: var(--spectrum-alias-ui-icon-chevron-size-100)
}

.spectrum-PickerButton--sizeM .spectrum-PickerButton-UIIcon {
  margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-m, var(--spectrum-global-dimension-size-125));
  margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-m, var(--spectrum-global-dimension-size-125));
  width: var(--spectrum-alias-ui-icon-chevron-size-200);
  height: var(--spectrum-alias-ui-icon-chevron-size-200)
}

.spectrum-PickerButton--sizeL .spectrum-PickerButton-UIIcon {
  margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-l, var(--spectrum-global-dimension-size-160));
  margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-l, var(--spectrum-global-dimension-size-160));
  width: var(--spectrum-alias-ui-icon-chevron-size-300);
  height: var(--spectrum-alias-ui-icon-chevron-size-300)
}

.spectrum-PickerButton--sizeXL .spectrum-PickerButton-UIIcon {
  margin-top: var(--spectrum-alias-pickerbutton-icon-margin-y-xl, var(--spectrum-global-dimension-size-200));
  margin-bottom: var(--spectrum-alias-pickerbutton-icon-margin-y-xl, var(--spectrum-global-dimension-size-200));
  width: var(--spectrum-alias-ui-icon-chevron-size-400);
  height: var(--spectrum-alias-ui-icon-chevron-size-400)
}

.spectrum-PickerButton:disabled.spectrum-PickerButton--low .spectrum-PickerButton-fill {
  border-color: var(--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled, transparent)
}

.spectrum-PickerButton:disabled.spectrum-PickerButton--medium .spectrum-PickerButton-fill {
  border-color: var(--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled, transparent)
}

.spectrum-PickerButton:disabled.spectrum-PickerButton--high .spectrum-PickerButton-fill {
  border-color: var(--spectrum-alias-infieldbutton-fill-loudnessHigh-border-color-disabled, var(--spectrum-alias-component-background-color-disabled))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton--low.spectrum-PickerButton.is-invalid .spectrum-PickerButton-fill {
  border-color: transparent
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton--medium.spectrum-PickerButton.is-invalid .spectrum-PickerButton-fill {
  border-color: transparent
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton--high.spectrum-PickerButton.is-invalid .spectrum-PickerButton-fill {
  border-color: var(--spectrum-alias-input-border-color-invalid-default, var(--spectrum-semantic-negative-color-default))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton--high.spectrum-PickerButton.is-invalid:hover .spectrum-PickerButton-fill {
  border-color: var(--spectrum-alias-input-border-color-invalid-hover, var(--spectrum-semantic-negative-color-hover))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton--high.spectrum-PickerButton.is-invalid:active .spectrum-PickerButton-fill {
  border-color: var(--spectrum-alias-input-border-color-invalid-down, var(--spectrum-semantic-negative-color-down))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton--high.spectrum-PickerButton.is-invalid:focus .spectrum-PickerButton-fill,
.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton--high.spectrum-PickerButton.is-invalid.is-focused .spectrum-PickerButton-fill {
  border-color: var(--spectrum-alias-input-border-color-invalid-mouse-focus, var(--spectrum-semantic-negative-color-hover))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton--high.spectrum-PickerButton.is-invalid:focus-visible .spectrum-PickerButton-fill,
.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton--high.spectrum-PickerButton.is-invalid.is-keyboardFocused .spectrum-PickerButton-fill {
  border-color: var(--spectrum-alias-input-border-color-invalid-key-focus, var(--spectrum-alias-border-color-key-focus))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--low .spectrum-PickerButton-fill {
  border-color: transparent
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--low:hover .spectrum-PickerButton-fill {
  border-color: transparent
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--low:active .spectrum-PickerButton-fill {
  border-color: transparent
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--low:focus .spectrum-PickerButton-fill,
.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--low.is-focused .spectrum-PickerButton-fill {
  border-color: transparent
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--low:focus-visible .spectrum-PickerButton-fill,
.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--low.is-keyboardFocused .spectrum-PickerButton-fill {
  border-color: transparent
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--medium .spectrum-PickerButton-fill {
  border-color: transparent
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--medium:hover .spectrum-PickerButton-fill {
  border-color: transparent
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--medium:active .spectrum-PickerButton-fill {
  border-color: transparent
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--medium:focus .spectrum-PickerButton-fill,
.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--medium.is-focused .spectrum-PickerButton-fill {
  border-color: transparent
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--medium:focus-visible .spectrum-PickerButton-fill,
.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--medium.is-keyboardFocused .spectrum-PickerButton-fill {
  border-color: transparent
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--high .spectrum-PickerButton-fill {
  border-color: var(--spectrum-alias-infieldbutton-fill-border-color-default, var(--spectrum-alias-input-border-color-default))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--high:hover .spectrum-PickerButton-fill {
  border-color: var(--spectrum-alias-infieldbutton-fill-border-color-hover, var(--spectrum-alias-input-border-color-hover))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--high:active .spectrum-PickerButton-fill {
  border-color: var(--spectrum-alias-infieldbutton-fill-border-color-down, var(--spectrum-alias-input-border-color-down))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--high:focus .spectrum-PickerButton-fill,
.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--high.is-focused .spectrum-PickerButton-fill {
  border-color: var(--spectrum-alias-infieldbutton-fill-border-color-mouse-focus, var(--spectrum-alias-input-border-color-mouse-focus))
}

.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--high:focus-visible .spectrum-PickerButton-fill,
.spectrum-PickerButton:not(.spectrum-PickerButton:disabled).spectrum-PickerButton:not(.spectrum-PickerButton.is-invalid).spectrum-PickerButton--high.is-keyboardFocused .spectrum-PickerButton-fill {
  border-color: var(--spectrum-alias-infieldbutton-fill-border-color-key-focus, var(--spectrum-alias-input-border-color-key-focus))
}

.spectrum-PickerButton-focusRing {
  display: none;
  border-style: solid;
  border-width: var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25));
  border-color: var(--spectrum-alias-background-color-transparent, transparent)
}

.spectrum-PickerButton:focus-visible .spectrum-PickerButton-focusRing,
.spectrum-PickerButton.is-keyboardFocused .spectrum-PickerButton-focusRing {
  display: initial;
  border-color: var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color))
}

.spectrum-PickerButton--sizeS .spectrum-PickerButton-focusRing {
  border-radius: var(--spectrum-global-dimension-size-125)
}

.spectrum-PickerButton--sizeM .spectrum-PickerButton-focusRing {
  border-radius: var(--spectrum-global-dimension-size-130)
}

.spectrum-PickerButton--sizeL .spectrum-PickerButton-focusRing {
  border-radius: var(--spectrum-global-dimension-size-150)
}

.spectrum-PickerButton--sizeXL .spectrum-PickerButton-focusRing {
  border-radius: var(--spectrum-global-dimension-size-175)
}

.spectrum-PickerButton {

  border-style: none;
  background-color: transparent;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;

  --spectrum-infieldbutton-border-color-override: initial;
}

.spectrum-PickerButton-label {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;

  white-space: nowrap;
  overflow: hidden;
}

.spectrum-PickerButton-fill {
  box-sizing: border-box;
  border-color: var(--spectrum-infieldbutton-border-color-override);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;

  transition: border-color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
}

.spectrum-PickerButton--uiicononly .spectrum-PickerButton-fill {
    padding: 0 !important;
  }

.spectrum-PickerButton-UIIcon {
  margin: 0 !important;
}

.spectrum-Popover {
  --spectrum-overlay-animation-distance: var(--spectrum-picker-m-texticon-popover-offset-y, var(--spectrum-global-dimension-size-75));

  visibility: hidden;

  opacity: 0;

  transition: transform var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
              opacity var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
              visibility 0ms linear var(--spectrum-global-animation-duration-100, 130ms);

  pointer-events: none;
}

.spectrum-Popover.is-open {
  visibility: visible;

  opacity: 1;

  transition-delay: 0ms;

  pointer-events: auto;
}

.spectrum-Popover--bottom.is-open {
  transform: translateY(var(--spectrum-overlay-animation-distance));
}

.spectrum-Popover--top.is-open {
  transform: translateY(calc(-1 * var(--spectrum-overlay-animation-distance)));
}

.spectrum-Popover--right.is-open {
  transform: translateX(var(--spectrum-overlay-animation-distance));
}

.spectrum-Popover--left.is-open {
  transform: translateX(calc(-1 * var(--spectrum-overlay-animation-distance)));
}

.spectrum-Popover {
  --spectrum-popover-target-offset: 13px;
  --spectrum-popover-dialog-padding: 30px 29px;
  --spectrum-popover-dialog-min-width: 270px;

  --spectrum-popover-min-width: var(--spectrum-global-dimension-size-400);
  --spectrum-popover-min-height: var(--spectrum-global-dimension-size-400);
}

.spectrum-Popover {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-sizing: border-box;

  min-width: var(--spectrum-popover-min-width, var(--spectrum-global-dimension-size-400));
  min-height: var(--spectrum-popover-min-height, var(--spectrum-global-dimension-size-400));

  position: absolute;

  border-style: solid;
  border-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
  border-radius: var(--spectrum-popover-border-radius, var(--spectrum-alias-border-radius-regular));

  outline: none;
  box-sizing: border-box;
}

.spectrum-Popover-tip {
  position: absolute;
  -webkit-transform: translate(0, 0);
}

.spectrum-Popover-tip .spectrum-Popover-tip-triangle {
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
  }

.spectrum-Popover--dialog {
  min-width: var(--spectrum-popover-dialog-min-width);
  padding: var(--spectrum-popover-dialog-padding);
}

.spectrum-Popover--left.spectrum-Popover--withTip {
    margin-right: var(--spectrum-popover-target-offset);
  }

.spectrum-Popover--left .spectrum-Popover-tip {
    left: 100%;
  }

.spectrum-Popover--right.spectrum-Popover--withTip {
    margin-left: var(--spectrum-popover-target-offset);
  }

.spectrum-Popover--right .spectrum-Popover-tip {
    right: 100%;
    transform: scaleX(-1);
  }

.spectrum-Popover--left .spectrum-Popover-tip, .spectrum-Popover--right .spectrum-Popover-tip {
    top: 50%;
    margin-top: calc(var(--spectrum-global-dimension-size-150) * -1);
  }

.spectrum-Popover--bottom.spectrum-Popover--withTip {
    margin-top: var(--spectrum-popover-target-offset);
  }

.spectrum-Popover--bottom .spectrum-Popover-tip {
    bottom: 100%;
    transform: scaleY(-1);
  }

.spectrum-Popover--top.spectrum-Popover--withTip {
    margin-bottom: var(--spectrum-popover-target-offset);
  }

.spectrum-Popover--top .spectrum-Popover-tip {
    top: 100%;
  }

.spectrum-Popover--bottom .spectrum-Popover-tip, .spectrum-Popover--top .spectrum-Popover-tip {
    left: 50%;
    margin-left: calc(var(--spectrum-global-dimension-size-150) * -1);
  }

.spectrum-Popover {
  background-color: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50));
  border-color: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
  filter: drop-shadow(0 1px 4px var(--spectrum-popover-shadow-color, var(--spectrum-alias-dropshadow-color)));
  -webkit-filter: drop-shadow(0 1px 4px var(--spectrum-popover-shadow-color, var(--spectrum-alias-dropshadow-color)));
  will-change: filter;
  -webkit-clip-path: inset(-30px -30px);
          clip-path: inset(-30px -30px);
}

.spectrum-Popover .spectrum-Popover-tip .spectrum-Popover-tip-triangle {
      fill: var(--spectrum-popover-background-color, var(--spectrum-global-color-gray-50));
      stroke: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
    }

.spectrum-ProgressBar--sizeS {
  --spectrum-progressbar-border-radius: var(--spectrum-progressbar-s-border-radius);
  --spectrum-progressbar-indeterminate-fill-width: var(--spectrum-progressbar-s-indeterminate-fill-width, var(--spectrum-global-dimension-static-percent-70));
  --spectrum-progressbar-indeterminate-duration: var(--spectrum-progressbar-s-indeterminate-duration, var(--spectrum-global-animation-duration-2000));
  --spectrum-progressbar-value-gap-y: var(--spectrum-progressbar-s-value-gap-y, 0px);
  --spectrum-progressbar-height: var(--spectrum-progressbar-s-height, var(--spectrum-global-dimension-size-50));
  --spectrum-progressbar-width: var(--spectrum-progressbar-s-width, var(--spectrum-global-dimension-static-size-2400));
}

.spectrum-ProgressBar--sizeM {
  --spectrum-progressbar-border-radius: var(--spectrum-progressbar-m-border-radius);
  --spectrum-progressbar-indeterminate-fill-width: var(--spectrum-progressbar-m-indeterminate-fill-width, var(--spectrum-global-dimension-static-percent-70));
  --spectrum-progressbar-indeterminate-duration: var(--spectrum-progressbar-m-indeterminate-duration, var(--spectrum-global-animation-duration-2000));
  --spectrum-progressbar-value-gap-y: var(--spectrum-progressbar-m-value-gap-y, 0px);
  --spectrum-progressbar-height: var(--spectrum-progressbar-m-height, var(--spectrum-global-dimension-size-75));
  --spectrum-progressbar-width: var(--spectrum-progressbar-m-width, var(--spectrum-global-dimension-static-size-2400));
  --spectrum-fieldlabel-side-padding-right: var(--spectrum-fieldlabel-m-side-padding-right, var(--spectrum-global-dimension-size-150));
}

.spectrum-ProgressBar--sizeL {
  --spectrum-progressbar-indeterminate-fill-width: var(--spectrum-progressbar-l-indeterminate-fill-width, var(--spectrum-global-dimension-static-percent-70));
  --spectrum-progressbar-indeterminate-duration: var(--spectrum-progressbar-l-indeterminate-duration, var(--spectrum-global-animation-duration-2000));
  --spectrum-progressbar-value-gap-y: var(--spectrum-progressbar-l-value-gap-y, 0px);
  --spectrum-progressbar-height: var(--spectrum-progressbar-l-height, var(--spectrum-global-dimension-size-100));
  --spectrum-progressbar-border-radius: var(--spectrum-progressbar-l-border-radius, var(--spectrum-global-dimension-size-50));
  --spectrum-progressbar-width: var(--spectrum-progressbar-l-width, var(--spectrum-global-dimension-static-size-2500));
}

.spectrum-ProgressBar--sizeXL {
  --spectrum-progressbar-border-radius: var(--spectrum-progressbar-xl-border-radius);
  --spectrum-progressbar-indeterminate-fill-width: var(--spectrum-progressbar-xl-indeterminate-fill-width, var(--spectrum-global-dimension-static-percent-70));
  --spectrum-progressbar-indeterminate-duration: var(--spectrum-progressbar-xl-indeterminate-duration, var(--spectrum-global-animation-duration-2000));
  --spectrum-progressbar-value-gap-y: var(--spectrum-progressbar-xl-value-gap-y, 0px);
  --spectrum-progressbar-height: var(--spectrum-progressbar-xl-height, var(--spectrum-global-dimension-size-125));
  --spectrum-progressbar-width: var(--spectrum-progressbar-xl-width, var(--spectrum-global-dimension-static-size-2800));
}

.spectrum-ProgressBar {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: var(--spectrum-progressbar-width);
  vertical-align: top;
}

.spectrum-ProgressBar-track {
  overflow: hidden;
  width: 100%;
  height: var(--spectrum-progressbar-height);
  border-radius: var(--spectrum-progressbar-border-radius);
  z-index: 1;
}

.spectrum-ProgressBar-fill {
  border: none;
  height: var(--spectrum-progressbar-height);

  transition: width 1s;
}

[dir="ltr"] .spectrum-ProgressBar-label,[dir="ltr"] 
.spectrum-ProgressBar-percentage {
  text-align: left;
}

[dir="rtl"] .spectrum-ProgressBar-label,[dir="rtl"] 
.spectrum-ProgressBar-percentage {
  text-align: right;
}

.spectrum-ProgressBar-label,
.spectrum-ProgressBar-percentage {
  margin-bottom: var(--spectrum-progressbar-value-gap-y);
}

.spectrum-ProgressBar-label {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
}

[dir="ltr"] .spectrum-ProgressBar-percentage {
  margin-left: var(--spectrum-fieldlabel-side-padding-right);
}

[dir="rtl"] .spectrum-ProgressBar-percentage {
  margin-right: var(--spectrum-fieldlabel-side-padding-right);
}

.spectrum-ProgressBar-percentage {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.spectrum-ProgressBar--sideLabel {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: auto;
}

.spectrum-ProgressBar--sideLabel .spectrum-ProgressBar-track {
    min-width: var(--spectrum-progressbar-width);
    -ms-flex: 1 1 var(--spectrum-progressbar-width);
        flex: 1 1 var(--spectrum-progressbar-width);
  }

[dir="ltr"] .spectrum-ProgressBar--sideLabel .spectrum-ProgressBar-label {
    margin-right: var(--spectrum-fieldlabel-side-padding-right);
}

[dir="rtl"] .spectrum-ProgressBar--sideLabel .spectrum-ProgressBar-label {
    margin-left: var(--spectrum-fieldlabel-side-padding-right);
}

.spectrum-ProgressBar--sideLabel .spectrum-ProgressBar-label {
    -ms-flex-positive: 0;
        flex-grow: 0;
    margin-bottom: 0;
  }

[dir="ltr"] .spectrum-ProgressBar--sideLabel .spectrum-ProgressBar-percentage {
    text-align: right;
}

[dir="rtl"] .spectrum-ProgressBar--sideLabel .spectrum-ProgressBar-percentage {
    text-align: left;
}

[dir="ltr"] .spectrum-ProgressBar--sideLabel .spectrum-ProgressBar-percentage {
    margin-left: var(--spectrum-fieldlabel-side-padding-right);
}

[dir="rtl"] .spectrum-ProgressBar--sideLabel .spectrum-ProgressBar-percentage {
    margin-right: var(--spectrum-fieldlabel-side-padding-right);
}

.spectrum-ProgressBar--sideLabel .spectrum-ProgressBar-percentage {
    -ms-flex-order: 3;
        order: 3;
    margin-bottom: 0;
  }

.spectrum-ProgressBar--indeterminate .spectrum-ProgressBar-fill {
  width: var(--spectrum-progressbar-indeterminate-fill-width);
  position: relative;
  animation-timing-function: var(
    --spectrum-progressbar-indeterminate-animation-ease
  );
  will-change: transform;
}

[dir="ltr"] .spectrum-ProgressBar--indeterminate .spectrum-ProgressBar-fill {
  animation: indeterminate-loop-ltr
    var(--spectrum-progressbar-indeterminate-duration) infinite;
}

[dir="rtl"] .spectrum-ProgressBar--indeterminate .spectrum-ProgressBar-fill {
  animation: indeterminate-loop-rtl
    var(--spectrum-progressbar-indeterminate-duration) infinite;
}

@keyframes indeterminate-loop-ltr {
  from {
    transform: translate(
      calc(-1 * var(--spectrum-progressbar-indeterminate-fill-width))
    );
  }
  to {
    transform: translate(var(--spectrum-progressbar-width));
  }
}

@keyframes indeterminate-loop-rtl {
  from {
    transform: translate(var(--spectrum-progressbar-width));
  }
  to {
    transform: translate(calc(-1 * var(--spectrum-progressbar-width)));
  }
}

.spectrum-ProgressBar .spectrum-ProgressBar-fill {
    background: var(--spectrum-progressbar-m-track-fill-color, var(--spectrum-semantic-informative-color-default));
  }

.spectrum-ProgressBar .spectrum-ProgressBar-track {
    background-color: var(--spectrum-progressbar-m-track-color, var(--spectrum-alias-track-color-default));
  }

.spectrum-ProgressBar.spectrum-ProgressBar--overBackground .spectrum-ProgressBar-fill {
      background: var(--spectrum-progressbar-m-overbackground-track-fill-color, var(--spectrum-alias-track-fill-color-overbackground));
    }

.spectrum-ProgressBar.spectrum-ProgressBar--overBackground .spectrum-ProgressBar-label,
    .spectrum-ProgressBar.spectrum-ProgressBar--overBackground .spectrum-ProgressBar-percentage {
      color: var(--spectrum-progressbar-m-overbackground-track-fill-color, var(--spectrum-alias-track-fill-color-overbackground));
    }

.spectrum-ProgressBar.spectrum-ProgressBar--overBackground .spectrum-ProgressBar-track {
      background-color: var(--spectrum-progressbar-m-overbackground-track-color, var(--spectrum-alias-track-color-overbackground));
    }

.spectrum-ProgressBar.is-positive .spectrum-ProgressBar-fill {
      background: var(--spectrum-meter-m-positive-track-fill-color, var(--spectrum-semantic-positive-status-color));
    }

.spectrum-ProgressBar.is-notice .spectrum-ProgressBar-fill {
      background: var(--spectrum-meter-m-notice-track-fill-color, var(--spectrum-semantic-notice-status-color));
    }

.spectrum-ProgressBar.is-negative .spectrum-ProgressBar-fill {
      background: var(--spectrum-meter-m-negative-track-fill-color, var(--spectrum-semantic-negative-status-color));
    }

.spectrum-ProgressBar-label,
.spectrum-ProgressBar-percentage {
  color: var(--spectrum-fieldlabel-m-text-color, var(--spectrum-alias-label-text-color));
}

.spectrum-ProgressBar-label,
.spectrum-ProgressBar-percentage {
  color: var(--spectrum-fieldlabel-m-text-color, var(--spectrum-alias-label-text-color));
}

.spectrum-ProgressBar-label,
.spectrum-ProgressBar-percentage {
  color: var(--spectrum-fieldlabel-m-text-color, var(--spectrum-alias-label-text-color));
}

.spectrum-ProgressCircle--indeterminate-fill-submask-2 {
  animation: 1s infinite linear spectrum-fill-mask-2;
}

@keyframes spectrum-fill-mask-1 {
  0% {
    transform: rotate(90deg);
  }

  1.69% {
    transform: rotate(72.3deg);
  }

  3.39% {
    transform: rotate(55.5deg);
  }

  5.08% {
    transform: rotate(40.3deg);
  }

  6.78% {
    transform: rotate(25deg);
  }

  8.47% {
    transform: rotate(10.6deg);
  }

  10.17% {
    transform: rotate(0deg);
  }

  11.86% {
    transform: rotate(0deg);
  }

  13.56% {
    transform: rotate(0deg);
  }

  15.25% {
    transform: rotate(0deg);
  }

  16.95% {
    transform: rotate(0deg);
  }

  18.64% {
    transform: rotate(0deg);
  }

  20.34% {
    transform: rotate(0deg);
  }

  22.03% {
    transform: rotate(0deg);
  }

  23.73% {
    transform: rotate(0deg);
  }

  25.42% {
    transform: rotate(0deg);
  }

  27.12% {
    transform: rotate(0deg);
  }

  28.81% {
    transform: rotate(0deg);
  }

  30.51% {
    transform: rotate(0deg);
  }

  32.2% {
    transform: rotate(0deg);
  }

  33.9% {
    transform: rotate(0deg);
  }

  35.59% {
    transform: rotate(0deg);
  }

  37.29% {
    transform: rotate(0deg);
  }

  38.98% {
    transform: rotate(0deg);
  }

  40.68% {
    transform: rotate(0deg);
  }

  42.37% {
    transform: rotate(5.3deg);
  }

  44.07% {
    transform: rotate(13.4deg);
  }

  45.76% {
    transform: rotate(20.6deg);
  }

  47.46% {
    transform: rotate(29deg);
  }

  49.15% {
    transform: rotate(36.5deg);
  }

  50.85% {
    transform: rotate(42.6deg);
  }

  52.54% {
    transform: rotate(48.8deg);
  }

  54.24% {
    transform: rotate(54.2deg);
  }

  55.93% {
    transform: rotate(59.4deg);
  }

  57.63% {
    transform: rotate(63.2deg);
  }

  59.32% {
    transform: rotate(67.2deg);
  }

  61.02% {
    transform: rotate(70.8deg);
  }

  62.71% {
    transform: rotate(73.8deg);
  }

  64.41% {
    transform: rotate(76.2deg);
  }

  66.1% {
    transform: rotate(78.7deg);
  }

  67.8% {
    transform: rotate(80.6deg);
  }

  69.49% {
    transform: rotate(82.6deg);
  }

  71.19% {
    transform: rotate(83.7deg);
  }

  72.88% {
    transform: rotate(85deg);
  }

  74.58% {
    transform: rotate(86.3deg);
  }

  76.27% {
    transform: rotate(87deg);
  }

  77.97% {
    transform: rotate(87.7deg);
  }

  79.66% {
    transform: rotate(88.3deg);
  }

  81.36% {
    transform: rotate(88.6deg);
  }

  83.05% {
    transform: rotate(89.2deg);
  }

  84.75% {
    transform: rotate(89.2deg);
  }

  86.44% {
    transform: rotate(89.5deg);
  }

  88.14% {
    transform: rotate(89.9deg);
  }

  89.83% {
    transform: rotate(89.7deg);
  }

  91.53% {
    transform: rotate(90.1deg);
  }

  93.22% {
    transform: rotate(90.2deg);
  }

  94.92% {
    transform: rotate(90.1deg);
  }

  96.61% {
    transform: rotate(90deg);
  }

  98.31% {
    transform: rotate(89.8deg);
  }

  100% {
    transform: rotate(90deg);
  }
}

@keyframes spectrum-fill-mask-2 {
  0% {
    transform: rotate(180deg);
  }

  1.69% {
    transform: rotate(180deg);
  }

  3.39% {
    transform: rotate(180deg);
  }

  5.08% {
    transform: rotate(180deg);
  }

  6.78% {
    transform: rotate(180deg);
  }

  8.47% {
    transform: rotate(180deg);
  }

  10.17% {
    transform: rotate(179.2deg);
  }

  11.86% {
    transform: rotate(164deg);
  }

  13.56% {
    transform: rotate(151.8deg);
  }

  15.25% {
    transform: rotate(140.8deg);
  }

  16.95% {
    transform: rotate(130.3deg);
  }

  18.64% {
    transform: rotate(120.4deg);
  }

  20.34% {
    transform: rotate(110.8deg);
  }

  22.03% {
    transform: rotate(101.6deg);
  }

  23.73% {
    transform: rotate(93.5deg);
  }

  25.42% {
    transform: rotate(85.4deg);
  }

  27.12% {
    transform: rotate(78.1deg);
  }

  28.81% {
    transform: rotate(71.2deg);
  }

  30.51% {
    transform: rotate(89.1deg);
  }

  32.2% {
    transform: rotate(105.5deg);
  }

  33.9% {
    transform: rotate(121.3deg);
  }

  35.59% {
    transform: rotate(135.5deg);
  }

  37.29% {
    transform: rotate(148.4deg);
  }

  38.98% {
    transform: rotate(161deg);
  }

  40.68% {
    transform: rotate(173.5deg);
  }

  42.37% {
    transform: rotate(180deg);
  }

  44.07% {
    transform: rotate(180deg);
  }

  45.76% {
    transform: rotate(180deg);
  }

  47.46% {
    transform: rotate(180deg);
  }

  49.15% {
    transform: rotate(180deg);
  }

  50.85% {
    transform: rotate(180deg);
  }

  52.54% {
    transform: rotate(180deg);
  }

  54.24% {
    transform: rotate(180deg);
  }

  55.93% {
    transform: rotate(180deg);
  }

  57.63% {
    transform: rotate(180deg);
  }

  59.32% {
    transform: rotate(180deg);
  }

  61.02% {
    transform: rotate(180deg);
  }

  62.71% {
    transform: rotate(180deg);
  }

  64.41% {
    transform: rotate(180deg);
  }

  66.1% {
    transform: rotate(180deg);
  }

  67.8% {
    transform: rotate(180deg);
  }

  69.49% {
    transform: rotate(180deg);
  }

  71.19% {
    transform: rotate(180deg);
  }

  72.88% {
    transform: rotate(180deg);
  }

  74.58% {
    transform: rotate(180deg);
  }

  76.27% {
    transform: rotate(180deg);
  }

  77.97% {
    transform: rotate(180deg);
  }

  79.66% {
    transform: rotate(180deg);
  }

  81.36% {
    transform: rotate(180deg);
  }

  83.05% {
    transform: rotate(180deg);
  }

  84.75% {
    transform: rotate(180deg);
  }

  86.44% {
    transform: rotate(180deg);
  }

  88.14% {
    transform: rotate(180deg);
  }

  89.83% {
    transform: rotate(180deg);
  }

  91.53% {
    transform: rotate(180deg);
  }

  93.22% {
    transform: rotate(180deg);
  }

  94.92% {
    transform: rotate(180deg);
  }

  96.61% {
    transform: rotate(180deg);
  }

  98.31% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(180deg);
  }
}

@keyframes spectrum-fills-rotate {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

.spectrum-ProgressCircle {
  display: inline-block;
  width: var(--spectrum-progresscircle-m-width, var(--spectrum-global-dimension-size-400));
  height: var(--spectrum-progresscircle-m-height, var(--spectrum-global-dimension-size-400));
  position: relative;
  direction: ltr;
  transform: translate3d(0, 0, 0);
}

.spectrum-ProgressCircle-track {
  box-sizing: border-box;
  width: var(--spectrum-progresscircle-m-width, var(--spectrum-global-dimension-size-400));
  height: var(--spectrum-progresscircle-m-height, var(--spectrum-global-dimension-size-400));
  border-style: solid;
  border-width: var(--spectrum-progresscircle-m-border-size);
  border-radius: var(--spectrum-progresscircle-m-width, var(--spectrum-global-dimension-size-400));
}

[dir="ltr"] .spectrum-ProgressCircle-fills {
  left: 0;
}

[dir="rtl"] .spectrum-ProgressCircle-fills {
  right: 0;
}

.spectrum-ProgressCircle-fills {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.spectrum-ProgressCircle-fill {
  box-sizing: border-box;
  width: var(--spectrum-progresscircle-m-width, var(--spectrum-global-dimension-size-400));
  height: var(--spectrum-progresscircle-m-height, var(--spectrum-global-dimension-size-400));
  border-style: solid;
  border-width: var(--spectrum-progresscircle-m-border-size);
  border-radius: var(--spectrum-progresscircle-m-width, var(--spectrum-global-dimension-size-400));
}

.spectrum-ProgressCircle-fillMask1,
.spectrum-ProgressCircle-fillMask2 {
  width: 50%;
  height: 100%;
  transform-origin: 100% center;
  transform: rotate(180deg);
  overflow: hidden;
  position: absolute;
}

.spectrum-ProgressCircle-fillSubMask1,
.spectrum-ProgressCircle-fillSubMask2 {
  width: 100%;
  height: 100%;
  transform-origin: 100% center;
  overflow: hidden;
  transform: rotate(-180deg);
}

.spectrum-ProgressCircle-fillMask2 {
  transform: rotate(0deg);
}

.spectrum-ProgressCircle--small {
  width: var(--spectrum-progresscircle-s-width, var(--spectrum-global-dimension-size-200));
  height: var(--spectrum-progresscircle-s-height, var(--spectrum-global-dimension-size-200));
}

.spectrum-ProgressCircle--small .spectrum-ProgressCircle-track {
    width: var(--spectrum-progresscircle-s-width, var(--spectrum-global-dimension-size-200));
    height: var(--spectrum-progresscircle-s-height, var(--spectrum-global-dimension-size-200));
    border-style: solid;
    border-width: var(--spectrum-progresscircle-s-border-size);
    border-radius: var(--spectrum-progresscircle-s-width, var(--spectrum-global-dimension-size-200));
  }

.spectrum-ProgressCircle--small .spectrum-ProgressCircle-fill {
    width: var(--spectrum-progresscircle-s-width, var(--spectrum-global-dimension-size-200));
    height: var(--spectrum-progresscircle-s-height, var(--spectrum-global-dimension-size-200));
    border-style: solid;
    border-width: var(--spectrum-progresscircle-s-border-size);
    border-radius: var(--spectrum-progresscircle-s-width, var(--spectrum-global-dimension-size-200));
  }

.spectrum-ProgressCircle--large {
  width: var(--spectrum-progresscircle-l-width, var(--spectrum-global-dimension-size-800));
  height: var(--spectrum-progresscircle-l-height, var(--spectrum-global-dimension-size-800));
}

.spectrum-ProgressCircle--large .spectrum-ProgressCircle-track {
    width: var(--spectrum-progresscircle-l-width, var(--spectrum-global-dimension-size-800));
    height: var(--spectrum-progresscircle-l-height, var(--spectrum-global-dimension-size-800));
    border-style: solid;
    border-width: var(--spectrum-progresscircle-l-border-size, var(--spectrum-global-dimension-size-50));
    border-radius: var(--spectrum-progresscircle-l-width, var(--spectrum-global-dimension-size-800));
  }

.spectrum-ProgressCircle--large .spectrum-ProgressCircle-fill {
    width: var(--spectrum-progresscircle-l-width, var(--spectrum-global-dimension-size-800));
    height: var(--spectrum-progresscircle-l-height, var(--spectrum-global-dimension-size-800));
    border-style: solid;
    border-width: var(--spectrum-progresscircle-l-border-size, var(--spectrum-global-dimension-size-50));
    border-radius: var(--spectrum-progresscircle-l-width, var(--spectrum-global-dimension-size-800));
  }

.spectrum-ProgressCircle--indeterminate .spectrum-ProgressCircle-fills {
    will-change: transform;
    transform: translateZ(0);
    animation: 1s infinite cubic-bezier(0.25, 0.78, 0.48, 0.89)
      spectrum-fills-rotate;
    transform-origin: center;
  }

.spectrum-ProgressCircle--indeterminate .spectrum-ProgressCircle-fillSubMask1 {
    will-change: transform;
    transform: translateZ(0);
    animation: 1s infinite linear spectrum-fill-mask-1;
  }

.spectrum-ProgressCircle--indeterminate .spectrum-ProgressCircle-fillSubMask2 {
    will-change: transform;
    transform: translateZ(0);
    animation: 1s infinite linear spectrum-fill-mask-2;
  }

.spectrum-ProgressCircle-track {
  border-color: var(--spectrum-progresscircle-m-track-color, var(--spectrum-alias-track-color-default));
}

.spectrum-ProgressCircle-fill {
  border-color: var(--spectrum-progresscircle-m-track-fill-color, var(--spectrum-semantic-informative-color-default));
}

.spectrum-ProgressCircle--overBackground .spectrum-ProgressCircle-track {
    border-color: var(
      --spectrum-progresscircle-m-over-background-track-color
    );
  }

.spectrum-ProgressCircle--overBackground .spectrum-ProgressCircle-fill {
    border-color: var(
      --spectrum-progresscircle-m-over-background-track-fill-color
    );
  }

.spectrum-ProgressCircle--indeterminate.spectrum-ProgressCircle--overBackground .spectrum-ProgressCircle-track {
    border-color: var(
      --spectrum-progresscircle-m-over-background-track-color
    );
  }

.spectrum-ProgressCircle--indeterminate.spectrum-ProgressCircle--overBackground .spectrum-ProgressCircle-fill {
    border-color: var(
      --spectrum-progresscircle-m-over-background-track-fill-color
    );
  }

.spectrum-QuickActions {
  --spectrum-overlay-animation-distance: var(--spectrum-picker-m-texticon-popover-offset-y, var(--spectrum-global-dimension-size-75));

  visibility: hidden;

  opacity: 0;

  transition: transform var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
              opacity var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
              visibility 0ms linear var(--spectrum-global-animation-duration-100, 130ms);

  pointer-events: none;
}

.spectrum-QuickActions.is-open {
  visibility: visible;

  opacity: 1;

  transition-delay: 0ms;

  pointer-events: auto;
}

.spectrum-QuickActions--left.is-open {
  transform: translateX(var(--spectrum-overlay-animation-distance));
}

.spectrum-QuickActions--right.is-open {
  transform: translateX(calc(-1 * var(--spectrum-overlay-animation-distance)));
}

.spectrum-QuickActions {
  box-sizing: border-box;

  display: -ms-inline-flexbox;

  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;

  padding-top: var(--spectrum-quickactions-padding-y, var(--spectrum-global-dimension-size-50));

  padding-bottom: var(--spectrum-quickactions-padding-y, var(--spectrum-global-dimension-size-50));
  padding-left: var(--spectrum-quickactions-padding-x, var(--spectrum-global-dimension-size-50));
  padding-right: var(--spectrum-quickactions-padding-x, var(--spectrum-global-dimension-size-50));

  height: var(--spectrum-quickactions-height, var(--spectrum-global-dimension-size-500));

  border-radius: var(--spectrum-quickactions-border-radius, var(--spectrum-alias-border-radius-regular));
}

[dir="ltr"] .spectrum-QuickActions .spectrum-ActionButton + .spectrum-ActionButton {
    margin-left: var(--spectrum-quickactions-button-gap-x, var(--spectrum-global-dimension-size-100));
}

[dir="rtl"] .spectrum-QuickActions .spectrum-ActionButton + .spectrum-ActionButton {
    margin-right: var(--spectrum-quickactions-button-gap-x, var(--spectrum-global-dimension-size-100));
}

[dir="ltr"] .spectrum-QuickActions--textOnly .spectrum-ActionButton + .spectrum-ActionButton {
    margin-left: var(--spectrum-quickactions-text-button-gap-x, var(--spectrum-global-dimension-size-50));
}

[dir="rtl"] .spectrum-QuickActions--textOnly .spectrum-ActionButton + .spectrum-ActionButton {
    margin-right: var(--spectrum-quickactions-text-button-gap-x, var(--spectrum-global-dimension-size-50));
}

.spectrum-QuickActions-overlay {
  background-color: var(--spectrum-quickactions-overlay-color, var(--spectrum-alias-background-color-quickactions-overlay));
}

.spectrum-QuickActions {
  background-color: var(--spectrum-quickactions-background-color, var(--spectrum-alias-background-color-quickactions));
}

.spectrum-Radio {
  --spectrum-radio-circle-dot-size: var(--spectrum-radio-m-circle-dot-size, var(--spectrum-global-dimension-static-size-50));
  --spectrum-radio-circle-diameter: var(--spectrum-radio-m-circle-diameter, var(--spectrum-alias-control-two-size-m));
  --spectrum-radio-circle-border-size: var(--spectrum-radio-m-circle-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-radio-text-size: var(--spectrum-radio-m-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-radio-text-gap: var(--spectrum-radio-m-text-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-radio-text-font-style: var(--spectrum-radio-m-text-font-style, var(--spectrum-global-font-style-regular));
  --spectrum-radio-text-font-weight: var(--spectrum-radio-m-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-radio-text-line-height: var(--spectrum-radio-m-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-radio-height: var(--spectrum-radio-m-height, var(--spectrum-global-dimension-size-400));

  --spectrum-radio-radius: calc(var(--spectrum-radio-circle-diameter) / 2);
  --spectrum-radio-border-width-checked: calc(var(--spectrum-radio-circle-diameter) / 2 - var(--spectrum-radio-circle-dot-size) / 2);

  --spectrum-radio-labelbelow-label-margin: var(
      --spectrum-global-dimension-size-50
    )
    0 0 0;
  --spectrum-radio-labelbelow-height: auto;
  --spectrum-radio-label-margin-top: var(--spectrum-global-dimension-size-75);
}

.spectrum-Radio {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;

  position: relative;

  min-height: var(--spectrum-radio-height);
  max-width: 100%;

  vertical-align: top;
}

.spectrum-Radio-input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
  box-sizing: border-box;
  padding: 0;

  position: absolute;
  width: 100%;
  height: 100%;

  opacity: 0;
  z-index: 1;

  cursor: pointer;
}

.spectrum-Radio-input:disabled {
    cursor: default;
  }

.spectrum-Radio-input:checked + .spectrum-Radio-button:before {
      border-width: var(--spectrum-radio-border-width-checked);
    }

.spectrum-Radio-input.focus-ring + .spectrum-Radio-button:after {
        margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
      }

[dir="ltr"] .spectrum-Radio-label {
  text-align: left;
}

[dir="rtl"] .spectrum-Radio-label {
  text-align: right;
}

[dir="ltr"] .spectrum-Radio-label {
  margin-left: var(--spectrum-radio-text-gap);
}

[dir="rtl"] .spectrum-Radio-label {
  margin-right: var(--spectrum-radio-text-gap);
}

.spectrum-Radio-label {
  margin-top: var(--spectrum-radio-label-margin-top);

  font-size: var(--spectrum-radio-text-size);
  font-weight: var(--spectrum-radio-text-font-weight);
  font-style: var(--spectrum-radio-text-font-style);
  line-height: var(--spectrum-radio-text-line-height);

  transition: color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
}

.spectrum-Radio-button {
  position: relative;
  box-sizing: border-box;
  width: var(--spectrum-radio-circle-diameter);
  height: var(--spectrum-radio-circle-diameter);
  margin: calc((var(--spectrum-radio-height) - var(--spectrum-radio-circle-diameter)) / 2)
    0;

  -ms-flex-positive: 0;

      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.spectrum-Radio-button:before {
    display: block;
    z-index: 0;
    content: "";
    box-sizing: border-box;
    position: absolute;

    width: var(--spectrum-radio-circle-diameter);
    height: var(--spectrum-radio-circle-diameter);

    border-radius: var(--spectrum-radio-radius);
    border-width: var(--spectrum-radio-circle-border-size);
    border-style: solid;

    transition: border var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
      box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  }

.spectrum-Radio-button:after {
    border-radius: 100%;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25));

    transition: opacity var(--spectrum-global-animation-duration-100, 130ms) ease-out,
                margin var(--spectrum-global-animation-duration-100, 130ms) ease-out;
  }

.spectrum-Radio--labelBelow {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  height: var(--spectrum-radio-labelbelow-height);
}

.spectrum-Radio--labelBelow .spectrum-Radio-button {
    -ms-flex-negative: 0;
        flex-shrink: 0;

    margin: 0;
  }

.spectrum-Radio--labelBelow .spectrum-Radio-label {
    margin: var(--spectrum-radio-labelbelow-label-margin);
  }

.spectrum-Radio {
  --spectrum-radio-m-emphasized-circle-border-color-selected-key-focus: var(--spectrum-radio-m-emphasized-circle-border-color-selected-hover, var(--spectrum-alias-toggle-background-color-emphasized-selected-hover));
}

.spectrum-Radio-input:checked + .spectrum-Radio-button:before {
      border-color: var(--spectrum-radio-m-circle-border-color-selected, var(--spectrum-alias-toggle-background-color-default));
    }

.spectrum-Radio-label {
  color: var(--spectrum-radio-m-text-color, var(--spectrum-alias-component-text-color-default));
}

.spectrum-Radio-button:before {
    forced-color-adjust: none;
    background-color: var(--spectrum-radio-m-circle-background-color, var(--spectrum-global-color-gray-75));
    border-color: var(--spectrum-radio-m-circle-border-color, var(--spectrum-alias-toggle-border-color-default));
  }

.spectrum-Radio:hover .spectrum-Radio-button:before {
        border-color: var(--spectrum-radio-m-circle-border-color-hover, var(--spectrum-alias-toggle-border-color-hover));
        box-shadow: none;
      }

.spectrum-Radio:hover .spectrum-Radio-input:checked + .spectrum-Radio-button:before {
        border-color: var(--spectrum-radio-m-circle-border-color-selected-hover, var(--spectrum-alias-toggle-background-color-hover));
      }

.spectrum-Radio:hover .spectrum-Radio-label {
      color: var(--spectrum-radio-m-text-color-hover, var(--spectrum-alias-component-text-color-hover));
    }

.spectrum-Radio:active .spectrum-Radio-button:before {
        border-color: var(--spectrum-radio-m-circle-border-color-down, var(--spectrum-alias-toggle-border-color-down));
      }

.spectrum-Radio:active .spectrum-Radio-input:checked + .spectrum-Radio-button:before {
        border-color: var(--spectrum-radio-m-circle-border-color-selected-down, var(--spectrum-alias-toggle-background-color-down));
      }

.spectrum-Radio:active .spectrum-Radio-label {
      color: var(--spectrum-radio-m-text-color-down, var(--spectrum-alias-component-text-color-down));
    }

.spectrum-Radio--emphasized .spectrum-Radio-input:checked + .spectrum-Radio-button:before {
      border-color: var(--spectrum-radio-m-emphasized-circle-border-color-selected, var(--spectrum-alias-toggle-background-color-emphasized-selected-default));
    }

.spectrum-Radio--emphasized:hover .spectrum-Radio-input:checked + .spectrum-Radio-button:before {
        border-color: var(--spectrum-radio-m-emphasized-circle-border-color-selected-hover, var(--spectrum-alias-toggle-background-color-emphasized-selected-hover));
      }

.spectrum-Radio--emphasized:active .spectrum-Radio-input:checked + .spectrum-Radio-button:before {
        border-color: var(--spectrum-radio-m-emphasized-circle-border-color-selected-down, var(--spectrum-alias-toggle-background-color-emphasized-selected-down));
      }

.spectrum-Radio.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button:before, .spectrum-Radio--emphasized.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button:before {
        border-color: var(--spectrum-radio-m-emphasized-circle-border-color-error-hover, var(--spectrum-global-color-red-600));
      }

.spectrum-Radio.is-invalid:hover .spectrum-Radio-label, .spectrum-Radio--emphasized.is-invalid:hover .spectrum-Radio-label {
      color: var(--spectrum-radio-m-emphasized-text-color-error-hover, var(--spectrum-alias-component-text-color-error-hover));
    }

.spectrum-Radio.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button:before, .spectrum-Radio--emphasized.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button:before {
        border-color: var(--spectrum-radio-m-emphasized-text-color-error-hover, var(--spectrum-alias-component-text-color-error-hover));
      }

.spectrum-Radio.is-invalid:active .spectrum-Radio-label, .spectrum-Radio--emphasized.is-invalid:active .spectrum-Radio-label {
      color: var(--spectrum-radio-m-emphasized-text-color-error-down, var(--spectrum-alias-component-text-color-error-down));
    }

.spectrum-Radio.is-invalid .spectrum-Radio-button:before, .spectrum-Radio.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button:before, .spectrum-Radio--emphasized.is-invalid .spectrum-Radio-button:before, .spectrum-Radio--emphasized.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button:before {
        border-color: var(--spectrum-radio-m-emphasized-circle-border-color-error, var(--spectrum-global-color-red-500));
      }

.spectrum-Radio.is-invalid .spectrum-Radio-label, .spectrum-Radio--emphasized.is-invalid .spectrum-Radio-label {
      color: var(--spectrum-radio-m-emphasized-text-color-error, var(--spectrum-alias-component-text-color-error-default));
    }

.spectrum-Radio .spectrum-Radio-input:disabled + .spectrum-Radio-button:before, .spectrum-Radio .spectrum-Radio-input:checked:disabled + .spectrum-Radio-button:before {
      border-color: var(--spectrum-radio-m-circle-border-color-disabled, var(--spectrum-global-color-gray-400));
    }

.spectrum-Radio .spectrum-Radio-input:disabled ~ .spectrum-Radio-label, .spectrum-Radio .spectrum-Radio-input:checked:disabled ~ .spectrum-Radio-label {
    color: var(--spectrum-radio-m-text-color-disabled, var(--spectrum-alias-component-text-color-disabled));
  }

.spectrum-Radio .spectrum-Radio-input.focus-ring + .spectrum-Radio-button:before, .spectrum-Radio:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button:before {
        border-color: var(--spectrum-radio-m-circle-border-color-key-focus, var(--spectrum-alias-toggle-border-color-key-focus));
      }

.spectrum-Radio .spectrum-Radio-input.focus-ring + .spectrum-Radio-button:after, .spectrum-Radio:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button:after {
        forced-color-adjust: none;
        box-shadow: 0 0 0 var(--spectrum-radio-m-focus-ring-size, var(--spectrum-alias-focus-ring-size))
          var(--spectrum-radio-m-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
      }

.spectrum-Radio .spectrum-Radio-input.focus-ring:checked + .spectrum-Radio-button:before, .spectrum-Radio:hover .spectrum-Radio-input.focus-ring:checked + .spectrum-Radio-button:before {
        border-color: var(--spectrum-radio-m-circle-border-color-selected-key-focus, var(--spectrum-alias-toggle-background-color-key-focus));
      }

.spectrum-Radio--emphasized .spectrum-Radio-input.focus-ring:checked + .spectrum-Radio-button:before, .spectrum-Radio--emphasized:hover .spectrum-Radio-input.focus-ring:checked + .spectrum-Radio-button:before {
        border-color: var(--spectrum-radio-m-emphasized-circle-border-color-selected-key-focus, var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus));
      }

@media (forced-colors: active) {
  .spectrum-Radio {
    --spectrum-radio-m-circle-background-color: ButtonFace;
    --spectrum-radio-m-circle-border-color-down: Highlight;
    --spectrum-radio-m-circle-border-color-hover: Highlight;
    --spectrum-radio-m-circle-border-color-key-focus: Highlight;
    --spectrum-radio-m-circle-border-color-selected-down: Highlight;
    --spectrum-radio-m-circle-border-color-selected-hover : Highlight;
    --spectrum-radio-m-circle-border-color-selected: Highlight;
    --spectrum-radio-m-circle-border-color: ButtonText;
    --spectrum-radio-m-emphasized-circle-border-color-error-hover: Highlight;
    --spectrum-radio-m-emphasized-circle-border-color-error: ButtonText;
    --spectrum-radio-m-emphasized-circle-border-color-selected-down: Highlight;
    --spectrum-radio-m-emphasized-circle-border-color-selected-hover: Highlight;
    --spectrum-radio-m-emphasized-circle-border-color-selected-key-focus: Highlight;
    --spectrum-radio-m-emphasized-circle-border-color-selected: Highlight;
    --spectrum-radio-m-emphasized-text-color-error-down: CanvasText;
    --spectrum-radio-m-emphasized-text-color-error-hover: CanvasText;
    --spectrum-radio-m-emphasized-text-color-error: CanvasText;
    --spectrum-radio-m-focus-ring-color-key-focus: CanvasText;
    --spectrum-radio-m-text-color-down: CanvasText;
    --spectrum-radio-m-text-color-hover: CanvasText;
    --spectrum-radio-m-text-color: CanvasText;
  }
          .spectrum-Radio.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button:before {
            border-color: var(--spectrum-radio-m-circle-border-color-selected, var(--spectrum-alias-toggle-background-color-default));
          }
}

.spectrum-Rating {
  --spectrum-icon-star-height: var(--spectrum-global-dimension-size-225);
  --spectrum-icon-star-width: var(--spectrum-global-dimension-size-225);
}

.spectrum-Rating:hover .spectrum-Rating-icon .spectrum-Rating-starActive,
.spectrum-Rating-icon.is-selected .spectrum-Rating-starActive {
    display: block;
  }

.spectrum-Rating:hover .spectrum-Rating-icon .spectrum-Rating-starInactive,
.spectrum-Rating-icon.is-selected .spectrum-Rating-starInactive {
    display: none;
  }

.spectrum-Rating-icon .spectrum-Rating-starActive,
.spectrum-Rating-icon:hover ~ .spectrum-Rating-icon .spectrum-Rating-starActive {
    display: none;
  }

.spectrum-Rating-icon .spectrum-Rating-starInactive,
.spectrum-Rating-icon:hover ~ .spectrum-Rating-icon .spectrum-Rating-starInactive {
    display: block;
  }

.spectrum-Rating {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;

  width: calc(var(--spectrum-rating-icon-width, var(--spectrum-global-dimension-size-300)) * var(--spectrum-rating-icon-count, 5));

  border-radius: var(--spectrum-rating-border-radius, var(--spectrum-alias-border-radius-regular));

  cursor: pointer;
}

.spectrum-Rating.is-disabled,
  .spectrum-Rating.is-readOnly {
    cursor: default;
    pointer-events: none;
  }

.spectrum-Rating-input {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.spectrum-Rating-icon {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  width: var(--spectrum-rating-icon-width, var(--spectrum-global-dimension-size-300));
  height: var(--spectrum-icon-star-height);
  padding: var(--spectrum-rating-icon-padding-y, var(--spectrum-global-dimension-size-85)) 0;
}

[dir="ltr"] .spectrum-Rating-icon.is-currentValue:after {
      left: calc((var(--spectrum-rating-icon-width, var(--spectrum-global-dimension-size-300)) - var(--spectrum-rating-indicator-width, var(--spectrum-global-dimension-size-200))) / 2);
}

[dir="rtl"] .spectrum-Rating-icon.is-currentValue:after {
      right: calc((var(--spectrum-rating-icon-width, var(--spectrum-global-dimension-size-300)) - var(--spectrum-rating-indicator-width, var(--spectrum-global-dimension-size-200))) / 2);
}

[dir="ltr"] .spectrum-Rating-icon.is-currentValue:after {
      right: calc((var(--spectrum-rating-icon-width, var(--spectrum-global-dimension-size-300)) - var(--spectrum-rating-indicator-width, var(--spectrum-global-dimension-size-200))) / 2);
}

[dir="rtl"] .spectrum-Rating-icon.is-currentValue:after {
      left: calc((var(--spectrum-rating-icon-width, var(--spectrum-global-dimension-size-300)) - var(--spectrum-rating-indicator-width, var(--spectrum-global-dimension-size-200))) / 2);
}

.spectrum-Rating-icon.is-currentValue:after {
      border-radius: var(--spectrum-rating-indicator-border-radius, var(--spectrum-alias-border-radius-small));
      content: '';
      height: var(--spectrum-rating-indicator-height, var(--spectrum-global-dimension-size-25));
      position: absolute;
      bottom: var(--spectrum-rating-indicator-offset, var(--spectrum-alias-border-size-thick));
    }

.spectrum-Rating-starActive,
.spectrum-Rating-starInactive {
  width: var(--spectrum-icon-star-width);
  height: var(--spectrum-icon-star-height);
  margin: 0 auto;
}

.spectrum-Rating {
  --spectrum-rating-focus-ring-color: var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color));
}

.spectrum-Rating.is-focused {
    box-shadow: 0 0 0 var(--spectrum-global-dimension-static-size-25, 2px)
      var(--spectrum-rating-focus-ring-color);
  }

.spectrum-Rating:hover .spectrum-Rating-icon {
      color: var(--spectrum-rating-icon-color-selected, var(--spectrum-alias-icon-color));
    }

.spectrum-Rating:hover .spectrum-Rating-icon:hover {
        color: var(--spectrum-rating-icon-color-hover, var(--spectrum-global-color-gray-800));
      }

.spectrum-Rating:hover .spectrum-Rating-icon:active {
        color: var(--spectrum-rating-icon-color-down, var(--spectrum-alias-icon-color-down));
      }

.spectrum-Rating:hover .spectrum-Rating-icon.is-currentValue:after {
          background: currentColor;
        }

.spectrum-Rating-icon {
  color: var(--spectrum-rating-icon-color, var(--spectrum-alias-icon-color));
}

.spectrum-Rating-icon.is-selected {
    color: var(--spectrum-rating-icon-color-selected, var(--spectrum-alias-icon-color));
  }

.spectrum-Rating-icon:hover ~ .spectrum-Rating-icon {
      color: var(--spectrum-rating-icon-color, var(--spectrum-alias-icon-color));
    }

.spectrum-Rating--emphasized .spectrum-Rating-icon {
    color: var(--spectrum-rating-emphasized-icon-color, var(--spectrum-alias-icon-color));
  }

.spectrum-Rating--emphasized .spectrum-Rating-icon.is-selected {
      color: var(--spectrum-rating-emphasized-icon-color-selected, var(--spectrum-alias-icon-color-selected));
    }

.spectrum-Rating--emphasized .spectrum-Rating-icon:hover ~ .spectrum-Rating-icon {
        color: var(--spectrum-rating-emphasized-icon-color, var(--spectrum-alias-icon-color));
      }

.spectrum-Rating--emphasized:hover .spectrum-Rating-icon {
      color: var(--spectrum-rating-emphasized-icon-color-selected, var(--spectrum-alias-icon-color-selected));
    }

.spectrum-Rating--emphasized:hover .spectrum-Rating-icon:hover {
        color: var(--spectrum-rating-emphasized-icon-color-hover, var(--spectrum-global-color-gray-800));
      }

.spectrum-Rating--emphasized:hover .spectrum-Rating-icon:active {
        color: var(--spectrum-rating-emphasized-icon-color-down, var(--spectrum-alias-icon-color-down));
      }

.spectrum-Rating.is-disabled .spectrum-Rating-icon {
      color: var(--spectrum-rating-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
    }

.spectrum-Rating.is-disabled .spectrum-Rating-icon.is-selected {
        color: var(--spectrum-rating-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
      }

.spectrum-Search {
  --spectrum-search-quiet-button-offset: calc(var(--spectrum-actionbutton-m-texticon-min-width, var(--spectrum-global-dimension-size-400)) / 2 - var(--spectrum-alias-ui-icon-cross-size-100) / 2);
}

.spectrum-Search {
  display: inline-block;
  position: relative;
}

[dir="ltr"] .spectrum-Search-clearButton {
  right: 0;
}

[dir="rtl"] .spectrum-Search-clearButton {
  left: 0;
}

.spectrum-Search-clearButton {
  position: absolute;
  top: 0;
}

.spectrum-Search-input {
  -webkit-appearance: none;
  outline-offset: -2px;

  border-radius: var(--spectrum-alias-search-border-radius, var(--spectrum-global-dimension-size-50));
}

.spectrum-Search-input::-webkit-search-cancel-button,
  .spectrum-Search-input::-webkit-search-decoration {
    -webkit-appearance: none;
  }

.spectrum-Search-textfield:after {
    border-radius: var(--spectrum-alias-search-border-radius, var(--spectrum-global-dimension-size-50));
  }

[dir="ltr"] .spectrum-Search:not(.spectrum-Search--quiet) .spectrum-Search-icon {
    left: var(--spectrum-alias-search-padding-left-m);
}

[dir="rtl"] .spectrum-Search:not(.spectrum-Search--quiet) .spectrum-Search-icon {
    right: var(--spectrum-alias-search-padding-left-m);
}

[dir="ltr"] .spectrum-Search:not(.spectrum-Search--quiet) .spectrum-Search-input {
    padding-left: calc(var(--spectrum-alias-search-padding-left-m) + var(--spectrum-alias-workflow-icon-size-m, var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-m-texticon-icon-gap, var(--spectrum-global-dimension-size-100)) - var(--spectrum-textfield-m-texticon-border-size, var(--spectrum-alias-input-border-size)));
}

[dir="rtl"] .spectrum-Search:not(.spectrum-Search--quiet) .spectrum-Search-input {
    padding-right: calc(var(--spectrum-alias-search-padding-left-m) + var(--spectrum-alias-workflow-icon-size-m, var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-m-texticon-icon-gap, var(--spectrum-global-dimension-size-100)) - var(--spectrum-textfield-m-texticon-border-size, var(--spectrum-alias-input-border-size)));
}

.spectrum-Search--quiet .spectrum-Search-clearButton {
    transform: translateX(var(--spectrum-search-quiet-button-offset));
  }

.spectrum-Search--quiet .spectrum-Search-input {
    border-radius: var(--spectrum-alias-search-border-radius-quiet, 0);
  }

.spectrum-Search--quiet .spectrum-Search-textfield:after {
      border-radius: var(--spectrum-alias-search-border-radius-quiet, 0);
    }

.spectrum-Search-icon {
  color: var(--spectrum-textfield-m-texticon-icon-color, var(--spectrum-alias-component-icon-color-default));
}

.spectrum-Search-input:hover ~ .spectrum-Search-icon {
      color: var(--spectrum-search-m-icon-color-hover, var(--spectrum-alias-component-icon-color-hover));
    }

.spectrum-Search-input:active ~ .spectrum-Search-icon {
      color: var(--spectrum-search-m-icon-color-down, var(--spectrum-alias-component-icon-color-down));
    }

.spectrum-Search-input.focus-ring ~ .spectrum-Search-icon {
      color: var(--spectrum-search-m-icon-color-key-focus, var(--spectrum-alias-component-icon-color-key-focus));
    }

.spectrum-Search-input:disabled ~ .spectrum-Search-icon {
      color: var(--spectrum-textfield-m-texticon-text-color-disabled, var(--spectrum-alias-component-text-color-disabled));
    }

.spectrum-SearchWithin {
  --spectrum-searchwithin-width: 250px;
  --spectrum-searchwithin-border-radius: 0;
}

.spectrum-SearchWithin {
  width: var(--spectrum-searchwithin-width);
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}

[dir="ltr"] .spectrum-SearchWithin-picker {
  border-top-right-radius: var(--spectrum-searchwithin-border-radius);
}

[dir="rtl"] .spectrum-SearchWithin-picker {
  border-top-left-radius: var(--spectrum-searchwithin-border-radius);
}

[dir="ltr"] .spectrum-SearchWithin-picker {
  border-bottom-right-radius: var(--spectrum-searchwithin-border-radius);
}

[dir="rtl"] .spectrum-SearchWithin-picker {
  border-bottom-left-radius: var(--spectrum-searchwithin-border-radius);
}

.spectrum-SearchWithin-picker {
  width: auto;
  min-width: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

[dir="ltr"] .spectrum-SearchWithin-input {
  margin-left: calc(-1 * var(--spectrum-textfield-m-texticon-border-size, var(--spectrum-alias-input-border-size)));
}

[dir="rtl"] .spectrum-SearchWithin-input {
  margin-right: calc(-1 * var(--spectrum-textfield-m-texticon-border-size, var(--spectrum-alias-input-border-size)));
}

[dir="ltr"] .spectrum-SearchWithin-input {
  border-top-left-radius: var(--spectrum-searchwithin-border-radius);
}

[dir="rtl"] .spectrum-SearchWithin-input {
  border-top-right-radius: var(--spectrum-searchwithin-border-radius);
}

[dir="ltr"] .spectrum-SearchWithin-input {
  border-bottom-left-radius: var(--spectrum-searchwithin-border-radius);
}

[dir="rtl"] .spectrum-SearchWithin-input {
  border-bottom-right-radius: var(--spectrum-searchwithin-border-radius);
}

.spectrum-SearchWithin-input {
  -ms-flex: 1;
      flex: 1;
  box-sizing: border-box;
  min-width: inherit;
}

.spectrum-SearchWithin-input:hover,
  .spectrum-SearchWithin-input:focus {
    position: relative;
  }

[dir="ltr"] .spectrum-SearchWithin-clearButton {
  right: 0;
}

[dir="rtl"] .spectrum-SearchWithin-clearButton {
  left: 0;
}

.spectrum-SearchWithin-clearButton {
  position: absolute;
  top: 0;
}

.spectrum-SearchWithin > .spectrum-Textfield {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.spectrum-SideNav {
  --spectrum-sidenav-item-padding-y: var(--spectrum-global-dimension-size-65);
}

.spectrum-SideNav {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.spectrum-SideNav-item {
  list-style-type: none;

  margin-top: var(--spectrum-sidenav-item-gap, var(--spectrum-global-dimension-size-50));

  margin-bottom: var(--spectrum-sidenav-item-gap, var(--spectrum-global-dimension-size-50));
  margin-left: 0;
  margin-right: 0;
}

.spectrum-SideNav-itemLink {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: left;
      justify-content: left;
  box-sizing: border-box;

  width: 100%;
  min-height: var(--spectrum-sidenav-item-height, var(--spectrum-alias-single-line-height));

  padding-left: var(--spectrum-sidenav-item-padding-x, var(--spectrum-global-dimension-size-150));

  padding-right: var(--spectrum-sidenav-item-padding-x, var(--spectrum-global-dimension-size-150));
  padding-top: var(--spectrum-sidenav-item-padding-y);
  padding-bottom: var(--spectrum-sidenav-item-padding-y);

  border-radius: var(--spectrum-sidenav-item-border-radius, var(--spectrum-alias-border-radius-regular));

  font-size: var(--spectrum-sidenav-item-text-size, var(--spectrum-alias-font-size-default));
  font-weight: var(--spectrum-sidenav-item-text-font-weight, var(--spectrum-global-font-weight-regular));
  font-style: normal;
  text-decoration: none;

  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;

  cursor: pointer;

  transition: background-color var(--spectrum-global-animation-duration-100, 130ms) ease-out,
    color var(--spectrum-global-animation-duration-100, 130ms) ease-out;
}

.spectrum-SideNav-itemLink:focus {
    outline: none;
  }

.spectrum-SideNav-itemLink:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;

    border: var(--spectrum-tabs-m-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent;
    border-radius: var(--spectrum-sidenav-item-border-radius, var(--spectrum-alias-border-radius-regular));

    transition: border var(--spectrum-global-animation-duration-100, 130ms) ease-out;
  }

[dir="ltr"] .spectrum-SideNav-itemLink .spectrum-SideNav-itemIcon {
    margin-right: var(--spectrum-sidenav-icon-gap, var(--spectrum-global-dimension-size-100));
}

[dir="rtl"] .spectrum-SideNav-itemLink .spectrum-SideNav-itemIcon {
    margin-left: var(--spectrum-sidenav-icon-gap, var(--spectrum-global-dimension-size-100));
}

.spectrum-SideNav-itemLink .spectrum-SideNav-itemIcon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

[dir="ltr"] .spectrum-SideNav-heading {
  margin-right: 0;
}

[dir="rtl"] .spectrum-SideNav-heading {
  margin-left: 0;
}

[dir="ltr"] .spectrum-SideNav-heading {
  margin-left: 0;
}

[dir="rtl"] .spectrum-SideNav-heading {
  margin-right: 0;
}

.spectrum-SideNav-heading {
  height: var(--spectrum-sidenav-heading-height, var(--spectrum-alias-single-line-height));
  line-height: var(--spectrum-sidenav-heading-height, var(--spectrum-alias-single-line-height));

  margin-top: var(--spectrum-sidenav-heading-gap-top, var(--spectrum-global-dimension-size-200));
  margin-bottom: var(--spectrum-sidenav-heading-gap-bottom, var(--spectrum-global-dimension-size-50));
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--spectrum-sidenav-heading-padding-x, var(--spectrum-global-dimension-size-150));
  padding-right: var(--spectrum-sidenav-heading-padding-x, var(--spectrum-global-dimension-size-150));

  border-radius: var(--spectrum-sidenav-heading-border-radius, var(--spectrum-alias-border-radius-regular));

  font-size: var(--spectrum-sidenav-heading-text-size, var(--spectrum-global-dimension-font-size-50));
  font-weight: var(--spectrum-sidenav-heading-text-font-weight, var(--spectrum-global-font-weight-medium));
  font-style: normal;
  letter-spacing: var(--spectrum-sidenav-heading-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));

  text-transform: uppercase;
}

.spectrum-SideNav--multiLevel .spectrum-SideNav-itemLink {
    font-weight: var(--spectrum-sidenav-multilevel-main-item-font-weight, var(--spectrum-global-font-weight-bold));
  }

.spectrum-SideNav--multiLevel .spectrum-SideNav {
    margin: 0;
    padding: 0;
  }

[dir="ltr"] .spectrum-SideNav--multiLevel .spectrum-SideNav .spectrum-SideNav-itemLink {

      padding-left: calc(var(--spectrum-sidenav-multilevel-item-margin-left, var(--spectrum-global-dimension-size-150)) + var(--spectrum-sidenav-item-padding-x, var(--spectrum-global-dimension-size-150)));
}

[dir="rtl"] .spectrum-SideNav--multiLevel .spectrum-SideNav .spectrum-SideNav-itemLink {

      padding-right: calc(var(--spectrum-sidenav-multilevel-item-margin-left, var(--spectrum-global-dimension-size-150)) + var(--spectrum-sidenav-item-padding-x, var(--spectrum-global-dimension-size-150)));
}

.spectrum-SideNav--multiLevel .spectrum-SideNav .spectrum-SideNav-itemLink {
      font-weight: var(--spectrum-sidenav-item-text-font-weight, var(--spectrum-global-font-weight-regular));
    }

[dir="ltr"] .spectrum-SideNav--multiLevel .spectrum-SideNav .spectrum-SideNav .spectrum-SideNav-itemLink {
        padding-left: calc(var(--spectrum-sidenav-multilevel-item-margin-left, var(--spectrum-global-dimension-size-150)) + var(--spectrum-sidenav-item-padding-x, var(--spectrum-global-dimension-size-150)));
}

[dir="rtl"] .spectrum-SideNav--multiLevel .spectrum-SideNav .spectrum-SideNav .spectrum-SideNav-itemLink {
        padding-right: calc(var(--spectrum-sidenav-multilevel-item-margin-left, var(--spectrum-global-dimension-size-150)) + var(--spectrum-sidenav-item-padding-x, var(--spectrum-global-dimension-size-150)));
}

.spectrum-SideNav-item.is-selected > .spectrum-SideNav-itemLink {
      color: var(--spectrum-sidenav-item-text-color-selected, var(--spectrum-alias-text-color-hover));
      background-color: var(--spectrum-sidenav-item-background-color-selected, var(--spectrum-alias-highlight-hover));
    }

.spectrum-SideNav-item .is-active > .spectrum-SideNav-itemLink {
      background-color: var(--spectrum-sidenav-item-background-color-down, var(--spectrum-alias-highlight-hover));
    }

.spectrum-SideNav-item.is-disabled .spectrum-SideNav-itemLink {
      background-color: var(--spectrum-sidenav-item-background-color-disabled, var(--spectrum-alias-background-color-transparent));
      color: var(--spectrum-sidenav-item-text-color-disabled, var(--spectrum-alias-text-color-disabled));

      cursor: default;
      pointer-events: none;
    }

.spectrum-SideNav-itemLink {
  background-color: var(--spectrum-sidenav-item-background-color, var(--spectrum-alias-background-color-transparent));
  color: var(--spectrum-sidenav-item-text-color, var(--spectrum-alias-text-color));
}

.spectrum-SideNav-itemLink:hover {
    background-color: var(--spectrum-sidenav-item-background-color-hover, var(--spectrum-alias-highlight-hover));
    color: var(--spectrum-sidenav-item-text-color-hover, var(--spectrum-alias-text-color-hover));
  }

.spectrum-SideNav-itemLink:active {
    background-color: var(--spectrum-sidenav-item-background-color-down, var(--spectrum-alias-highlight-hover));
  }

.spectrum-SideNav-itemLink.focus-ring {
    background-color: var(--spectrum-sidenav-item-background-color-key-focus, var(--spectrum-alias-highlight-hover));
    color: var(--spectrum-sidenav-item-text-color-key-focus, var(--spectrum-alias-text-color-hover));
  }

.spectrum-SideNav-itemLink.focus-ring::before {
      border-color: var(--spectrum-sidenav-item-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
    }

.spectrum-SideNav-heading {
  color: var(--spectrum-sidenav-heading-text-color, var(--spectrum-global-color-gray-700));
}

.spectrum-Site {
  --spectrum-site-header-height: var(--spectrum-global-dimension-size-600);
  --spectrum-site-header-padding: var(--spectrum-global-dimension-size-100);
  --spectrum-site-overlay-background-entry-animation-delay: 0ms;
  --spectrum-site-overlay-background-exit-animation-delay: 0ms;
  --spectrum-site-overlay-background-entry-animation-duration: var(--spectrum-global-animation-duration-200, 160ms);
  --spectrum-site-overlay-background-exit-animation-duration: var(--spectrum-global-animation-duration-200, 160ms);
  --spectrum-site-overlay-background-exit-animation-easing: ease-out;
  --spectrum-site-overlay-background-entry-animation-easing: ease-in;
  --spectrum-csscomponent-margin: var(--spectrum-global-dimension-size-500);
  --spectrum-csscomponent-padding: var(--spectrum-global-dimension-size-700);
  --spectrum-csscomponent-max-width: 1080px;
  --spectrum-csscomponent-sectionheading-margin-top: var(--spectrum-global-dimension-size-600);
  --spectrum-csscomponent-sectionheading-margin-bottom: var(--spectrum-global-dimension-size-400);
  --spectrum-csscomponent-heading-margin-bottom: var(--spectrum-global-dimension-size-500);

  --spectrum-csscomponent-description-margin-bottom: var(--spectrum-global-dimension-size-600);
  --spectrum-csscomponent-description-margin-top: var(--spectrum-global-dimension-size-300);

  --spectrum-csscomponent-statuscontainer-margin-x: var(--spectrum-global-dimension-size-200);
  --spectrum-csscomponent-detailstable-padding-x: var(--spectrum-global-dimension-size-300);
  --spectrum-csscomponent-detailstable-margin-top: var(--spectrum-global-dimension-size-500);
  --spectrum-csscomponent-detailstable-margin-bottom: var(--spectrum-global-dimension-size-450);
  --spectrum-cssexample-border-radius: var(--spectrum-global-dimension-size-50);
  --spectrum-cssexample-margin-bottom: var(--spectrum-global-dimension-size-800);
  --spectrum-cssexample-min-height: 0;

  --spectrum-cssexample-heading-margin-bottom: var(--spectrum-global-dimension-size-100);

  --spectrum-cssexample-markup-height: var(--spectrum-global-dimension-size-2400);
  --spectrum-cssexample-markup-padding-x: var(--spectrum-global-dimension-size-225);
  --spectrum-cssexample-markup-padding-y: var(--spectrum-global-dimension-size-125);
  --spectrum-cssexample-markup-toggle-padding-x: var(--spectrum-global-dimension-size-300);
  --spectrum-cssexample-markup-toggle-padding-y: var(--spectrum-global-dimension-size-300);

  --spectrum-cssexample-padding-x: var(--spectrum-global-dimension-size-500);
  --spectrum-cssexample-padding-y: var(--spectrum-global-dimension-size-400);
}

.spectrum-Site {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.spectrum-Site-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  max-height: 100%;
  height: 100%;
}

.spectrum-Site-header {
  display: none;

  box-sizing: border-box;
  height: var(--spectrum-site-header-height);
  padding: var(--spectrum-site-header-padding);

  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.spectrum-Site-sideBar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 100%;

  transition: none;
}

.spectrum-Site-sideBarHeader {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;

  padding: var(--spectrum-global-dimension-size-350) var(--spectrum-global-dimension-size-300);

  text-decoration: none;
}

.spectrum-Site-sideBarHeader:focus {
  outline: none;
}

.spectrum-Site-sideBarHeader:focus h2 {
  text-decoration: underline;
}

.spectrum-Site-search {
  padding: 0 var(--spectrum-global-dimension-size-300) var(--spectrum-global-dimension-size-300) var(--spectrum-global-dimension-size-300);
}

[dir="ltr"] .spectrum-Site-searchResults {
  left: -100%;
}

[dir="rtl"] .spectrum-Site-searchResults {
  right: -100%;
}

.spectrum-Site-searchResults {
  top: -100%;
  max-height: calc(90vh - 120px);
  z-index: 101;
  position: absolute;

  overflow-y: auto;
}

.spectrum-Site-noSearchResults {
  padding: var(--spectrum-global-dimension-size-400) var(--spectrum-global-dimension-size-400) var(--spectrum-global-dimension-size-400);
}

[dir="ltr"] .spectrum-Site-logo {
  margin-right: var(--spectrum-global-dimension-size-200);
}

[dir="rtl"] .spectrum-Site-logo {
  margin-left: var(--spectrum-global-dimension-size-200);
}

.spectrum-Site-logo {
  color: #FA0F00;
}

.spectrum--medium .spectrum-Site-logo {
    height: 32px;
  }

.spectrum--large .spectrum-Site-logo {
    height: 40px;
  }

.spectrum-Site-nav {
  -ms-flex-positive: 1;
      flex-grow: 1;

  padding: 0px var(--spectrum-global-dimension-static-size-300, 24px) var(--spectrum-global-dimension-static-size-500, 40px);
}

.spectrum-Site-bottomNav {
  margin-top: var(--spectrum-global-dimension-static-size-1000, 80px);
}

.spectrum-Site-page {
  padding: 40px 52px 24px 52px;
  max-width: 1080px;
  margin: auto;
  box-sizing: border-box;
}

.spectrum-Site-hero {
  max-width: 1080px;
  margin: auto;
}

.spectrum-Site-heroHeading {
  margin-bottom: 16px;
}

.spectrum-Site-heroHeading .spectrum-Heading {
  margin-top: 0 !important;
}

[dir="ltr"] .spectrum-Site-heroImage {
  margin-left: auto;
}

[dir="rtl"] .spectrum-Site-heroImage {
  margin-right: auto;
}

[dir="ltr"] .spectrum-Site-heroImage {
  margin-right: auto;
}

[dir="rtl"] .spectrum-Site-heroImage {
  margin-left: auto;
}

.spectrum-Site-heroImage {
  display: block;
  max-width: 100%;
  margin-top: var(--spectrum-global-dimension-size-700);
  margin-bottom: var(--spectrum-global-dimension-size-700);
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
}

.spectrum-Site-mainContent {
  -ms-flex-positive: 1;
      flex-grow: 1;
  border-top: none;
  border-bottom: none;
  overflow-y: auto;
}

.spectrum-Site-footerContainer {
  max-width: var(--spectrum-csscomponent-max-width);
  margin: var(--spectrum-csscomponent-margin) auto;
  padding: 0 var(--spectrum-csscomponent-padding);
}

[dir="ltr"] .spectrum-Site-overlay {
  right: 0;
}

[dir="rtl"] .spectrum-Site-overlay {
  left: 0;
}

[dir="ltr"] .spectrum-Site-overlay {
  left: 0;
}

[dir="rtl"] .spectrum-Site-overlay {
  right: 0;
}

.spectrum-Site-overlay {
  display: none;
  visibility: hidden;

  opacity: 0;

  pointer-events: none;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 99;

  overflow: hidden;
}

@media screen and (max-width: 960px) {
  .spectrum-Site-content {
    max-height: calc(100% - 48px);
  }

  .spectrum-Site-overlay {
    display: block;
    transition: opacity var(--spectrum-site-overlay-background-exit-animation-duration) var(--spectrum-site-overlay-background-exit-animation-easing) var(--spectrum-site-overlay-background-exit-animation-delay),
                visibility 0ms linear calc(var(--spectrum-site-overlay-background-exit-animation-delay) + var(--spectrum-site-overlay-background-exit-animation-duration));
  }

  .spectrum-Site-overlay.is-open {
    visibility: visible;

    opacity: 1;

    pointer-events: auto;
    transition: opacity var(--spectrum-site-overlay-background-entry-animation-duration) var(--spectrum-site-overlay-background-entry-animation-easing) var(--spectrum-site-overlay-background-entry-animation-delay);
  }

  .spectrum-Site-overlay {
    visibility: visible;
  }

  [dir="ltr"] .spectrum-Site-sideBar {
    right: 100%;
  }

  [dir="rtl"] .spectrum-Site-sideBar {
    left: 100%;
  }

  .spectrum-Site-sideBar {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 100;

    transform: translateX(0);
    transition: transform var(--spectrum-global-animation-duration-200, 160ms) ease-in-out;
  }

  .spectrum-Site-sideBar.is-open {
    transform: translateX(100%);
  }

  .spectrum-Site-header {
    display: block;
  }

  [dir="ltr"] .spectrum-Site-page {
    padding-left: var(--spectrum-global-dimension-size-300);
  }

  [dir="rtl"] .spectrum-Site-page {
    padding-right: var(--spectrum-global-dimension-size-300);
  }

  [dir="ltr"] .spectrum-Site-page {
    padding-right: var(--spectrum-global-dimension-size-300);
  }

  [dir="rtl"] .spectrum-Site-page {
    padding-left: var(--spectrum-global-dimension-size-300);
  }

  .spectrum-Site-hero {
    max-width: 100%;
  }

  .spectrum-Site-heroHeading h1.spectrum-Heading1--display {
    font-size: var(--spectrum-global-dimension-font-size-900);
  }
}

.spectrum-CSSComponent {
  max-width: var(--spectrum-csscomponent-max-width);
  margin: var(--spectrum-csscomponent-margin) auto;
  padding: 0 var(--spectrum-csscomponent-padding);
}

.spectrum-CSSComponent-heading {
  margin-bottom: var(--spectrum-csscomponent-heading-margin-bottom);

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.spectrum-CSSComponent-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: inherit;
  text-decoration: none;
  outline: none;
}

.spectrum-CSSComponent-link.focus-ring,
.spectrum-CSSComponent-link:hover {
  text-decoration: underline;
}

.spectrum-CSSComponent-statusContainer {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -ms-flex-positive: 1;
      flex-grow: 1;
  vertical-align: bottom;
  margin: 0 var(--spectrum-csscomponent-statuscontainer-margin-x);
}

[dir="ltr"] .spectrum-CSSComponent-detailsTable th {
  padding-right: var(--spectrum-csscomponent-detailstable-padding-x);
}

[dir="rtl"] .spectrum-CSSComponent-detailsTable th {
  padding-left: var(--spectrum-csscomponent-detailstable-padding-x);
}

.spectrum-CSSComponent-detailsTable th {
  text-align: left;
  height: var(--spectrum-global-dimension-size-350);
  font-weight: var(--spectrum-global-font-weight-regular, 400);
}

.spectrum-CSSComponent-detailsTable {
  border-spacing: 0;
  margin-top: var(--spectrum-csscomponent-detailstable-margin-top);
  margin-bottom: var(--spectrum-csscomponent-detailstable-margin-bottom);
}

.spectrum-CSSComponent-sectionHeading {
  margin-top: var(--spectrum-csscomponent-sectionheading-margin-top);
  margin-bottom: var(--spectrum-csscomponent-sectionheading-margin-bottom);
}

.spectrum-CSSExample-status,
.spectrum-CSSComponent-status {
  padding: 0 !important;
  min-height: 0 !important;
}

[dir="ltr"] .spectrum-CSSComponent-status::before {
  margin-left: 0 !important;
}

[dir="rtl"] .spectrum-CSSComponent-status::before {
  margin-right: 0 !important;
}

[dir="ltr"] .spectrum-CSSExample-status {
  margin-left: var(--spectrum-global-dimension-size-200);
}

[dir="rtl"] .spectrum-CSSExample-status {
  margin-right: var(--spectrum-global-dimension-size-200);
}

.spectrum-CSSComponent-version {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: right;
}

.spectrum-CSSComponent-description {
  margin-top: var(--spectrum-csscomponent-description-margin-top);
  margin-bottom: var(--spectrum-csscomponent-description-margin-bottom);
}

.spectrum-CSSComponent-resources {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-bottom: var(--spectrum-global-dimension-size-700);
}

[dir="ltr"] .spectrum-CSSComponent-resources .spectrum-Card {
  margin-right: var(--spectrum-global-dimension-size-300);
}

[dir="rtl"] .spectrum-CSSComponent-resources .spectrum-Card {
  margin-left: var(--spectrum-global-dimension-size-300);
}

.spectrum-CSSComponent-resources .spectrum-Card {
  margin-bottom: var(--spectrum-global-dimension-size-300);
}

.spectrum--dark .spectrum-CSSComponent-resource--github, .spectrum--darkest .spectrum-CSSComponent-resource--github {
    background-color: rgba(245, 245, 245, 0.1) !important;
    color: rgb(245, 245, 245);
  }

.spectrum-CSSComponent-resource--npm {
  background-color: rgba(203, 56, 55, 0.1) !important;
}

.spectrum-CSSComponent-cardImage {
  text-decoration: none;
}

.spectrum-CSSComponent-switcher {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

[dir="ltr"] .spectrum-CSS-switcherContainer {
  margin-left: var(--spectrum-global-dimension-size-400);
}

[dir="rtl"] .spectrum-CSS-switcherContainer {
  margin-right: var(--spectrum-global-dimension-size-400);
}

.spectrum-CSS-switcherContainer {
  white-space: nowrap;
}

.spectrum-CSSExample {
  margin-bottom: var(--spectrum-cssexample-margin-bottom);
}

.spectrum-CSSExample-container {
  position: relative;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;

  border-radius: var(--spectrum-cssexample-border-radius);
}

.spectrum-CSSExample-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: var(--spectrum-cssexample-heading-margin-bottom) !important;
}

.spectrum-CSSExample-example,
.spectrum-CSSExample-markup {
  box-sizing: border-box;
}

.spectrum-CSSExample-example {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;

  min-height: var(--spectrum-cssexample-min-height);

  padding: var(--spectrum-cssexample-padding-y) var(--spectrum-cssexample-padding-x);

  border-radius: var(--spectrum-cssexample-border-radius) var(--spectrum-cssexample-border-radius) 0 0;
}

.spectrum-CSSExample-markup {
  position: relative;
  max-width: 100%;
  max-height: var(--spectrum-cssexample-markup-height);

  padding: var(--spectrum-cssexample-markup-padding-y) var(--spectrum-cssexample-markup-padding-x);

  border-radius: 0 0 var(--spectrum-cssexample-border-radius) var(--spectrum-cssexample-border-radius);

  overflow: hidden;
}

.spectrum-CSSExample-markup.is-open {
  max-height: 100%;

  padding-bottom: var(--spectrum-global-dimension-size-700);
}

.spectrum-CSSExample-markup.is-open .spectrum-CSSExample-markupToggle::before {
  display: none;
}

.spectrum-CSSExample-markupToggle + pre {
  padding-bottom: var(--spectrum-global-dimension-size-100);
}

.spectrum-CSSExample-example--spacious {
  position: relative;
  height: 150px;
}

.spectrum-CSSExample-example--overlay {
  position: relative;
  min-height: var(--spectrum-global-dimension-size-800);
}

[dir="ltr"] .spectrum-CSSExample-dialog {
  margin-left: auto;
}

[dir="rtl"] .spectrum-CSSExample-dialog {
  margin-right: auto;
}

[dir="ltr"] .spectrum-CSSExample-dialog {
  margin-right: auto;
}

[dir="rtl"] .spectrum-CSSExample-dialog {
  margin-left: auto;
}

[dir="ltr"] .spectrum-CSSExample-dialog {
  left: 0;
}

[dir="rtl"] .spectrum-CSSExample-dialog {
  right: 0;
}

.spectrum-CSSExample-dialog {
  position: relative !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
  top: 0;
  z-index: 1 !important;
  transition: none;
}

.spectrum-Examples {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.spectrum-Examples--vertical {
  -ms-flex-direction: column;
      flex-direction: column;
}

.spectrum-Examples-item .spectrum-Examples-itemHeading {
  margin-bottom: var(--spectrum-global-dimension-size-100);
}

.spectrum-Examples-itemGroup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
}

[dir="ltr"] .spectrum-Button.spectrum-CSSExample-overlayShowButton {
  left: 50%;
}

[dir="rtl"] .spectrum-Button.spectrum-CSSExample-overlayShowButton {
  right: 50%;
}

.spectrum-Button.spectrum-CSSExample-overlayShowButton {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.spectrum-CSSExample-markup pre code {
  white-space: pre-wrap;
}

[dir="ltr"] .spectrum-CSSExample-markupToggle {
  left: 0;
}

[dir="rtl"] .spectrum-CSSExample-markupToggle {
  right: 0;
}

[dir="ltr"] .spectrum-CSSExample-markupToggle {
  right: 0;
}

[dir="rtl"] .spectrum-CSSExample-markupToggle {
  left: 0;
}

.spectrum-CSSExample-markupToggle {
  position: absolute;
  z-index: 0;
  bottom: 0;

  box-sizing: border-box;
  padding: var(--spectrum-cssexample-markup-toggle-padding-y) var(--spectrum-cssexample-markup-toggle-padding-x);

  font-size: var(--spectrum-global-dimension-font-size-150);
  text-align: left
}

@media screen and (max-width: 960px) {
  .spectrum-CSSComponent {
    padding: 0 var(--spectrum-global-dimension-size-250);
    margin: var(--spectrum-global-dimension-size-100) auto;
  }

  .spectrum-CSSComponent-description {
    margin-bottom: var(--spectrum-global-dimension-size-150);
  }

  .spectrum-CSSExample {
    margin-bottom: var(--spectrum-global-dimension-size-200);
  }

  .spectrum-CSSExample-example {
    padding: var(--spectrum-global-dimension-size-200) var(--spectrum-global-dimension-size-200);
  }

  .spectrum-CSSComponent-header {
    margin-bottom: var(--spectrum-global-dimension-size-150);
  }

  .spectrum-CSSComponent-statusContainer,
  .spectrum-CSSComponent-version {
    display: none;
  }
  .spectrum-CSSComponent-title {
    font-size: var(--spectrum-global-dimension-font-size-700);
  }
}

.spectrum-CenteredImage {
  width: 100%;
  max-width: 720px;
  margin: auto;
  display: block;
}

.spectrum-CodeBlock {
  border-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
  border-style: solid;
  border-radius: var(--spectrum-global-dimension-size-50);
  padding: var(--spectrum-global-dimension-size-175) var(--spectrum-global-dimension-size-200);

  margin: var(--spectrum-global-dimension-size-250) 0;
}

.spectrum-HomeCards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(380px, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  grid-gap: 1rem;
  margin: var(--spectrum-global-dimension-size-700) 0;
}

.spectrum-HomeCard {
  display: -ms-flexbox;
  display: flex;

  -ms-flex-align: start;

      align-items: flex-start;

  margin-bottom: var(--spectrum-global-dimension-size-350);
  padding: 0 var(--spectrum-global-dimension-size-250);
}

.spectrum-HomeCard-image {
  width: var(--spectrum-global-dimension-size-1250);
  margin-right: var(--spectrum-global-dimension-size-250);
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.spectrum-HomeCard-content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.u-scrollable {
  overflow-x: hidden;
  overflow-y: auto;

  -webkit-overflow-scrolling: touch;
}

.u-scrollable::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.u-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  width: 8px;
  height: 8px;
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}

.spectrum-Site {
  --spectrum-site-background-color: var(--spectrum-global-color-gray-75);
  --spectrum-site-content-background-color: var(--spectrum-global-color-gray-50);
  --spectrum-site-header-border-color: var(--spectrum-global-color-gray-300);
  --spectrum-site-header-background-color: var(--spectrum-site-content-background-color);
  --spectrum-site-sidebar-background-color: var(--spectrum-site-background-color);
  --spectrum-site-scrollbar-track-color: var(--spectrum-site-background-color);
  --spectrum-site-scrollbar-thumb-color: var(--spectrum-global-color-gray-400);
  --spectrum-site-overlay-underlay-background-color: rgba(0, 0, 0, 0.2);
  --spectrum-cssexample-markup-background-color: var(--spectrum-global-color-gray-75);
  --spectrum-cssexample-border-color: var(--spectrum-global-color-gray-100);
}

.spectrum-Site {
  background-color: var(--spectrum-site-content-background-color);
}

.spectrum-Site-header {
  border-bottom-color: var(--spectrum-site-header-border-color);
  background-color: var(--spectrum-site-header-background-color);
}

.spectrum-Site-sideBar {
  background-color: var(--spectrum-site-sidebar-background-color);
}

.spectrum-Site-mainContainer {
  background: var(--spectrum-site-content-background-color);
}

.spectrum-Site-overlay {
  background: var(--spectrum-site-overlay-underlay-background-color);
}

.spectrum-CSSComponent-resource--github {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: black;
}

.spectrum-CSSComponent-resource--adobe {
  color: #FA0F00 !important;
  background-color: var(--spectrum-global-color-gray-100) !important;
}

.u-scrollable::-webkit-scrollbar-track,
.u-scrollable::-webkit-scrollbar-track-piece {
  background: var(--spectrum-site-scrollbar-track-color);
}

.u-scrollable::-webkit-scrollbar-thumb {
  background-color: var(--spectrum-site-scrollbar-track-color);
}

.u-scrollable:hover::-webkit-scrollbar-thumb {
  background-color: var(--spectrum-site-scrollbar-thumb-color);
}

.spectrum-CSSExample-example {
  background-color: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
}

.spectrum-CSSExample-markup {
  border-top: 1px solid var(--spectrum-cssexample-border-color);

  background: var(--spectrum-cssexample-markup-background-color);
}

.spectrum-CSSExample-markupToggle {
  z-index: 1;

  background: var(--spectrum-cssexample-markup-background-color);
}

.spectrum-CSSExample-markup.is-open .spectrum-CSSExample-markupToggle {
  background-color: transparent;
}

.spectrum-CSSExample-example--overlay {
  background: rgba(0,0,0,0.4);
  color: rgba(0,0,0,0.4);
}

.spectrum-CSSExample-oldAPI {
  color: var(--spectrum-semantic-negative-text-color-small, var(--spectrum-global-color-red-600));
}

.spectrum-CodeBlock {
  border-color: var(--spectrum-global-color-gray-400);
  background-color: var(--spectrum-global-color-gray-75);
}

.spectrum-Slider {
  --spectrum-slider-tick-mark-width: var(--spectrum-slider-m-tick-mark-width, var(--spectrum-alias-border-size-thick));
  --spectrum-slider-tick-mark-height: var(--spectrum-slider-m-tick-mark-height, var(--spectrum-global-dimension-size-125));
  --spectrum-slider-tick-mark-border-radius: var(--spectrum-slider-m-tick-mark-border-radius, var(--spectrum-alias-border-radius-xsmall));
  --spectrum-slider-track-border-radius: var(--spectrum-slider-m-track-border-radius, var(--spectrum-global-dimension-static-size-10));
  --spectrum-slider-track-height: var(--spectrum-slider-m-track-height, var(--spectrum-alias-border-size-thick));
  --spectrum-slider-handle-width: var(--spectrum-slider-m-handle-width, var(--spectrum-alias-control-two-size-l));
  --spectrum-slider-handle-height: var(--spectrum-slider-m-handle-height, var(--spectrum-alias-control-two-size-l));
  --spectrum-slider-handle-gap: var(--spectrum-slider-m-handle-gap, var(--spectrum-alias-border-size-thicker));
  --spectrum-slider-handle-border-size: var(--spectrum-slider-m-handle-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-slider-handle-border-radius: var(--spectrum-slider-m-handle-border-radius, var(--spectrum-global-dimension-size-100));
  --spectrum-slider-height: var(--spectrum-slider-m-height, var(--spectrum-global-dimension-size-400));
  --spectrum-slider-min-width: var(--spectrum-slider-m-min-width, var(--spectrum-global-dimension-size-1250));
  --spectrum-slider-animation-duration: var(--spectrum-slider-m-animation-duration, var(--spectrum-global-animation-duration-100));
  --spectrum-slider-ramp-track-color-disabled: var(--spectrum-slider-m-ramp-track-color-disabled, var(--spectrum-global-color-gray-300));
  --spectrum-slider-ramp-track-height: var(--spectrum-slider-m-ramp-track-height, var(--spectrum-global-dimension-size-200));
  --spectrum-slider-label-gap-y: var(--spectrum-global-dimension-size-85);

  --spectrum-slider-controls-margin: calc(var(--spectrum-slider-handle-width) / 2);
  --spectrum-slider-track-margin-offset: calc(var(--spectrum-slider-controls-margin) * -1);

  --spectrum-slider-handle-margin-top: calc(var(--spectrum-slider-handle-width) / -2);
  --spectrum-slider-handle-margin-left: calc(var(--spectrum-slider-handle-width) / -2);

  --spectrum-slider-track-handleoffset: var(--spectrum-slider-handle-gap);
  --spectrum-slider-track-middle-handleoffset: calc(var(--spectrum-slider-handle-gap) + var(--spectrum-slider-handle-width) / 2);

  --spectrum-slider-input-top: calc(var(--spectrum-slider-handle-margin-top) / 4);
  --spectrum-slider-input-left: calc(var(--spectrum-slider-handle-margin-left) / 4);

  --spectrum-slider-ramp-margin-top: 0;
  --spectrum-slider-range-track-reset: 0;
  --spectrum-slide-label-text-size: var(--spectrum-global-dimension-font-size-75);
  --spectrum-slide-label-text-line-height: var(--spectrum-global-font-line-height-small, 1.3);
  --spectrum-slide-label-margin-bottom: -3px;
  --spectrum-slider-label-gap-x: var(--spectrum-alias-item-control-gap-m, var(--spectrum-global-dimension-size-125));
}

.spectrum-Slider {
  position: relative;
  z-index: 1;
  display: block;
  min-height: var(--spectrum-slider-height);
  min-width: var(--spectrum-slider-min-width);

  -webkit-user-select: none;

      -ms-user-select: none;

          user-select: none;
}

[dir="ltr"] .spectrum-Slider-controls {
  margin-left: var(--spectrum-slider-controls-margin);
}

[dir="rtl"] .spectrum-Slider-controls {
  margin-right: var(--spectrum-slider-controls-margin);
}

.spectrum-Slider-controls {
  display: inline-block;
  box-sizing: border-box;

  position: relative;
  z-index: auto;
  width: calc(100% - var(--spectrum-slider-controls-margin) * 2);
  min-height: var(--spectrum-slider-height);

  vertical-align: top;
}

[dir="ltr"] .spectrum-Slider-track,[dir="ltr"] 
.spectrum-Slider-fill {
  left: 0;
}

[dir="rtl"] .spectrum-Slider-track,[dir="rtl"] 
.spectrum-Slider-fill {
  right: 0;
}

[dir="ltr"] .spectrum-Slider-track,[dir="ltr"] 
.spectrum-Slider-fill {
  right: auto;
}

[dir="rtl"] .spectrum-Slider-track,[dir="rtl"] 
.spectrum-Slider-fill {
  left: auto;
}

.spectrum-Slider-track,
.spectrum-Slider-fill {
  height: var(--spectrum-slider-track-height);
  box-sizing: border-box;

  position: absolute;
  z-index: 1;
  top: calc(var(--spectrum-slider-height) / 2);

  margin-top: calc(var(--spectrum-slider-track-height) / -2);

  pointer-events: none;
}

[dir="ltr"] .spectrum-Slider-track,[dir="ltr"] 
.spectrum-Slider-fill {
  padding-left: 0;
  padding-right: var(--spectrum-slider-track-handleoffset);
}

[dir="rtl"] .spectrum-Slider-track,[dir="rtl"] 
.spectrum-Slider-fill {
  padding-right: 0;
  padding-left: var(--spectrum-slider-track-handleoffset);
}

[dir="ltr"] .spectrum-Slider-track,[dir="ltr"] 
.spectrum-Slider-fill {
  margin-left: var(--spectrum-slider-track-margin-offset);
}

[dir="rtl"] .spectrum-Slider-track,[dir="rtl"] 
.spectrum-Slider-fill {
  margin-right: var(--spectrum-slider-track-margin-offset);
}

.spectrum-Slider-track,
.spectrum-Slider-fill {
  padding-top: 0;
  padding-bottom: 0;
}

.spectrum-Slider-track::before, .spectrum-Slider-fill::before {
    content: "";
    display: block;
    height: 100%;

    border-radius: var(--spectrum-slider-track-border-radius);
  }

[dir="ltr"] .spectrum-Slider-fill {
  margin-left: 0;
}

[dir="rtl"] .spectrum-Slider-fill {
  margin-right: 0;
}

[dir="ltr"] .spectrum-Slider-fill {
  padding-left: calc(var(--spectrum-slider-controls-margin) + var(--spectrum-slider-track-handleoffset));
  padding-right: 0;
}

[dir="rtl"] .spectrum-Slider-fill {
  padding-right: calc(var(--spectrum-slider-controls-margin) + var(--spectrum-slider-track-handleoffset));
  padding-left: 0;
}

.spectrum-Slider-fill {
  padding-top: 0;
  padding-bottom: 0;
}

[dir="ltr"] .spectrum-Slider-fill--right {
  padding-left: 0;
  padding-right: calc(var(--spectrum-slider-controls-margin) + var(--spectrum-slider-track-handleoffset));
}

[dir="rtl"] .spectrum-Slider-fill--right {
  padding-right: 0;
  padding-left: calc(var(--spectrum-slider-controls-margin) + var(--spectrum-slider-track-handleoffset));
}

.spectrum-Slider-fill--right {
  padding-top: 0;
  padding-bottom: 0;
}

[dir="ltr"] .spectrum-Slider-track ~ .spectrum-Slider-track {
  left: auto;
}

[dir="rtl"] .spectrum-Slider-track ~ .spectrum-Slider-track {
  right: auto;
}

[dir="ltr"] .spectrum-Slider-track ~ .spectrum-Slider-track {
  right: var(--spectrum-slider-range-track-reset);
}

[dir="rtl"] .spectrum-Slider-track ~ .spectrum-Slider-track {
  left: var(--spectrum-slider-range-track-reset);
}

[dir="ltr"] .spectrum-Slider-track ~ .spectrum-Slider-track {
  padding-left: var(--spectrum-slider-track-handleoffset);
  padding-right: 0;
}

[dir="rtl"] .spectrum-Slider-track ~ .spectrum-Slider-track {
  padding-right: var(--spectrum-slider-track-handleoffset);
  padding-left: 0;
}

[dir="ltr"] .spectrum-Slider-track ~ .spectrum-Slider-track {
  margin-left: var(--spectrum-slider-range-track-reset);
}

[dir="rtl"] .spectrum-Slider-track ~ .spectrum-Slider-track {
  margin-right: var(--spectrum-slider-range-track-reset);
}

[dir="ltr"] .spectrum-Slider-track ~ .spectrum-Slider-track {
  margin-right: var(--spectrum-slider-track-margin-offset);
}

[dir="rtl"] .spectrum-Slider-track ~ .spectrum-Slider-track {
  margin-left: var(--spectrum-slider-track-margin-offset);
}

.spectrum-Slider-track ~ .spectrum-Slider-track {
  padding-top: 0;
  padding-bottom: 0;
}

.spectrum-Slider--range .spectrum-Slider-value {
    -webkit-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

[dir="ltr"] .spectrum-Slider--range .spectrum-Slider-track:first-of-type {
      padding-left: 0;
      padding-right: var(--spectrum-slider-track-handleoffset);
}

[dir="rtl"] .spectrum-Slider--range .spectrum-Slider-track:first-of-type {
      padding-right: 0;
      padding-left: var(--spectrum-slider-track-handleoffset);
}

[dir="ltr"] .spectrum-Slider--range .spectrum-Slider-track:first-of-type {
      left: var(--spectrum-slider-range-track-reset);
}

[dir="rtl"] .spectrum-Slider--range .spectrum-Slider-track:first-of-type {
      right: var(--spectrum-slider-range-track-reset);
}

[dir="ltr"] .spectrum-Slider--range .spectrum-Slider-track:first-of-type {
      right: auto;
}

[dir="rtl"] .spectrum-Slider--range .spectrum-Slider-track:first-of-type {
      left: auto;
}

[dir="ltr"] .spectrum-Slider--range .spectrum-Slider-track:first-of-type {
      margin-left: var(--spectrum-slider-track-margin-offset);
}

[dir="rtl"] .spectrum-Slider--range .spectrum-Slider-track:first-of-type {
      margin-right: var(--spectrum-slider-track-margin-offset);
}

.spectrum-Slider--range .spectrum-Slider-track:first-of-type {
      padding-top: 0;
      padding-bottom: 0;
    }

[dir="ltr"] [dir="ltr"] .spectrum-Slider--range .spectrum-Slider-track,[dir="ltr"] [dir="rtl"] 
    .spectrum-Slider--range .spectrum-Slider-track {
      left: auto;
}

[dir="rtl"] [dir="ltr"] .spectrum-Slider--range .spectrum-Slider-track,[dir="rtl"] [dir="rtl"] 
    .spectrum-Slider--range .spectrum-Slider-track {
      right: auto;
}

[dir="ltr"] [dir="ltr"] .spectrum-Slider--range .spectrum-Slider-track,[dir="ltr"] [dir="rtl"] 
    .spectrum-Slider--range .spectrum-Slider-track {
      right: auto;
}

[dir="rtl"] [dir="ltr"] .spectrum-Slider--range .spectrum-Slider-track,[dir="rtl"] [dir="rtl"] 
    .spectrum-Slider--range .spectrum-Slider-track {
      left: auto;
}

[dir="ltr"] .spectrum-Slider--range .spectrum-Slider-track,[dir="rtl"] 
    .spectrum-Slider--range .spectrum-Slider-track {
      padding-top: 0;
      padding-bottom: 0;
      padding-left: var(--spectrum-slider-track-middle-handleoffset);
      padding-right: var(--spectrum-slider-track-middle-handleoffset);
      margin-left: var(--spectrum-slider-range-track-reset);
      margin-right: var(--spectrum-slider-range-track-reset);
      margin-top: var(--spectrum-slider-range-track-reset);
      margin-bottom: var(--spectrum-slider-range-track-reset);
    }

[dir="ltr"] .spectrum-Slider--range .spectrum-Slider-track:last-of-type {
      padding-left: var(--spectrum-slider-track-handleoffset);
      padding-right: 0;
}

[dir="rtl"] .spectrum-Slider--range .spectrum-Slider-track:last-of-type {
      padding-right: var(--spectrum-slider-track-handleoffset);
      padding-left: 0;
}

[dir="ltr"] .spectrum-Slider--range .spectrum-Slider-track:last-of-type {
      left: auto;
}

[dir="rtl"] .spectrum-Slider--range .spectrum-Slider-track:last-of-type {
      right: auto;
}

[dir="ltr"] .spectrum-Slider--range .spectrum-Slider-track:last-of-type {
      right: var(--spectrum-slider-range-track-reset);
}

[dir="rtl"] .spectrum-Slider--range .spectrum-Slider-track:last-of-type {
      left: var(--spectrum-slider-range-track-reset);
}

[dir="ltr"] .spectrum-Slider--range .spectrum-Slider-track:last-of-type {
      margin-right: var(--spectrum-slider-track-margin-offset);
}

[dir="rtl"] .spectrum-Slider--range .spectrum-Slider-track:last-of-type {
      margin-left: var(--spectrum-slider-track-margin-offset);
}

.spectrum-Slider--range .spectrum-Slider-track:last-of-type {
      padding-top: 0;
      padding-bottom: 0;
    }

[dir="ltr"] .spectrum-Slider-ramp {
  left: var(--spectrum-slider-track-margin-offset);
}

[dir="rtl"] .spectrum-Slider-ramp {
  right: var(--spectrum-slider-track-margin-offset);
}

[dir="ltr"] .spectrum-Slider-ramp {
  right: var(--spectrum-slider-track-margin-offset);
}

[dir="rtl"] .spectrum-Slider-ramp {
  left: var(--spectrum-slider-track-margin-offset);
}

.spectrum-Slider-ramp {
  margin-top: var(--spectrum-slider-ramp-margin-top);
  height: var(--spectrum-slider-ramp-track-height);

  position: absolute;
  top: calc(var(--spectrum-slider-ramp-track-height) / 2);
}

[dir="rtl"] .spectrum-Slider-ramp svg { transform: matrix(-1, 0, 0, 1, 0, 0) ; }

.spectrum-Slider-ramp svg {
    width: 100%;
    height: 100%;
  }

[dir="ltr"] .spectrum-Slider-handle {
  left: 0;
}

[dir="rtl"] .spectrum-Slider-handle {
  right: 0;
}

[dir="ltr"] .spectrum-Slider-handle {
  margin-left: calc(var(--spectrum-slider-handle-width) / -2);
  margin-right: 0;
}

[dir="rtl"] .spectrum-Slider-handle {
  margin-right: calc(var(--spectrum-slider-handle-width) / -2);
  margin-left: 0;
}

.spectrum-Slider-handle {
  position: absolute;
  top: calc(var(--spectrum-slider-height) / 2);
  z-index: 2;

  display: inline-block;
  box-sizing: border-box;

  width: var(--spectrum-slider-handle-width);
  height: var(--spectrum-slider-handle-height);

  margin-top: var(--spectrum-slider-handle-margin-top);

  margin-bottom: 0;

  border-width: var(--spectrum-slider-handle-border-size);
  border-style: solid;

  border-radius: var(--spectrum-slider-handle-border-radius);

  transition: border-width var(--spectrum-slider-animation-duration) ease-in-out;

  outline: none;
}

.spectrum-Slider-handle:active,
  .spectrum-Slider-handle.is-focused,
  .spectrum-Slider-handle.is-dragged {
    border-width: var(--spectrum-slider-handle-border-size);
  }

.spectrum-Slider-handle:active,
  .spectrum-Slider-handle.is-focused,
  .spectrum-Slider-handle.is-dragged,
  .spectrum-Slider-handle.is-tophandle {
    z-index: 3;
  }

.spectrum-Slider-handle:before {
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;

    transition: box-shadow var(--spectrum-global-animation-duration-100, 130ms)
        ease-out,
      width var(--spectrum-global-animation-duration-100, 130ms) ease-out,
      height var(--spectrum-global-animation-duration-100, 130ms) ease-out;

    width: var(--spectrum-slider-handle-width);
    height: var(--spectrum-slider-handle-height);

    transform: translate(-50%, -50%);

    border-radius: 100%;
  }

.spectrum-Slider-handle.is-focused:before {
      width: calc(var(--spectrum-slider-handle-width) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
      height: calc(var(--spectrum-slider-handle-height) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
    }

[dir="ltr"] .spectrum-Slider-input {
  left: var(--spectrum-slider-input-left);
}

[dir="rtl"] .spectrum-Slider-input {
  right: var(--spectrum-slider-input-left);
}

.spectrum-Slider-input {
  margin: 0;

  width: var(--spectrum-slider-handle-width);
  height: var(--spectrum-slider-handle-height);
  padding: 0;
  position: absolute;
  top: var(--spectrum-slider-input-top);
  overflow: hidden;
  opacity: 0.000001;
  cursor: default;
  -webkit-appearance: none;
  border: 0;
  pointer-events: none;
}

.spectrum-Slider-input:focus {
    outline: none;
  }

.spectrum-Slider-labelContainer {
  display: -ms-flexbox;
  display: flex;
  position: relative;

  width: auto;

  padding-top: var(--spectrum-fieldlabel-m-padding-top, var(--spectrum-global-dimension-size-50));

  font-size: var(--spectrum-slide-label-text-size);
  line-height: var(--spectrum-slide-label-text-line-height);
  margin-bottom: var(--spectrum-slide-label-margin-bottom);
}

[dir="ltr"] .spectrum-Slider-label {
  padding-left: 0;
}

[dir="rtl"] .spectrum-Slider-label {
  padding-right: 0;
}

.spectrum-Slider-label {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

[dir="ltr"] .spectrum-Slider-value {
  padding-right: 0;
}

[dir="rtl"] .spectrum-Slider-value {
  padding-left: 0;
}

[dir="ltr"] .spectrum-Slider-value {
  text-align: right;
}

[dir="rtl"] .spectrum-Slider-value {
  text-align: left;
}

.spectrum-Slider-value {
  -ms-flex-positive: 0;
      flex-grow: 0;
  cursor: default;
  font-feature-settings: "tnum";
}

[dir="ltr"] .spectrum-Slider-value {
  margin-left: var(--spectrum-slider-label-gap-x);
}

[dir="rtl"] .spectrum-Slider-value {
  margin-right: var(--spectrum-slider-label-gap-x);
}

.spectrum-Slider-ticks {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;

  z-index: 0;

  margin: 0 var(--spectrum-slider-track-margin-offset);
  margin-top: calc(var(--spectrum-slider-tick-mark-height) + var(--spectrum-slider-track-height) / 2);
}

.spectrum-Slider-tick {
  position: relative;

  width: var(--spectrum-slider-tick-mark-width);
}

[dir="ltr"] .spectrum-Slider-tick:after {
    left: calc(50% - var(--spectrum-slider-tick-mark-width) / 2);
}

[dir="rtl"] .spectrum-Slider-tick:after {
    right: calc(50% - var(--spectrum-slider-tick-mark-width) / 2);
}

.spectrum-Slider-tick:after {
    display: block;
    position: absolute;
    top: 0;
    content: "";
    width: var(--spectrum-slider-tick-mark-width);
    height: var(--spectrum-slider-tick-mark-height);

    border-radius: var(--spectrum-slider-tick-mark-border-radius);
  }

.spectrum-Slider-tick .spectrum-Slider-tickLabel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;

    margin-top: calc(var(--spectrum-slider-label-gap-y) + var(--spectrum-slider-tick-mark-height));

    margin-bottom: 0;
    margin-left: calc(var(--spectrum-slider-label-gap-x) * -1);
    margin-right: calc(var(--spectrum-slider-label-gap-x) * -1);

    font-size: var(--spectrum-slide-label-text-size);
    line-height: var(--spectrum-slide-label-text-line-height);
  }

.spectrum-Slider-tick:first-of-type .spectrum-Slider-tickLabel, .spectrum-Slider-tick:last-of-type .spectrum-Slider-tickLabel {
      display: block;
      position: absolute;
      margin-left: 0;
      margin-right: 0;
    }

[dir="ltr"] .spectrum-Slider-tick:first-of-type {
    left: calc(var(--spectrum-slider-tick-mark-width) / -2);
}

[dir="rtl"] .spectrum-Slider-tick:first-of-type {
    right: calc(var(--spectrum-slider-tick-mark-width) / -2);
}

[dir="ltr"] .spectrum-Slider-tick:first-of-type .spectrum-Slider-tickLabel {
      left: 0;
}

[dir="rtl"] .spectrum-Slider-tick:first-of-type .spectrum-Slider-tickLabel {
      right: 0;
}

[dir="ltr"] .spectrum-Slider-tick:last-of-type {
    right: calc(var(--spectrum-slider-tick-mark-width) / -2);
}

[dir="rtl"] .spectrum-Slider-tick:last-of-type {
    left: calc(var(--spectrum-slider-tick-mark-width) / -2);
}

[dir="ltr"] .spectrum-Slider-tick:last-of-type .spectrum-Slider-tickLabel {
      right: 0;
}

[dir="rtl"] .spectrum-Slider-tick:last-of-type .spectrum-Slider-tickLabel {
      left: 0;
}

.spectrum-Slider.is-disabled {
    cursor: default;
  }

.spectrum-Slider.is-disabled .spectrum-Slider-handle {
      cursor: default;
      pointer-events: none;
    }

.spectrum-Slider-handleContainer,
.spectrum-Slider-trackContainer {
  width: calc(100% + var(--spectrum-slider-handle-width));

  position: absolute;
  top: calc(var(--spectrum-slider-track-height) / 2 - 1px);

  margin-left: calc(var(--spectrum-slider-handle-width) / 2 * -1);
}

.spectrum-Slider-trackContainer {
  height: var(--spectrum-slider-height);
  overflow: hidden;
}

.spectrum-Slider {
  --spectrum-slider-m-focus-ring-size: var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25));
  --spectrum-slider-m-handle-border-color-key-focus: var(
    --spectrum-global-color-gray-800
  );
  --spectrum-slider-m-handle-focus-ring-color-key-focus: var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
  --spectrum-slider-m-label-text-color: var(--spectrum-alias-label-text-color, var(--spectrum-global-color-gray-700));

  --spectrum-slider-m-label-text-color-disabled: var(--spectrum-alias-text-color-disabled, var(--spectrum-global-color-gray-500));
}

.spectrum-Slider-track::before {
    background: var(--spectrum-slider-m-track-color, var(--spectrum-global-color-gray-400));
  }

.spectrum-Slider-labelContainer {
  color: var(--spectrum-slider-m-label-text-color);
}

.spectrum-Slider--filled .spectrum-Slider-track:first-child::before {
      background: var(--spectrum-slider-m-track-fill-color, var(--spectrum-global-color-gray-700));
    }

.spectrum-Slider-fill::before {
    background: var(--spectrum-slider-m-track-fill-color, var(--spectrum-global-color-gray-700));
  }

.spectrum-Slider-ramp path {
    fill: var(--spectrum-slider-m-track-color, var(--spectrum-global-color-gray-400));
  }

.spectrum-Slider-handle {
  border-color: var(--spectrum-slider-m-handle-border-color, var(--spectrum-global-color-gray-700));
  background: var(--spectrum-slider-m-handle-background-color, var(--spectrum-alias-background-color-transparent));
}

.spectrum-Slider-handle:hover {
    border-color: var(--spectrum-slider-m-handle-border-color-hover, var(--spectrum-global-color-gray-800));
  }

.spectrum-Slider-handle.is-focused {
    border-color: var(--spectrum-slider-m-handle-border-color-key-focus, var(--spectrum-global-color-gray-800));
  }

.spectrum-Slider-handle.is-focused:before {
      box-shadow: 0 0 0 var(--spectrum-slider-m-focus-ring-size, var(--spectrum-alias-focus-ring-size))
        var(--spectrum-slider-m-handle-focus-ring-color-key-focus);
    }

.spectrum-Slider-handle:active,
  .spectrum-Slider-handle.is-dragged {
    border-color: var(--spectrum-slider-m-handle-border-color-down, var(--spectrum-global-color-gray-800));
  }

.spectrum-Slider--ramp .spectrum-Slider-handle {
    box-shadow: 0 0 0 4px var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
  }

.spectrum-Slider-input {
  background: transparent;
}

.spectrum-Slider-tick:after {
    background-color: var(--spectrum-slider-m-tick-mark-color, var(--spectrum-global-color-gray-400));
  }

.spectrum-Slider-handle.is-dragged {
    border-color: var(--spectrum-slider-m-handle-border-color-down, var(--spectrum-global-color-gray-800));
    background: var(--spectrum-slider-m-handle-background-color, var(--spectrum-alias-background-color-transparent));
  }

.spectrum-Slider--range .spectrum-Slider-track:not(:first-of-type):not(:last-of-type):before {
        background: var(--spectrum-slider-m-track-fill-color, var(--spectrum-global-color-gray-700));
      }

.spectrum-Slider.is-disabled .spectrum-Slider-labelContainer {
      color: var(--spectrum-slider-m-label-text-color-disabled);
    }

.spectrum-Slider.is-disabled .spectrum-Slider-handle {
      border-color: var(--spectrum-slider-m-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
      background: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
    }

.spectrum-Slider.is-disabled .spectrum-Slider-handle:hover,
      .spectrum-Slider.is-disabled .spectrum-Slider-handle:active {
        border-color: var(--spectrum-slider-m-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
        background: var(--spectrum-slider-m-handle-background-color, var(--spectrum-alias-background-color-transparent));
      }

.spectrum-Slider.is-disabled .spectrum-Slider-track::before {
        background: var(--spectrum-slider-m-track-color-disabled, var(--spectrum-global-color-gray-300));
      }

.spectrum-Slider.is-disabled.spectrum-Slider--filled .spectrum-Slider-track:first-child::before {
          background: var(--spectrum-slider-m-track-fill-color-disabled, var(--spectrum-global-color-gray-300));
        }

.spectrum-Slider.is-disabled .spectrum-Slider-fill::before {
        background: var(--spectrum-slider-m-track-fill-color-disabled, var(--spectrum-global-color-gray-300));
      }

.spectrum-Slider.is-disabled .spectrum-Slider-ramp path {
        fill: var(--spectrum-slider-ramp-track-color-disabled);
      }

.spectrum-Slider.is-disabled.spectrum-Slider--range .spectrum-Slider-track:not(:first-of-type):not(:last-of-type):before {
            background: var(--spectrum-slider-m-track-fill-color-disabled, var(--spectrum-global-color-gray-300));
          }

.spectrum-SplitButton {
  --spectrum-splitbutton-trigger-border-left: 0;
  --spectrum-splitbutton-trigger-min-width: 0;
  --spectrum-spltibutton-margin-left: 0;
  --spectrum-splitbutton-icon-gap: var(--spectrum-global-dimension-size-150);

  --spectrum-splitbutton-border-radius-edge: var(--spectrum-alias-border-radius-small, var(--spectrum-global-dimension-size-25));
}

.spectrum-SplitButton-trigger {
  --spectrum-splitbutton-trigger-round-edge-padding: var(--spectrum-global-dimension-size-125);
  --spectrum-splitbutton-trigger-flat-edge-padding: var(--spectrum-global-dimension-size-100);

  --spectrum-splitbutton-cta-trigger-flat-edge-padding: calc(var(--spectrum-splitbutton-trigger-flat-edge-padding) - var(--spectrum-button-m-primary-outline-texticon-border-size, var(--spectrum-alias-border-size-thick)));
}

.spectrum-SplitButton-action {
  --spectrum-splitbutton-flat-edge-padding: calc(var(--spectrum-button-m-primary-outline-texticon-padding-left) - var(--spectrum-button-m-primary-outline-texticon-border-size, var(--spectrum-alias-border-size-thick)) * 2);

  --spectrum-splitbutton-round-edge-padding: var(--spectrum-button-m-primary-outline-texticon-padding-right, var(--spectrum-global-dimension-size-200));

  --spectrum-splitbutton-cta-flat-edge-padding: calc(var(--spectrum-button-m-primary-outline-texticon-padding-left) - var(--spectrum-button-m-primary-outline-texticon-border-size, var(--spectrum-alias-border-size-thick)) * 3);
}

.spectrum-SplitButton {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
      flex-direction: row;
  vertical-align: top;
}

[dir="ltr"] .spectrum-SplitButton-action {
  margin-left: 0;
}

[dir="rtl"] .spectrum-SplitButton-action {
  margin-right: 0;
}

[dir="ltr"] .spectrum-SplitButton-action {

  border-top-left-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="rtl"] .spectrum-SplitButton-action {

  border-top-right-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="ltr"] .spectrum-SplitButton-action {
  border-top-right-radius: 0;
}

[dir="rtl"] .spectrum-SplitButton-action {
  border-top-left-radius: 0;
}

[dir="ltr"] .spectrum-SplitButton-action {
  border-bottom-right-radius: 0;
}

[dir="rtl"] .spectrum-SplitButton-action {
  border-bottom-left-radius: 0;
}

[dir="ltr"] .spectrum-SplitButton-action {
  border-bottom-left-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="rtl"] .spectrum-SplitButton-action {
  border-bottom-right-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="ltr"] .spectrum-SplitButton-action {

  padding-right: var(--spectrum-splitbutton-flat-edge-padding);
}

[dir="rtl"] .spectrum-SplitButton-action {

  padding-left: var(--spectrum-splitbutton-flat-edge-padding);
}

[dir="ltr"] .spectrum-SplitButton-action {
  padding-left: var(--spectrum-splitbutton-round-edge-padding);
}

[dir="rtl"] .spectrum-SplitButton-action {
  padding-right: var(--spectrum-splitbutton-round-edge-padding);
}

[dir="ltr"] .spectrum-SplitButton-action.spectrum-Button--accent {
    padding-right: var(--spectrum-splitbutton-cta-flat-edge-padding);
}

[dir="rtl"] .spectrum-SplitButton-action.spectrum-Button--accent {
    padding-left: var(--spectrum-splitbutton-cta-flat-edge-padding);
}

[dir="ltr"] .spectrum-SplitButton-action.spectrum-Button--accent {
    margin-right: var(--spectrum-button-m-primary-outline-texticon-border-size, var(--spectrum-alias-border-size-thick));
}

[dir="rtl"] .spectrum-SplitButton-action.spectrum-Button--accent {
    margin-left: var(--spectrum-button-m-primary-outline-texticon-border-size, var(--spectrum-alias-border-size-thick));
}

[dir="ltr"] .spectrum-SplitButton-action:after {
    border-top-right-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="rtl"] .spectrum-SplitButton-action:after {
    border-top-left-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="ltr"] .spectrum-SplitButton-action:after {
    border-bottom-right-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="rtl"] .spectrum-SplitButton-action:after {
    border-bottom-left-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="ltr"] .spectrum-SplitButton-trigger {
  margin-left: 0;
}

[dir="rtl"] .spectrum-SplitButton-trigger {
  margin-right: 0;
}

[dir="ltr"] .spectrum-SplitButton-trigger {

  border-top-left-radius: 0;
}

[dir="rtl"] .spectrum-SplitButton-trigger {

  border-top-right-radius: 0;
}

[dir="ltr"] .spectrum-SplitButton-trigger {
  border-top-right-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="rtl"] .spectrum-SplitButton-trigger {
  border-top-left-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="ltr"] .spectrum-SplitButton-trigger {
  border-bottom-right-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="rtl"] .spectrum-SplitButton-trigger {
  border-bottom-left-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="ltr"] .spectrum-SplitButton-trigger {
  border-bottom-left-radius: 0;
}

[dir="rtl"] .spectrum-SplitButton-trigger {
  border-bottom-right-radius: 0;
}

[dir="ltr"] .spectrum-SplitButton-trigger {
  border-left-width: var(--spectrum-splitbutton-trigger-border-left);
}

[dir="rtl"] .spectrum-SplitButton-trigger {
  border-right-width: var(--spectrum-splitbutton-trigger-border-left);
}

[dir="ltr"] .spectrum-SplitButton-trigger {

  padding-left: var(--spectrum-splitbutton-trigger-flat-edge-padding);
}

[dir="rtl"] .spectrum-SplitButton-trigger {

  padding-right: var(--spectrum-splitbutton-trigger-flat-edge-padding);
}

[dir="ltr"] .spectrum-SplitButton-trigger {
  padding-right: var(--spectrum-splitbutton-trigger-round-edge-padding);
}

[dir="rtl"] .spectrum-SplitButton-trigger {
  padding-left: var(--spectrum-splitbutton-trigger-round-edge-padding);
}

.spectrum-SplitButton-trigger {

  min-width: var(--spectrum-splitbutton-trigger-min-width);
}

[dir="ltr"] .spectrum-SplitButton-trigger.spectrum-Button--accent {
    padding-left: var(--spectrum-splitbutton-cta-trigger-flat-edge-padding);
}

[dir="rtl"] .spectrum-SplitButton-trigger.spectrum-Button--accent {
    padding-right: var(--spectrum-splitbutton-cta-trigger-flat-edge-padding);
}

[dir="ltr"] .spectrum-SplitButton-trigger.spectrum-Button--accent {
    border-left-width: var(--spectrum-button-m-primary-outline-texticon-border-size, var(--spectrum-alias-border-size-thick));
}

[dir="rtl"] .spectrum-SplitButton-trigger.spectrum-Button--accent {
    border-right-width: var(--spectrum-button-m-primary-outline-texticon-border-size, var(--spectrum-alias-border-size-thick));
}

.spectrum-SplitButton-trigger.focus-ring {
    box-shadow: none;
  }

[dir="ltr"] .spectrum-SplitButton-trigger:after {
    border-top-left-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="rtl"] .spectrum-SplitButton-trigger:after {
    border-top-right-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="ltr"] .spectrum-SplitButton-trigger:after {
    border-bottom-left-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="rtl"] .spectrum-SplitButton-trigger:after {
    border-bottom-right-radius: var(--spectrum-splitbutton-border-radius-edge);
}

.spectrum-SplitButton-icon {
  display: block;
  margin-top: 1px;
}

.spectrum-SplitButton-action,
.spectrum-SplitButton-trigger {
  position: relative;
}

.spectrum-SplitButton-action:focus, .spectrum-SplitButton-trigger:focus {
    z-index: 1;
  }

[dir="ltr"] .spectrum-SplitButton-action .spectrum-Button-label + .spectrum-Icon {
    margin-left: var(--spectrum-splitbutton-icon-gap);
}

[dir="rtl"] .spectrum-SplitButton-action .spectrum-Button-label + .spectrum-Icon {
    margin-right: var(--spectrum-splitbutton-icon-gap);
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-action {
    border-top-left-radius: 0;
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-action {
    border-top-right-radius: 0;
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-action {
    border-top-right-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-action {
    border-top-left-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-action {
    border-bottom-right-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-action {
    border-bottom-left-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-action {
    border-bottom-left-radius: 0;
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-action {
    border-bottom-right-radius: 0;
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-action {
    margin-right: 0;
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-action {
    margin-left: 0;
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-action {
    margin-left: var(--spectrum-spltibutton-margin-left);
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-action {
    margin-right: var(--spectrum-spltibutton-margin-left);
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-action {

    padding-left: var(--spectrum-splitbutton-flat-edge-padding);
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-action {

    padding-right: var(--spectrum-splitbutton-flat-edge-padding);
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-action {
    padding-right: var(--spectrum-splitbutton-round-edge-padding);
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-action {
    padding-left: var(--spectrum-splitbutton-round-edge-padding);
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-action.spectrum-Button--accent {
      padding-left: var(--spectrum-splitbutton-cta-flat-edge-padding);
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-action.spectrum-Button--accent {
      padding-right: var(--spectrum-splitbutton-cta-flat-edge-padding);
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-action.spectrum-Button--accent {
      margin-left: var(--spectrum-button-m-primary-outline-texticon-border-size, var(--spectrum-alias-border-size-thick));
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-action.spectrum-Button--accent {
      margin-right: var(--spectrum-button-m-primary-outline-texticon-border-size, var(--spectrum-alias-border-size-thick));
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-action:after {
      border-top-left-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-action:after {
      border-top-right-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-action:after {
      border-top-right-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-action:after {
      border-top-left-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-action:after {
      border-bottom-right-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-action:after {
      border-bottom-left-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-action:after {
      border-bottom-left-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-action:after {
      border-bottom-right-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {
    margin-right: 0;
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {
    margin-left: 0;
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {

    border-top-left-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {

    border-top-right-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {
    border-top-right-radius: 0;
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {
    border-top-left-radius: 0;
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {
    border-bottom-right-radius: 0;
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {
    border-bottom-left-radius: 0;
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {
    border-bottom-left-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {
    border-bottom-right-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {

    border-left-width: var(--spectrum-button-m-primary-outline-texticon-border-size, var(--spectrum-alias-border-size-thick));
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {

    border-right-width: var(--spectrum-button-m-primary-outline-texticon-border-size, var(--spectrum-alias-border-size-thick));
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {
    border-right-width: var(--spectrum-splitbutton-trigger-border-left);
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {
    border-left-width: var(--spectrum-splitbutton-trigger-border-left);
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {

    padding-right: var(--spectrum-splitbutton-trigger-flat-edge-padding);
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {

    padding-left: var(--spectrum-splitbutton-trigger-flat-edge-padding);
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {
    padding-left: var(--spectrum-splitbutton-trigger-round-edge-padding);
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger {
    padding-right: var(--spectrum-splitbutton-trigger-round-edge-padding);
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger.spectrum-Button--accent {
      padding-right: var(--spectrum-splitbutton-cta-trigger-flat-edge-padding);
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger.spectrum-Button--accent {
      padding-left: var(--spectrum-splitbutton-cta-trigger-flat-edge-padding);
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger.spectrum-Button--accent {
      border-right-width: var(--spectrum-button-m-primary-outline-texticon-border-size, var(--spectrum-alias-border-size-thick));
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger.spectrum-Button--accent {
      border-left-width: var(--spectrum-button-m-primary-outline-texticon-border-size, var(--spectrum-alias-border-size-thick));
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger:after {
      border-top-left-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger:after {
      border-top-right-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger:after {
      border-top-right-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger:after {
      border-top-left-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger:after {
      border-bottom-right-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger:after {
      border-bottom-left-radius: var(--spectrum-splitbutton-border-radius-edge);
}

[dir="ltr"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger:after {
      border-bottom-left-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

[dir="rtl"] .spectrum-SplitButton--left .spectrum-SplitButton-trigger:after {
      border-bottom-right-radius: var(--spectrum-button-m-primary-outline-texticon-border-radius, var(--spectrum-global-dimension-size-200));
}

.spectrum-SplitView {
  --spectrum-splitview-vertical-width: 100%;
  --spectrum-splitview-vertical-gripper-width: 50%;
  --spectrum-splitview-vertical-gripper-outer-width: 100%;
  --spectrum-splitview-vertical-gripper-reset: 0;
}

.spectrum-SplitView {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.spectrum-SplitView-pane {
  height: 100%;
}

[dir="ltr"] .spectrum-SplitView-gripper {
  left: calc((var(--spectrum-dragbar-gripper-width, var(--spectrum-global-dimension-static-size-50)) + 2 * var(--spectrum-dragbar-gripper-border-width-horizontal, 3px) - var(--spectrum-dragbar-handle-width, var(--spectrum-global-dimension-static-size-25))) / 2 * -1);
}

[dir="rtl"] .spectrum-SplitView-gripper {
  right: calc((var(--spectrum-dragbar-gripper-width, var(--spectrum-global-dimension-static-size-50)) + 2 * var(--spectrum-dragbar-gripper-border-width-horizontal, 3px) - var(--spectrum-dragbar-handle-width, var(--spectrum-global-dimension-static-size-25))) / 2 * -1);
}

.spectrum-SplitView-gripper {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-radius: var(--spectrum-dragbar-gripper-border-radius, var(--spectrum-alias-border-radius-small));

  top: 50%;
  transform: translate(0, -50%);
  width: var(--spectrum-dragbar-gripper-width, var(--spectrum-global-dimension-static-size-50));
  height: var(--spectrum-dragbar-gripper-height, var(--spectrum-global-dimension-static-size-200));
  border-top-width: var(--spectrum-dragbar-gripper-border-width-vertical, 4px);
  border-bottom-width: var(--spectrum-dragbar-gripper-border-width-vertical, 4px);
  border-left-width: var(--spectrum-dragbar-gripper-border-width-horizontal, 3px);
  border-right-width: var(--spectrum-dragbar-gripper-border-width-horizontal, 3px);
}

.spectrum-SplitView-splitter {
  position: relative;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;

  width: var(--spectrum-dragbar-handle-width, var(--spectrum-global-dimension-static-size-25));
  height: 100%;
  z-index: 1;
}

[dir="ltr"] .spectrum-SplitView-splitter.is-collapsed-start .spectrum-SplitView-gripper:before,[dir="ltr"]  .spectrum-SplitView-splitter.is-collapsed-end .spectrum-SplitView-gripper:before {
        left: calc(50% - var(--spectrum-dragbar-handle-width, var(--spectrum-global-dimension-static-size-25)) / 2);
}

[dir="rtl"] .spectrum-SplitView-splitter.is-collapsed-start .spectrum-SplitView-gripper:before,[dir="rtl"]  .spectrum-SplitView-splitter.is-collapsed-end .spectrum-SplitView-gripper:before {
        right: calc(50% - var(--spectrum-dragbar-handle-width, var(--spectrum-global-dimension-static-size-25)) / 2);
}

.spectrum-SplitView-splitter.is-collapsed-start .spectrum-SplitView-gripper:before, .spectrum-SplitView-splitter.is-collapsed-end .spectrum-SplitView-gripper:before {
        content: "";
        position: absolute;

        top: 0;
        width: var(--spectrum-dragbar-handle-width, var(--spectrum-global-dimension-static-size-25));
        height: 100%;
      }

[dir="ltr"] .spectrum-SplitView-splitter.is-collapsed-start .spectrum-SplitView-gripper {
      left: 0;
}

[dir="rtl"] .spectrum-SplitView-splitter.is-collapsed-start .spectrum-SplitView-gripper {
      right: 0;
}

[dir="ltr"] .spectrum-SplitView-splitter.is-collapsed-end .spectrum-SplitView-gripper {
      right: 0;
}

[dir="rtl"] .spectrum-SplitView-splitter.is-collapsed-end .spectrum-SplitView-gripper {
      left: 0;
}

[dir="ltr"] .spectrum-SplitView-splitter.is-collapsed-end .spectrum-SplitView-gripper {
      left: auto;
}

[dir="rtl"] .spectrum-SplitView-splitter.is-collapsed-end .spectrum-SplitView-gripper {
      right: auto;
}

.spectrum-SplitView--vertical {
  -ms-flex-direction: column;
      flex-direction: column;
}

.spectrum-SplitView--vertical .spectrum-SplitView-pane {
    height: auto;
    width: var(--spectrum-splitview-vertical-width);
  }

[dir="ltr"] .spectrum-SplitView--vertical .spectrum-SplitView-gripper {
    left: var(--spectrum-splitview-vertical-gripper-width);
}

[dir="rtl"] .spectrum-SplitView--vertical .spectrum-SplitView-gripper {
    right: var(--spectrum-splitview-vertical-gripper-width);
}

.spectrum-SplitView--vertical .spectrum-SplitView-gripper {
    top: calc((var(--spectrum-dragbar-gripper-width, var(--spectrum-global-dimension-static-size-50)) + 2 * var(--spectrum-dragbar-gripper-border-width-horizontal, 3px) - var(--spectrum-dragbar-handle-width, var(--spectrum-global-dimension-static-size-25))) / 2 * -1);

    transform: translate(
      calc(-1 * var(--spectrum-splitview-vertical-gripper-width)),
      0
    );
    width: var(--spectrum-dragbar-gripper-height, var(--spectrum-global-dimension-static-size-200));
    height: var(--spectrum-dragbar-gripper-width, var(--spectrum-global-dimension-static-size-50));
    border-top-width: var(--spectrum-dragbar-gripper-border-width-horizontal, 3px);
    border-bottom-width: var(--spectrum-dragbar-gripper-border-width-horizontal, 3px);
    border-left-width: var(--spectrum-dragbar-gripper-border-width-vertical, 4px);
    border-right-width: var(--spectrum-dragbar-gripper-border-width-vertical, 4px);
  }

.spectrum-SplitView--vertical .spectrum-SplitView-splitter {
    width: var(--spectrum-splitview-vertical-width);
    height: var(--spectrum-dragbar-handle-width, var(--spectrum-global-dimension-static-size-25));
  }

[dir="ltr"] .spectrum-SplitView--vertical .spectrum-SplitView-splitter.is-collapsed-start .spectrum-SplitView-gripper,[dir="ltr"]  .spectrum-SplitView--vertical .spectrum-SplitView-splitter.is-collapsed-end .spectrum-SplitView-gripper {
        left: var(--spectrum-splitview-vertical-gripper-width);
}

[dir="rtl"] .spectrum-SplitView--vertical .spectrum-SplitView-splitter.is-collapsed-start .spectrum-SplitView-gripper,[dir="rtl"]  .spectrum-SplitView--vertical .spectrum-SplitView-splitter.is-collapsed-end .spectrum-SplitView-gripper {
        right: var(--spectrum-splitview-vertical-gripper-width);
}

[dir="ltr"] .spectrum-SplitView--vertical .spectrum-SplitView-splitter.is-collapsed-start .spectrum-SplitView-gripper:before,[dir="ltr"]  .spectrum-SplitView--vertical .spectrum-SplitView-splitter.is-collapsed-end .spectrum-SplitView-gripper:before {
          left: var(--spectrum-splitview-vertical-gripper-reset);
}

[dir="rtl"] .spectrum-SplitView--vertical .spectrum-SplitView-splitter.is-collapsed-start .spectrum-SplitView-gripper:before,[dir="rtl"]  .spectrum-SplitView--vertical .spectrum-SplitView-splitter.is-collapsed-end .spectrum-SplitView-gripper:before {
          right: var(--spectrum-splitview-vertical-gripper-reset);
}

.spectrum-SplitView--vertical .spectrum-SplitView-splitter.is-collapsed-start .spectrum-SplitView-gripper:before, .spectrum-SplitView--vertical .spectrum-SplitView-splitter.is-collapsed-end .spectrum-SplitView-gripper:before {
          top: calc(var(--spectrum-splitview-vertical-gripper-width) - var(--spectrum-dragbar-handle-width, var(--spectrum-global-dimension-static-size-25)) / 2);
          width: var(--spectrum-splitview-vertical-gripper-outer-width);
          height: var(--spectrum-dragbar-handle-width, var(--spectrum-global-dimension-static-size-25));
        }

.spectrum-SplitView--vertical .spectrum-SplitView-splitter.is-collapsed-start .spectrum-SplitView-gripper {
        top: var(--spectrum-splitview-vertical-gripper-reset);
      }

.spectrum-SplitView--vertical .spectrum-SplitView-splitter.is-collapsed-end .spectrum-SplitView-gripper {
        top: auto;
        bottom: var(--spectrum-splitview-vertical-gripper-reset);
      }

.spectrum-SplitView-pane {
  background-color: var(--spectrum-panel-s-background-color, var(--spectrum-alias-toolbar-background-color));
}

.spectrum-SplitView-splitter {
  background-color: var(--spectrum-dragbar-handle-background-color, var(--spectrum-global-color-gray-300));
}

.spectrum-SplitView-gripper {
  border-color: var(--spectrum-dragbar-handle-background-color, var(--spectrum-global-color-gray-300));
}

.spectrum-SplitView-gripper:before {
    background-color: var(--spectrum-dragbar-handle-background-color, var(--spectrum-global-color-gray-300));
  }

.spectrum-SplitView-splitter.is-draggable:hover,
    .spectrum-SplitView-splitter.is-draggable.is-hovered {
      background-color: var(--spectrum-dragbar-handle-background-color-hover, var(--spectrum-global-color-gray-400));
    }

.spectrum-SplitView-splitter.is-draggable:hover .spectrum-SplitView-gripper, .spectrum-SplitView-splitter.is-draggable.is-hovered .spectrum-SplitView-gripper {
        border-color: var(--spectrum-dragbar-handle-background-color-hover, var(--spectrum-global-color-gray-400));
      }

.spectrum-SplitView-splitter.is-draggable:hover .spectrum-SplitView-gripper:before, .spectrum-SplitView-splitter.is-draggable.is-hovered .spectrum-SplitView-gripper:before {
          background-color: var(--spectrum-dragbar-handle-background-color-hover, var(--spectrum-global-color-gray-400));
        }

.spectrum-SplitView-splitter.is-draggable:active,
    .spectrum-SplitView-splitter.is-draggable.is-active {
      background-color: var(--spectrum-dragbar-handle-background-color-down, var(--spectrum-global-color-gray-800));
    }

.spectrum-SplitView-splitter.is-draggable:active .spectrum-SplitView-gripper, .spectrum-SplitView-splitter.is-draggable.is-active .spectrum-SplitView-gripper {
        border-color: var(--spectrum-dragbar-handle-background-color-down, var(--spectrum-global-color-gray-800));
      }

.spectrum-SplitView-splitter.is-draggable:active .spectrum-SplitView-gripper:before, .spectrum-SplitView-splitter.is-draggable.is-active .spectrum-SplitView-gripper:before {
          background-color: var(--spectrum-dragbar-handle-background-color-down, var(--spectrum-global-color-gray-800));
        }

.spectrum-SplitView-splitter.is-draggable:focus {
      outline: none;
    }

.spectrum-SplitView-splitter.is-draggable.focus-ring {
      background-color: var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
    }

.spectrum-SplitView-splitter.is-draggable.focus-ring .spectrum-SplitView-gripper {
        border-color: var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
        box-shadow: 0 0 0 1px var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
      }

.spectrum-SplitView-splitter.is-draggable.focus-ring .spectrum-SplitView-gripper:before {
          background-color: var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
        }

.spectrum-StatusLight--sizeS {
  --spectrum-statuslight-info-text-padding-bottom: var(--spectrum-statuslight-s-info-text-padding-bottom);
  --spectrum-statuslight-info-dot-border-radius: var(--spectrum-statuslight-s-info-dot-border-radius, var(--spectrum-global-dimension-static-percent-50));
  --spectrum-statuslight-info-dot-margin-top: var(--spectrum-statuslight-s-info-dot-margin-top, var(--spectrum-global-dimension-size-100));
  --spectrum-statuslight-info-dot-size: var(--spectrum-statuslight-s-info-dot-size, var(--spectrum-global-dimension-static-size-100));
  --spectrum-statuslight-info-text-gap: var(--spectrum-statuslight-s-info-text-gap, var(--spectrum-global-dimension-size-115));
  --spectrum-statuslight-info-text-size: var(--spectrum-statuslight-s-info-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-statuslight-info-text-padding-top: var(--spectrum-statuslight-s-info-text-padding-top, var(--spectrum-global-dimension-static-size-50));
  --spectrum-statuslight-info-text-font-weight: var(--spectrum-statuslight-s-info-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-statuslight-info-text-line-height: var(--spectrum-statuslight-s-info-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-statuslight-info-height: var(--spectrum-statuslight-s-info-height, var(--spectrum-global-dimension-size-300));
}

.spectrum-StatusLight--sizeM {
  --spectrum-statuslight-info-dot-border-radius: var(--spectrum-statuslight-m-info-dot-border-radius, var(--spectrum-global-dimension-static-percent-50));
  --spectrum-statuslight-info-dot-margin-top: var(--spectrum-statuslight-m-info-dot-margin-top, var(--spectrum-global-dimension-size-130));
  --spectrum-statuslight-info-dot-size: var(--spectrum-statuslight-m-info-dot-size, var(--spectrum-global-dimension-size-100));
  --spectrum-statuslight-info-text-gap: var(--spectrum-statuslight-m-info-text-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-statuslight-info-text-size: var(--spectrum-statuslight-m-info-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-statuslight-info-text-padding-top: var(--spectrum-statuslight-m-info-text-padding-top, var(--spectrum-global-dimension-size-75));
  --spectrum-statuslight-info-text-padding-bottom: var(--spectrum-statuslight-m-info-text-padding-bottom, var(--spectrum-global-dimension-size-115));
  --spectrum-statuslight-info-text-font-weight: var(--spectrum-statuslight-m-info-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-statuslight-info-text-line-height: var(--spectrum-statuslight-m-info-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-statuslight-info-height: var(--spectrum-statuslight-m-info-height, var(--spectrum-global-dimension-size-400));
}

.spectrum-StatusLight--sizeL {
  --spectrum-statuslight-info-dot-size: var(--spectrum-statuslight-l-info-dot-size);
  --spectrum-statuslight-info-text-padding-top: var(--spectrum-statuslight-l-info-text-padding-top);
  --spectrum-statuslight-info-dot-border-radius: var(--spectrum-statuslight-l-info-dot-border-radius, var(--spectrum-global-dimension-static-percent-50));
  --spectrum-statuslight-info-dot-margin-top: var(--spectrum-statuslight-l-info-dot-margin-top, var(--spectrum-global-dimension-size-185));
  --spectrum-statuslight-info-text-gap: var(--spectrum-statuslight-l-info-text-gap, var(--spectrum-global-dimension-size-130));
  --spectrum-statuslight-info-text-size: var(--spectrum-statuslight-l-info-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-statuslight-info-text-padding-bottom: var(--spectrum-statuslight-l-info-text-padding-bottom, var(--spectrum-global-dimension-size-130));
  --spectrum-statuslight-info-text-font-weight: var(--spectrum-statuslight-l-info-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-statuslight-info-text-line-height: var(--spectrum-statuslight-l-info-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-statuslight-info-height: var(--spectrum-statuslight-l-info-height, var(--spectrum-global-dimension-size-500));
}

.spectrum-StatusLight--sizeXL {
  --spectrum-statuslight-info-dot-size: var(--spectrum-statuslight-xl-info-dot-size);
  --spectrum-statuslight-info-dot-border-radius: var(--spectrum-statuslight-xl-info-dot-border-radius, var(--spectrum-global-dimension-static-percent-50));
  --spectrum-statuslight-info-dot-margin-top: var(--spectrum-statuslight-xl-info-dot-margin-top, var(--spectrum-global-dimension-size-250));
  --spectrum-statuslight-info-text-gap: var(--spectrum-statuslight-xl-info-text-gap, var(--spectrum-global-dimension-size-160));
  --spectrum-statuslight-info-text-size: var(--spectrum-statuslight-xl-info-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-statuslight-info-text-padding-top: var(--spectrum-statuslight-xl-info-text-padding-top, var(--spectrum-global-dimension-size-150));
  --spectrum-statuslight-info-text-padding-bottom: var(--spectrum-statuslight-xl-info-text-padding-bottom, var(--spectrum-global-dimension-size-175));
  --spectrum-statuslight-info-text-font-weight: var(--spectrum-statuslight-xl-info-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-statuslight-info-text-line-height: var(--spectrum-statuslight-xl-info-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-statuslight-info-height: var(--spectrum-statuslight-xl-info-height, var(--spectrum-global-dimension-size-600));
}

.spectrum-StatusLight {
  --spectrum-statuslight-info-dot-resolved-margin-top: calc(var(--spectrum-statuslight-info-dot-margin-top) - var(--spectrum-statuslight-info-text-padding-top));
  
  display: -ms-flexbox;
  
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;

  min-height: var(--spectrum-statuslight-info-height);

  padding-top: var(--spectrum-statuslight-info-text-padding-top);

  padding-bottom: var(--spectrum-statuslight-info-text-padding-bottom);
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;

  font-size: var(--spectrum-statuslight-info-text-size);
  font-weight: var(--spectrum-statuslight-info-text-font-weight);
  line-height: var(--spectrum-statuslight-info-text-line-height);
}

[dir="ltr"] .spectrum-StatusLight::before {
    margin-left: var(--spectrum-global-dimension-size-0);
    margin-right: var(--spectrum-statuslight-info-text-gap);
}

[dir="rtl"] .spectrum-StatusLight::before {
    margin-right: var(--spectrum-global-dimension-size-0);
    margin-left: var(--spectrum-statuslight-info-text-gap);
}

.spectrum-StatusLight::before {
    content: "";
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: inline-block;
    width: var(--spectrum-statuslight-info-dot-size);
    height: var(--spectrum-statuslight-info-dot-size);
    border-radius: var(--spectrum-statuslight-info-dot-border-radius);

    margin-top: var(--spectrum-statuslight-info-dot-resolved-margin-top);

    margin-bottom: var(--spectrum-global-dimension-size-0);
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
  }

.spectrum-StatusLight--neutral {
  font-style: italic;
}

.spectrum-StatusLight {
  color: var(--spectrum-statuslight-m-info-text-color, var(--spectrum-alias-text-color));
}

.spectrum-StatusLight[disabled],
  .spectrum-StatusLight.is-disabled {
    color: var(--spectrum-statuslight-m-info-text-color-disabled, var(--spectrum-alias-text-color-disabled));
  }

.spectrum-StatusLight[disabled]::before, .spectrum-StatusLight.is-disabled::before {
      background-color: var(--spectrum-statuslight-m-info-dot-color-disabled, var(--spectrum-global-color-gray-400));
    }

.spectrum-StatusLight--negative::before {
  background-color: var(--spectrum-statuslight-m-negative-dot-color, var(--spectrum-semantic-negative-status-color));
}

.spectrum-StatusLight--notice::before {
  background-color: var(--spectrum-statuslight-m-notice-dot-color, var(--spectrum-semantic-notice-status-color));
}

.spectrum-StatusLight--positive::before {
  background-color: var(--spectrum-statuslight-m-positive-dot-color, var(--spectrum-semantic-positive-status-color));
}

.spectrum-StatusLight--info::before,
/** @deprecated */.spectrum-StatusLight--active::before {
  background-color: var(--spectrum-statuslight-m-info-dot-color, var(--spectrum-semantic-informative-status-color));
}

.spectrum-StatusLight--neutral {
  color: var(--spectrum-statuslight-m-neutral-text-color, var(--spectrum-alias-label-text-color));
}

.spectrum-StatusLight--neutral::before {
    background-color: var(--spectrum-statuslight-m-neutral-dot-color, var(--spectrum-global-color-gray-500));
  }

.spectrum-StatusLight--celery::before {
  background-color: var(--spectrum-statuslight-m-celery-dot-color, var(--spectrum-global-color-celery-400));
}

.spectrum-StatusLight--yellow::before {
  background-color: var(--spectrum-statuslight-m-yellow-dot-color, var(--spectrum-global-color-yellow-400));
}

.spectrum-StatusLight--fuchsia::before {
  background-color: var(--spectrum-statuslight-m-fuchsia-dot-color, var(--spectrum-global-color-fuchsia-400));
}

.spectrum-StatusLight--indigo::before {
  background-color: var(--spectrum-statuslight-m-indigo-dot-color, var(--spectrum-global-color-indigo-400));
}

.spectrum-StatusLight--seafoam::before {
  background-color: var(--spectrum-statuslight-m-seafoam-dot-color, var(--spectrum-global-color-seafoam-400));
}

.spectrum-StatusLight--chartreuse::before {
  background-color: var(--spectrum-statuslight-m-chartreuse-dot-color, var(--spectrum-global-color-chartreuse-400));
}

.spectrum-StatusLight--magenta::before {
  background-color: var(--spectrum-statuslight-m-magenta-dot-color, var(--spectrum-global-color-magenta-400));
}

.spectrum-StatusLight--purple::before {
  background-color: var(--spectrum-statuslight-m-purple-dot-color, var(--spectrum-global-color-purple-400));
}

.spectrum-Steplist {
  --spectrum-steplist-step-width: 80px;
  --spectrum-steplist-marker-diameter: 8px;
  --spectrum-steplist-marker-hitArea: 20px;
  --spectrum-steplist-segment-height: 2px;
  --spectrum-steplist-topPadding: 22px;
  --spectrum-steplist-small-topPadding: 11px;
  --spectrum-steplist-sidePadding: 60px;
  --spectrum-steplist-label-labelOffset: 10px;
  --spectrum-steplist-label-text-size: 12px;
}

[dir="ltr"] .spectrum-Steplist {
  padding-left: var(--spectrum-steplist-sidePadding);
}

[dir="rtl"] .spectrum-Steplist {
  padding-right: var(--spectrum-steplist-sidePadding);
}

[dir="ltr"] .spectrum-Steplist {
  padding-right: var(--spectrum-steplist-sidePadding);
}

[dir="rtl"] .spectrum-Steplist {
  padding-left: var(--spectrum-steplist-sidePadding);
}

.spectrum-Steplist {
  z-index: 0;
  position: relative;

  display: block;
  vertical-align: top;
  margin: 0;
  padding-top: var(--spectrum-steplist-topPadding);

  text-align: center;
  white-space: nowrap;
  font-size: 0;
  line-height: 16px;
}

.spectrum-Steplist--interactive .spectrum-Steplist-label,
  .spectrum-Steplist--interactive .spectrum-Steplist-markerContainer {
    cursor: pointer;
  }

.spectrum-Steplist--small {
  padding-top: var(--spectrum-steplist-small-topPadding);
  padding-bottom: var(--spectrum-steplist-small-topPadding);
  padding-left: 0;
  padding-right: 0;
}

[dir="ltr"] .spectrum-Steplist--small .spectrum-Steplist-item {
    padding-left: 0;
    padding-right: 40px;
}

[dir="rtl"] .spectrum-Steplist--small .spectrum-Steplist-item {
    padding-right: 0;
    padding-left: 40px;
}

.spectrum-Steplist--small .spectrum-Steplist-item {
    padding-top: 0;
    padding-bottom: 0;
    width: 80px;
  }

.spectrum-Steplist--small .spectrum-Steplist-item .spectrum-Steplist-label {
      display: none;
    }

.spectrum-Steplist--small .spectrum-Steplist-item:first-child, .spectrum-Steplist--small .spectrum-Steplist-item:last-child {
      width: 20px;
    }

[dir="ltr"] .spectrum-Steplist--small .spectrum-Steplist-item:first-child .spectrum-Steplist-markerContainer {
        margin-left: -10px;
}

[dir="rtl"] .spectrum-Steplist--small .spectrum-Steplist-item:first-child .spectrum-Steplist-markerContainer {
        margin-right: -10px;
}

[dir="ltr"] .spectrum-Steplist--small .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer {
        margin-right: -10px;
}

[dir="rtl"] .spectrum-Steplist--small .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer {
        margin-left: -10px;
}

[dir="ltr"] .spectrum-Steplist-item {
  padding-left: 0;
  padding-right: calc(var(--spectrum-steplist-step-width) / 2);
}

[dir="rtl"] .spectrum-Steplist-item {
  padding-right: 0;
  padding-left: calc(var(--spectrum-steplist-step-width) / 2);
}

.spectrum-Steplist-item {
  outline: none;
  position: relative;
  display: inline-block;
  margin: 0;
  vertical-align: bottom;

  box-sizing: content-box;
  width: var(--spectrum-steplist-step-width);
  padding-top: 0;
  padding-bottom: 0;
}

.spectrum-Steplist-item.is-complete .spectrum-Steplist-marker {
      border: none;
    }

.spectrum-Steplist-item.is-complete + .spectrum-Steplist-item .spectrum-Steplist-segment {
      border-bottom-width: var(--spectrum-steplist-segment-height);
      border-bottom-style: solid;
    }

.spectrum-Steplist-item.is-selected:focus,
    .spectrum-Steplist-item.is-selected.is-focused,
    .spectrum-Steplist-item.is-selected *:focus {
      outline: none;
    }

.spectrum-Steplist-item.is-selected .spectrum-Steplist-marker {
      border: none;
    }

[dir="ltr"] .spectrum-Steplist-label {
  left: 50%;
}

[dir="rtl"] .spectrum-Steplist-label {
  right: 50%;
}

.spectrum-Steplist-label {
  position: absolute;
  bottom: var(--spectrum-steplist-label-labelOffset);

  display: block;
  width: calc(var(--spectrum-steplist-step-width) * 1.5);

  font-size: var(--spectrum-steplist-label-text-size);
  white-space: normal;

  transform: translateX(-50%);
}

[dir="rtl"] .spectrum-Steplist-label {
    transform: translateX(50%);
  }

[dir="ltr"] .spectrum-Steplist-markerContainer {
  left: 50%;
}

[dir="rtl"] .spectrum-Steplist-markerContainer {
  right: 50%;
}

[dir="ltr"] .spectrum-Steplist-markerContainer {

  margin-left: calc(-1 * var(--spectrum-steplist-marker-hitArea) / 2);
}

[dir="rtl"] .spectrum-Steplist-markerContainer {

  margin-right: calc(-1 * var(--spectrum-steplist-marker-hitArea) / 2);
}

.spectrum-Steplist-markerContainer {
  display: block;

  z-index: 2;
  position: absolute;
  bottom: -10px;

  width: var(--spectrum-steplist-marker-hitArea);
  height: var(--spectrum-steplist-marker-hitArea);
}

[dir="ltr"] .spectrum-Steplist-marker {
  left: 50%;
}

[dir="rtl"] .spectrum-Steplist-marker {
  right: 50%;
}

[dir="ltr"] .spectrum-Steplist-marker {
  margin-left: calc(-1 * var(--spectrum-steplist-marker-diameter) / 2);
}

[dir="rtl"] .spectrum-Steplist-marker {
  margin-right: calc(-1 * var(--spectrum-steplist-marker-diameter) / 2);
}

.spectrum-Steplist-marker {
  box-sizing: border-box;
  display: block;

  position: absolute;
  top: 50%;
  margin-top: calc(-1 * var(--spectrum-steplist-marker-diameter) / 2);

  width: var(--spectrum-steplist-marker-diameter);
  height: var(--spectrum-steplist-marker-diameter);

  border-radius: var(--spectrum-steplist-marker-diameter);

  border: 2px solid;
  border-color: transparent;
  background: transparent;
}

[dir="ltr"] .spectrum-Steplist-segment {
  right: calc(var(--spectrum-steplist-step-width) - var(--spectrum-steplist-marker-diameter) * 1.5);
}

[dir="rtl"] .spectrum-Steplist-segment {
  left: calc(var(--spectrum-steplist-step-width) - var(--spectrum-steplist-marker-diameter) * 1.5);
}

.spectrum-Steplist-segment {
  display: block;
  z-index: 1;
  position: absolute;

  box-sizing: content-box;
  width: calc(var(--spectrum-steplist-step-width) * 1.5 - var(--spectrum-steplist-marker-diameter) * 2);
  bottom: calc(-1 * var(--spectrum-steplist-segment-height) / 2);
  border-bottom-width: var(--spectrum-steplist-segment-height);
  border-bottom-style: dashed;
}

[dir="ltr"] .spectrum-Steplist-item:first-child .spectrum-Steplist-markerContainer {
    left: 0;
}

[dir="rtl"] .spectrum-Steplist-item:first-child .spectrum-Steplist-markerContainer {
    right: 0;
}

[dir="ltr"] .spectrum-Steplist-item:first-child .spectrum-Steplist-label {
    left: 0;
}

[dir="rtl"] .spectrum-Steplist-item:first-child .spectrum-Steplist-label {
    right: 0;
}

.spectrum-Steplist-item:first-child .spectrum-Steplist-segment {
    display: none;
  }

[dir="ltr"] .spectrum-Steplist-item:last-child .spectrum-Steplist-label {
    left: auto;
}

[dir="rtl"] .spectrum-Steplist-item:last-child .spectrum-Steplist-label {
    right: auto;
}

[dir="ltr"] .spectrum-Steplist-item:last-child .spectrum-Steplist-label {
    right: 0;
}

[dir="rtl"] .spectrum-Steplist-item:last-child .spectrum-Steplist-label {
    left: 0;
}

.spectrum-Steplist-item:last-child .spectrum-Steplist-label {

    transform: translateX(50%);
  }

[dir="rtl"] .spectrum-Steplist-item:last-child .spectrum-Steplist-label {
      transform: translateX(-50%);
    }

[dir="ltr"] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer {
    left: auto;
}

[dir="rtl"] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer {
    right: auto;
}

[dir="ltr"] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer {
    right: 0;
}

[dir="rtl"] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer {
    left: 0;
}

[dir="ltr"] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer {

    margin-left: 0;
}

[dir="rtl"] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer {

    margin-right: 0;
}

[dir="ltr"] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer {
    margin-right: calc(-1 * var(--spectrum-steplist-marker-hitArea) / 2);
}

[dir="rtl"] .spectrum-Steplist-item:last-child .spectrum-Steplist-markerContainer {
    margin-left: calc(-1 * var(--spectrum-steplist-marker-hitArea) / 2);
}

[dir="ltr"] .spectrum-Steplist-item:last-child .spectrum-Steplist-segment {
    right: var(--spectrum-steplist-marker-diameter);
}

[dir="rtl"] .spectrum-Steplist-item:last-child .spectrum-Steplist-segment {
    left: var(--spectrum-steplist-marker-diameter);
}

[dir="ltr"] .spectrum-Steplist-item:last-child .spectrum-Steplist-segment {
    left: auto;
}

[dir="rtl"] .spectrum-Steplist-item:last-child .spectrum-Steplist-segment {
    right: auto;
}

.spectrum-Steplist-item:first-child,
.spectrum-Steplist-item:last-child {
  width: calc(var(--spectrum-steplist-step-width) / 2 - var(--spectrum-steplist-marker-diameter) * 2.5);
}

[dir="ltr"] .spectrum-Steplist-item:only-child .spectrum-Steplist-label {
    left: 50%;
}

[dir="rtl"] .spectrum-Steplist-item:only-child .spectrum-Steplist-label {
    right: 50%;
}

.spectrum-Steplist-item:only-child .spectrum-Steplist-label {
    transform: translate(-50%);
  }

[dir="rtl"] .spectrum-Steplist-item:only-child .spectrum-Steplist-label {
      transform: translateX(50%);
    }

[dir="ltr"] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer {
    left: 50%;
}

[dir="rtl"] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer {
    right: 50%;
}

[dir="ltr"] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer {
    margin-right: 0;
}

[dir="rtl"] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer {
    margin-left: 0;
}

[dir="ltr"] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer {
    margin-left: calc(-1 * var(--spectrum-steplist-marker-hitArea) / 2);
}

[dir="rtl"] .spectrum-Steplist-item:only-child .spectrum-Steplist-markerContainer {
    margin-right: calc(-1 * var(--spectrum-steplist-marker-hitArea) / 2);
}

.spectrum-Steplist .spectrum-Steplist-label {
    color: var(--spectrum-steplist-incomplete-label-text-color, var(--spectrum-global-color-gray-600))
  }

.spectrum-Steplist .spectrum-Steplist-marker {
    border-color: var(--spectrum-steplist-incomplete-marker-color, var(--spectrum-global-color-gray-300))
  }

.spectrum-Steplist .spectrum-Steplist-segment {
    border-bottom-color: var(--spectrum-steplist-incomplete-segment-color, var(--spectrum-global-color-gray-300))
  }

.spectrum-Steplist .spectrum-Steplist-item.is-complete .spectrum-Steplist-label {
        color: var(--spectrum-steplist-complete-label-text-color, var(--spectrum-global-color-gray-700))
      }

.spectrum-Steplist .spectrum-Steplist-item.is-complete .spectrum-Steplist-marker {
        background-color: var(--spectrum-steplist-complete-marker-color, var(--spectrum-global-color-gray-600))
      }

.spectrum-Steplist .spectrum-Steplist-item.is-selected .spectrum-Steplist-label {
        color: var(--spectrum-steplist-current-label-text-color, var(--spectrum-global-color-gray-800))
      }

.spectrum-Steplist .spectrum-Steplist-item.is-selected .spectrum-Steplist-marker {
        background-color: var(--spectrum-steplist-current-marker-color, var(--spectrum-global-color-gray-800))
      }

.spectrum-Steplist .spectrum-Steplist-item.is-complete .spectrum-Steplist-segment, .spectrum-Steplist .spectrum-Steplist-item.is-selected .spectrum-Steplist-segment {
        border-bottom-color: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-600))
      }

.spectrum-Steplist.spectrum-Steplist--interactive .spectrum-Steplist-item:focus .spectrum-Steplist-marker, .spectrum-Steplist.spectrum-Steplist--interactive .spectrum-Steplist-item.is-focused .spectrum-Steplist-marker, .spectrum-Steplist.spectrum-Steplist--interactive .spectrum-Steplist-item *:focus .spectrum-Steplist-marker {
          background-color: var(--spectrum-steplist-current-marker-color-key-focus, var(--spectrum-alias-focus-color))
        }

.spectrum-Stepper {

  --spectrum-stepper-width: var(--spectrum-global-dimension-size-900);
  --spectrum-stepper-border-size: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));

  --spectrum-stepper-button-height: calc(var(--spectrum-alias-single-line-height, var(--spectrum-global-dimension-size-400)) / 2);
  --spectrum-stepper-button-width: calc(var(--spectrum-global-dimension-size-300) - var(--spectrum-stepper-border-size));

  --spectrum-stepper-button-padding: calc(var(--spectrum-global-dimension-size-150) / 2);
  --spectrum-stepper-border-radius-reset: 0;
  --spectrum-stepper-border-size-reset: 0;

  --spectrum-stepper-icon-nudge-top: var(--spectrum-global-dimension-size-10);
  --spectrum-stepper-icon-nudge: var(--spectrum-global-dimension-size-25);

  --spectrum-stepper-quiet-width: var(--spectrum-global-dimension-size-600);
  --spectrum-stepper-button-offset: calc(var(--spectrum-stepper-button-width) / 2 - var(--spectrum-alias-ui-icon-chevron-size-75) / 2);
  --spectrum-stepper-quiet-button-width: calc(var(--spectrum-stepper-button-width) - var(--spectrum-stepper-button-offset));
}

.spectrum-Stepper {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;

  width: var(--spectrum-stepper-width);
  line-height: 0;
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
  transition: border-color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
}

.spectrum-Stepper::before {
  content: '';
}

[dir="ltr"] .spectrum-Stepper-buttons {
  border-top-left-radius: 0;
}

[dir="rtl"] .spectrum-Stepper-buttons {
  border-top-right-radius: 0;
}

[dir="ltr"] .spectrum-Stepper-buttons {
  border-top-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
}

[dir="rtl"] .spectrum-Stepper-buttons {
  border-top-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
}

[dir="ltr"] .spectrum-Stepper-buttons {
  border-bottom-right-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
}

[dir="rtl"] .spectrum-Stepper-buttons {
  border-bottom-left-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
}

[dir="ltr"] .spectrum-Stepper-buttons {
  border-bottom-left-radius: 0;
}

[dir="rtl"] .spectrum-Stepper-buttons {
  border-bottom-right-radius: 0;
}

.spectrum-Stepper-buttons {
  display: block;
  transition: box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
}

[dir="ltr"] .spectrum-Stepper-stepUp,[dir="ltr"] 
.spectrum-Stepper-stepDown {

  padding-left: var(--spectrum-stepper-button-padding);
}

[dir="rtl"] .spectrum-Stepper-stepUp,[dir="rtl"] 
.spectrum-Stepper-stepDown {

  padding-right: var(--spectrum-stepper-button-padding);
}

[dir="ltr"] .spectrum-Stepper-stepUp,[dir="ltr"] 
.spectrum-Stepper-stepDown {
  padding-right: var(--spectrum-stepper-button-padding);
}

[dir="rtl"] .spectrum-Stepper-stepUp,[dir="rtl"] 
.spectrum-Stepper-stepDown {
  padding-left: var(--spectrum-stepper-button-padding);
}

[dir="ltr"] .spectrum-Stepper-stepUp,[dir="ltr"] 
.spectrum-Stepper-stepDown {
  border-left-width: var(--spectrum-stepper-border-size-reset);
}

[dir="rtl"] .spectrum-Stepper-stepUp,[dir="rtl"] 
.spectrum-Stepper-stepDown {
  border-right-width: var(--spectrum-stepper-border-size-reset);
}

[dir="ltr"] .spectrum-Stepper-stepUp,[dir="ltr"] 
.spectrum-Stepper-stepDown {

  border-top-left-radius: var(--spectrum-stepper-border-radius-reset);
}

[dir="rtl"] .spectrum-Stepper-stepUp,[dir="rtl"] 
.spectrum-Stepper-stepDown {

  border-top-right-radius: var(--spectrum-stepper-border-radius-reset);
}

[dir="ltr"] .spectrum-Stepper-stepUp,[dir="ltr"] 
.spectrum-Stepper-stepDown {
  border-bottom-left-radius: var(--spectrum-stepper-border-radius-reset);
}

[dir="rtl"] .spectrum-Stepper-stepUp,[dir="rtl"] 
.spectrum-Stepper-stepDown {
  border-bottom-right-radius: var(--spectrum-stepper-border-radius-reset);
}

.spectrum-Stepper-stepUp,
.spectrum-Stepper-stepDown {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;

  height: var(--spectrum-stepper-button-height);
  width: var(--spectrum-stepper-button-width);
  min-width: 0;
  margin: 0 !important;

  border-width: var(--spectrum-stepper-border-size);
}

.spectrum-Stepper-stepUp .spectrum-Icon, .spectrum-Stepper-stepDown .spectrum-Icon {
    margin: 0 !important;
    opacity: 1;
  }

[dir="ltr"] .spectrum-Stepper-stepUp {
  border-bottom-right-radius: var(--spectrum-stepper-border-radius-reset);
}

[dir="rtl"] .spectrum-Stepper-stepUp {
  border-bottom-left-radius: var(--spectrum-stepper-border-radius-reset);
}

.spectrum-Stepper-stepUp {
  border-bottom: none;

  padding-top: var(--spectrum-stepper-icon-nudge-top);
}

[dir="ltr"] .spectrum-Stepper-stepDown {
  border-top-right-radius: var(--spectrum-stepper-border-radius-reset);
}

[dir="rtl"] .spectrum-Stepper-stepDown {
  border-top-left-radius: var(--spectrum-stepper-border-radius-reset);
}

.spectrum-Stepper-stepDown {

  padding-bottom: var(--spectrum-stepper-icon-nudge);
}

.spectrum-Stepper-textfield {
  -ms-flex: 1;
      flex: 1;
  width: auto;
}

[dir="ltr"] .spectrum-Stepper-input {
  border-top-right-radius: var(--spectrum-stepper-border-radius-reset);
}

[dir="rtl"] .spectrum-Stepper-input {
  border-top-left-radius: var(--spectrum-stepper-border-radius-reset);
}

[dir="ltr"] .spectrum-Stepper-input {
  border-bottom-right-radius: var(--spectrum-stepper-border-radius-reset);
}

[dir="rtl"] .spectrum-Stepper-input {
  border-bottom-left-radius: var(--spectrum-stepper-border-radius-reset);
}

.spectrum-Stepper-input {
  min-width: 0;
}

.spectrum-Stepper-textfield {
  min-width: 0;
}

.spectrum-Stepper--quiet {
  border-radius: var(--spectrum-stepper-border-radius-reset);
  width: var(--spectrum-stepper-quiet-width);
}

.spectrum-Stepper--quiet .spectrum-Stepper-buttons {
    border-radius: var(--spectrum-stepper-border-radius-reset);
  }

[dir="ltr"] .spectrum-Stepper--quiet .spectrum-Stepper-stepUp,[dir="ltr"] 
  .spectrum-Stepper--quiet .spectrum-Stepper-stepDown {

    border-right-width: var(--spectrum-stepper-border-size-reset);
}

[dir="rtl"] .spectrum-Stepper--quiet .spectrum-Stepper-stepUp,[dir="rtl"] 
  .spectrum-Stepper--quiet .spectrum-Stepper-stepDown {

    border-left-width: var(--spectrum-stepper-border-size-reset);
}

[dir="ltr"] .spectrum-Stepper--quiet .spectrum-Stepper-stepUp,[dir="ltr"] 
  .spectrum-Stepper--quiet .spectrum-Stepper-stepDown {
    border-left: none;
}

[dir="rtl"] .spectrum-Stepper--quiet .spectrum-Stepper-stepUp,[dir="rtl"] 
  .spectrum-Stepper--quiet .spectrum-Stepper-stepDown {
    border-right: none;
}

[dir="ltr"] .spectrum-Stepper--quiet .spectrum-Stepper-stepUp,[dir="ltr"] 
  .spectrum-Stepper--quiet .spectrum-Stepper-stepDown {

    padding-right: 0;
}

[dir="rtl"] .spectrum-Stepper--quiet .spectrum-Stepper-stepUp,[dir="rtl"] 
  .spectrum-Stepper--quiet .spectrum-Stepper-stepDown {

    padding-left: 0;
}

.spectrum-Stepper--quiet .spectrum-Stepper-stepUp,
  .spectrum-Stepper--quiet .spectrum-Stepper-stepDown {
    width: var(--spectrum-stepper-quiet-button-width);
    min-width: 0;
    border-top: none;
    border-radius: var(--spectrum-stepper-border-radius-reset);
    -ms-flex-pack: end;
        justify-content: flex-end;
  }

[dir="ltr"] .spectrum-Stepper--quiet .spectrum-Stepper-stepUp:after,[dir="ltr"]  .spectrum-Stepper--quiet .spectrum-Stepper-stepDown:after {
      right: calc(var(--spectrum-stepper-button-offset) * -1);
}

[dir="rtl"] .spectrum-Stepper--quiet .spectrum-Stepper-stepUp:after,[dir="rtl"]  .spectrum-Stepper--quiet .spectrum-Stepper-stepDown:after {
      left: calc(var(--spectrum-stepper-button-offset) * -1);
}

.spectrum-Stepper--quiet .spectrum-Stepper-stepUp:after, .spectrum-Stepper--quiet .spectrum-Stepper-stepDown:after {
      content: '';
      position: absolute;
      height: 100%;
      width: var(--spectrum-stepper-button-offset);
    }

.spectrum-Stepper:hover:not(.is-disabled):not(.is-invalid):not(.is-focused):not(.is-keyboardFocused) .spectrum-Stepper-stepUp,
    .spectrum-Stepper:hover:not(.is-disabled):not(.is-invalid):not(.is-focused):not(.is-keyboardFocused) .spectrum-Stepper-stepDown,
    .spectrum-Stepper:hover:not(.is-disabled):not(.is-invalid):not(.is-focused):not(.is-keyboardFocused) .spectrum-Stepper-input {
      border-color: var(--spectrum-textfield-m-texticon-border-color-hover, var(--spectrum-alias-input-border-color-hover));
    }

.spectrum-Stepper.is-focused {
    border-color: var(--spectrum-textfield-m-texticon-border-color-mouse-focus, var(--spectrum-alias-input-border-color-mouse-focus));
  }

.spectrum-Stepper.is-focused .spectrum-Stepper-stepUp,
    .spectrum-Stepper.is-focused .spectrum-Stepper-stepDown {
      border-color: var(--spectrum-textfield-m-texticon-border-color-mouse-focus, var(--spectrum-alias-input-border-color-mouse-focus));
    }

.spectrum-Stepper.is-focused .spectrum-Stepper-input {
      border-color: var(--spectrum-textfield-m-texticon-border-color-mouse-focus, var(--spectrum-alias-input-border-color-mouse-focus));
      box-shadow: none;
    }

.spectrum-Stepper.is-focused.is-invalid {
      border-color: var(--spectrum-textfield-m-texticon-border-color-invalid-mouse-focus, var(--spectrum-alias-input-border-color-invalid-mouse-focus));
    }

.spectrum-Stepper.is-focused.is-invalid .spectrum-Stepper-stepUp,
      .spectrum-Stepper.is-focused.is-invalid .spectrum-Stepper-stepDown {
        border-color: var(--spectrum-textfield-m-texticon-border-color-invalid-mouse-focus, var(--spectrum-alias-input-border-color-invalid-mouse-focus));
      }

.spectrum-Stepper.is-focused.is-invalid .spectrum-Stepper-input {
        border-color: var(--spectrum-textfield-m-texticon-border-color-invalid-mouse-focus, var(--spectrum-alias-input-border-color-invalid-mouse-focus));
      }

.spectrum-Stepper.is-keyboardFocused {
    box-shadow: 0 0 0 1px var(--spectrum-textfield-m-texticon-border-color-key-focus, var(--spectrum-alias-input-border-color-key-focus));
  }

.spectrum-Stepper.is-keyboardFocused .spectrum-Stepper-input,
    .spectrum-Stepper.is-keyboardFocused .spectrum-Stepper-buttons {
      box-shadow: 0 0 0 1px var(--spectrum-textfield-m-texticon-border-color-key-focus, var(--spectrum-alias-input-border-color-key-focus));
    }

.spectrum-Stepper.is-keyboardFocused .spectrum-Stepper-input,
    .spectrum-Stepper.is-keyboardFocused .spectrum-Stepper-stepUp,
    .spectrum-Stepper.is-keyboardFocused .spectrum-Stepper-stepDown {
      border-color: var(--spectrum-textfield-m-texticon-border-color-key-focus, var(--spectrum-alias-input-border-color-key-focus));
    }

.spectrum-Stepper.is-keyboardFocused.is-invalid {
      box-shadow: 0 0 0 1px var(--spectrum-textfield-m-texticon-border-color-invalid-key-focus, var(--spectrum-alias-input-border-color-invalid-key-focus));
    }

.spectrum-Stepper.is-keyboardFocused.is-invalid .spectrum-Stepper-stepUp,
      .spectrum-Stepper.is-keyboardFocused.is-invalid .spectrum-Stepper-stepDown {
        border-color: var(--spectrum-textfield-m-texticon-border-color-invalid-key-focus, var(--spectrum-alias-input-border-color-invalid-key-focus));
      }

.spectrum-Stepper.is-keyboardFocused.is-invalid .spectrum-Stepper-buttons {
        box-shadow: 0 0 0 1px var(--spectrum-textfield-m-texticon-border-color-invalid-key-focus, var(--spectrum-alias-input-border-color-invalid-key-focus));
      }

.spectrum-Stepper.is-invalid .spectrum-Stepper-stepUp,
    .spectrum-Stepper.is-invalid .spectrum-Stepper-stepDown {
      border-color: var(--spectrum-textfield-m-texticon-border-color-invalid, var(--spectrum-alias-input-border-color-invalid-default));
    }

.spectrum-Stepper.is-invalid .spectrum-Stepper-input {
      border-color: var(--spectrum-textfield-m-texticon-border-color-invalid, var(--spectrum-alias-input-border-color-invalid-default));
    }

.spectrum-Stepper.is-invalid.is-keyboardFocused .spectrum-Stepper-input {
        border-color: var(--spectrum-textfield-m-texticon-border-color-invalid-key-focus, var(--spectrum-alias-input-border-color-invalid-key-focus));
        box-shadow: 0 0 0 1px var(--spectrum-textfield-m-texticon-border-color-invalid-key-focus, var(--spectrum-alias-input-border-color-invalid-key-focus));
      }

.spectrum-Stepper.is-invalid.is-keyboardFocused .spectrum-Stepper-buttons {
        box-shadow: 0 0 0 1px var(--spectrum-textfield-m-texticon-border-color-invalid-key-focus, var(--spectrum-alias-input-border-color-invalid-key-focus));
      }

.spectrum-Stepper.is-disabled .spectrum-Stepper-stepUp,
    .spectrum-Stepper.is-disabled .spectrum-Stepper-stepDown {
      border-color: var(--spectrum-textfield-m-texticon-border-color-disabled, var(--spectrum-alias-input-border-color-disabled));
    }

.spectrum-Stepper-stepUp,
.spectrum-Stepper-stepDown {
  border-color: var(--spectrum-textfield-m-texticon-border-color, var(--spectrum-alias-input-border-color-default));
}

.spectrum-Stepper-stepUp:disabled, .spectrum-Stepper-stepDown:disabled {
    border-color: var(--spectrum-textfield-m-texticon-border-color-disabled, var(--spectrum-alias-input-border-color-disabled));
  }

.spectrum-Stepper--quiet.is-disabled .spectrum-Stepper-stepUp,
    .spectrum-Stepper--quiet.is-disabled .spectrum-Stepper-stepDown {
      border-color: var(--spectrum-textfield-m-quiet-texticon-border-color-disabled, var(--spectrum-alias-input-border-color-quiet-disabled));
    }

.spectrum-Stepper--quiet .spectrum-Stepper-stepUp,
  .spectrum-Stepper--quiet .spectrum-Stepper-stepDown {
    border-color: var(--spectrum-textfield-m-quiet-texticon-border-color, var(--spectrum-alias-input-border-color-default));
  }

.spectrum-Stepper--quiet .spectrum-Stepper-stepUp:disabled, .spectrum-Stepper--quiet .spectrum-Stepper-stepDown:disabled {
      border-color: var(--spectrum-textfield-m-quiet-texticon-border-color-disabled, var(--spectrum-alias-input-border-color-quiet-disabled));
    }

.spectrum-Stepper--quiet .spectrum-Stepper-input {
    box-shadow: none;
  }

.spectrum-Stepper--quiet.is-invalid .spectrum-Stepper-input {
      border-color: var(--spectrum-textfield-m-texticon-border-color-invalid, var(--spectrum-alias-input-border-color-invalid-default));
    }

.spectrum-Stepper--quiet.is-invalid .spectrum-Stepper-stepDown {
      border-color: var(--spectrum-textfield-m-texticon-border-color-invalid, var(--spectrum-alias-input-border-color-invalid-default));
    }

.spectrum-Stepper--quiet.is-keyboardFocused,
  .spectrum-Stepper--quiet.is-focused {
    box-shadow: none;
  }

.spectrum-Stepper--quiet.is-keyboardFocused .spectrum-Stepper-buttons,
    .spectrum-Stepper--quiet.is-keyboardFocused .spectrum-Stepper-input,
    .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-buttons,
    .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input {
      box-shadow: 0 1px 0 0 var(--spectrum-textfield-m-texticon-border-color-key-focus, var(--spectrum-alias-input-border-color-key-focus));
    }

.spectrum-Stepper--quiet.is-keyboardFocused .spectrum-Stepper-stepDown, .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-stepDown {
      border-color: var(--spectrum-textfield-m-texticon-border-color-key-focus, var(--spectrum-alias-input-border-color-key-focus));
    }

.spectrum-Stepper--quiet.is-keyboardFocused.is-invalid, .spectrum-Stepper--quiet.is-focused.is-invalid {
      box-shadow: none;
    }

.spectrum-Stepper--quiet.is-keyboardFocused.is-invalid .spectrum-Stepper-input,
      .spectrum-Stepper--quiet.is-keyboardFocused.is-invalid .spectrum-Stepper-buttons,
      .spectrum-Stepper--quiet.is-focused.is-invalid .spectrum-Stepper-input,
      .spectrum-Stepper--quiet.is-focused.is-invalid .spectrum-Stepper-buttons {
        box-shadow: 0 1px 0 0 var(--spectrum-textfield-m-texticon-border-color-invalid, var(--spectrum-alias-input-border-color-invalid-default));
      }

.spectrum-Stepper--quiet.is-keyboardFocused.is-invalid .spectrum-Stepper-input, .spectrum-Stepper--quiet.is-focused.is-invalid .spectrum-Stepper-input {
        border-color: var(--spectrum-textfield-m-texticon-border-color-invalid, var(--spectrum-alias-input-border-color-invalid-default));
      }

.spectrum-Stepper--quiet.is-keyboardFocused.is-invalid .spectrum-Stepper-stepDown, .spectrum-Stepper--quiet.is-focused.is-invalid .spectrum-Stepper-stepDown {
        border-color: var(--spectrum-textfield-m-texticon-border-color-invalid, var(--spectrum-alias-input-border-color-invalid-default));
      }

.spectrum-Switch {
  --spectrum-switch-handle-size: var(--spectrum-switch-m-handle-size, var(--spectrum-alias-control-two-size-m));
  --spectrum-switch-handle-border-size: var(--spectrum-switch-m-handle-border-size, var(--spectrum-alias-border-size-thick));
  --spectrum-switch-handle-border-radius: var(--spectrum-switch-m-handle-border-radius, var(--spectrum-alias-control-two-border-radius-m));
  --spectrum-switch-text-gap: var(--spectrum-switch-m-text-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-switch-text-size: var(--spectrum-switch-m-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-switch-track-height: var(--spectrum-switch-m-track-height, var(--spectrum-alias-control-three-height-m));
  --spectrum-switch-track-width: var(--spectrum-switch-m-track-width, var(--spectrum-alias-control-three-width-m));
  --spectrum-switch-cursor-hit-x: var(--spectrum-switch-m-cursor-hit-x, var(--spectrum-global-dimension-size-100));
  --spectrum-switch-height: var(--spectrum-switch-m-height, var(--spectrum-global-dimension-size-400));
  --spectrum-switch-label-margin-top: var(--spectrum-global-dimension-size-65);
  --spectrum-switch-label-line-height: 1.49;
}

[dir="ltr"] .spectrum-Switch {

  margin-right: calc(var(--spectrum-switch-cursor-hit-x) * 2);
}

[dir="rtl"] .spectrum-Switch {

  margin-left: calc(var(--spectrum-switch-cursor-hit-x) * 2);
}

.spectrum-Switch {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
      align-items: flex-start;

  position: relative;

  min-height: var(--spectrum-switch-height);
  max-width: 100%;

  vertical-align: top;
}

[dir="ltr"] .spectrum-Switch-input {
  left: 0;
}

[dir="rtl"] .spectrum-Switch-input {
  right: 0;
}

.spectrum-Switch-input {
  margin: 0;
  box-sizing: border-box;
  padding: 0;

  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  z-index: 1;

  cursor: pointer;
}

[dir="ltr"] .spectrum-Switch-input:checked + .spectrum-Switch-switch::before {
      transform: translateX(
        calc(var(--spectrum-switch-track-width) - 100%)
      );
    }

[dir="rtl"] .spectrum-Switch-input:checked + .spectrum-Switch-switch::before {
      transform: translateX(
        calc(-1 * (var(--spectrum-switch-track-width) - 100%))
      );
    }

.spectrum-Switch-input:disabled,
  .spectrum-Switch-input[disabled] {
    cursor: default;
  }

.spectrum-Switch-input.focus-ring + .spectrum-Switch-switch:after {
        margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
      }

.spectrum-Switch-label {
  margin-left: var(--spectrum-switch-text-gap);
  margin-right: var(--spectrum-switch-text-gap);
  margin-top: var(--spectrum-switch-label-margin-top);
  margin-bottom: 0;
  font-size: var(--spectrum-switch-text-size);
  line-height: var(--spectrum-switch-label-line-height);
  transition: color var(--spectrum-global-animation-duration-200, 160ms) ease-in-out;
}

[dir="ltr"] .spectrum-Switch-switch {

  left: 0;
}

[dir="rtl"] .spectrum-Switch-switch {

  right: 0;
}

[dir="ltr"] .spectrum-Switch-switch {
  right: 0;
}

[dir="rtl"] .spectrum-Switch-switch {
  left: 0;
}

.spectrum-Switch-switch {
  display: inline-block;
  box-sizing: border-box;
  position: relative;

  width: var(--spectrum-switch-track-width);
  margin-top: calc((var(--spectrum-switch-height) - var(--spectrum-switch-track-height)) / 2);
  margin-bottom: calc((var(--spectrum-switch-height) - var(--spectrum-switch-track-height)) / 2);
  margin-left: 0;
  margin-right: 0;

  -ms-flex-positive: 0;

      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;

  vertical-align: middle;

  transition: background var(--spectrum-global-animation-duration-100, 130ms)
      ease-in-out,
    border var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;

  height: var(--spectrum-switch-track-height);

  border-radius: calc(var(--spectrum-switch-track-height) / 2);
}

.spectrum-Switch-switch:before {
    display: block;
    position: absolute;
    content: "";
    box-sizing: border-box;
  }

[dir="ltr"] .spectrum-Switch-switch:before {
    left: 0;
}

[dir="rtl"] .spectrum-Switch-switch:before {
    right: 0;
}

.spectrum-Switch-switch:before {
    transition: background var(--spectrum-global-animation-duration-100, 130ms)
        ease-in-out,
      border var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
      transform var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
      box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;

    width: var(--spectrum-switch-handle-size);
    height: var(--spectrum-switch-handle-size);

    top: 0;

    border-width: var(--spectrum-switch-handle-border-size);
    border-radius: var(--spectrum-switch-handle-border-radius);
    border-style: solid;
  }

[dir="ltr"] .spectrum-Switch-switch:after {
    left: 0;
}

[dir="rtl"] .spectrum-Switch-switch:after {
    right: 0;
}

[dir="ltr"] .spectrum-Switch-switch:after {
    right: 0;
}

[dir="rtl"] .spectrum-Switch-switch:after {
    left: 0;
}

.spectrum-Switch-switch:after {
    border-radius: calc(var(--spectrum-switch-track-height) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: 0;

    transition: opacity var(--spectrum-global-animation-duration-100, 130ms) ease-out,
                margin var(--spectrum-global-animation-duration-100, 130ms) ease-out;
  }

.spectrum-Switch-switch {
  background-color: var(--spectrum-switch-m-track-color, var(--spectrum-global-color-gray-300));
}

.spectrum-Switch-switch:before {
    background-color: var(--spectrum-switch-m-handle-background-color, var(--spectrum-global-color-gray-75));
    border-color: var(--spectrum-switch-m-handle-border-color, var(--spectrum-alias-toggle-border-color-default));
  }

.spectrum-Switch-input ~ .spectrum-Switch-label {
  color: var(--spectrum-switch-m-text-color, var(--spectrum-alias-component-text-color-default));
}

.spectrum-Switch-input:checked + .spectrum-Switch-switch {
    background-color: var(--spectrum-switch-m-track-color-selected, var(--spectrum-alias-toggle-background-color-default));
  }

.spectrum-Switch-input:checked + .spectrum-Switch-switch:before {
      border-color: var(--spectrum-switch-m-handle-border-color-selected, var(--spectrum-alias-toggle-background-color-default));
    }

.spectrum-Switch:hover .spectrum-Switch-input + .spectrum-Switch-switch:before {
        border-color: var(--spectrum-switch-m-handle-border-color-hover, var(--spectrum-alias-toggle-border-color-hover));
        box-shadow: none;
      }

.spectrum-Switch:hover .spectrum-Switch-input ~ .spectrum-Switch-label {
      color: var(--spectrum-switch-m-text-color-hover, var(--spectrum-alias-component-text-color-hover));
    }

.spectrum-Switch:hover .spectrum-Switch-input:checked:enabled + .spectrum-Switch-switch {
      background-color: var(--spectrum-switch-m-track-color-selected-hover, var(--spectrum-alias-toggle-background-color-hover));
    }

.spectrum-Switch:hover .spectrum-Switch-input:checked:enabled + .spectrum-Switch-switch:before {
        border-color: var(--spectrum-switch-m-handle-border-color-selected-hover, var(--spectrum-alias-toggle-background-color-hover));
      }

.spectrum-Switch:active .spectrum-Switch-input + .spectrum-Switch-switch:before {
        border-color: var(--spectrum-switch-m-handle-border-color-down, var(--spectrum-alias-toggle-border-color-down));
      }

.spectrum-Switch:active .spectrum-Switch-input ~ .spectrum-Switch-label {
      color: var(--spectrum-switch-m-text-color-down, var(--spectrum-alias-component-text-color-down));
    }

.spectrum-Switch:active .spectrum-Switch-input:checked:enabled + .spectrum-Switch-switch {
      background-color: var(--spectrum-switch-m-track-color-selected-down, var(--spectrum-alias-toggle-background-color-down));
    }

.spectrum-Switch:active .spectrum-Switch-input:checked:enabled + .spectrum-Switch-switch:before {
        border-color: var(--spectrum-switch-m-handle-border-color-selected-down, var(--spectrum-alias-toggle-background-color-down));
      }

.spectrum-Switch .spectrum-Switch-input:disabled + .spectrum-Switch-switch {
    background-color: var(--spectrum-switch-m-track-color-disabled, var(--spectrum-global-color-gray-300));
  }

.spectrum-Switch .spectrum-Switch-input:disabled + .spectrum-Switch-switch:before {
      border-color: var(--spectrum-switch-m-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
    }

.spectrum-Switch .spectrum-Switch-input:disabled ~ .spectrum-Switch-label {
    color: var(--spectrum-switch-m-text-color-disabled, var(--spectrum-alias-component-text-color-disabled));
  }

.spectrum-Switch .spectrum-Switch-input:disabled:checked + .spectrum-Switch-switch {
      background-color: var(--spectrum-switch-m-track-color-selected-disabled, var(--spectrum-global-color-gray-400));
    }

.spectrum-Switch .spectrum-Switch-input:disabled:checked + .spectrum-Switch-switch:before {
        border-color: var(--spectrum-switch-m-handle-border-color-selected-disabled, var(--spectrum-global-color-gray-400));
      }

.spectrum-Switch .spectrum-Switch-input:disabled:checked ~ .spectrum-Switch-label {
      color: var(--spectrum-switch-m-text-color-selected-disabled, var(--spectrum-alias-component-text-color-disabled));
    }

.spectrum-Switch--emphasized .spectrum-Switch-input:checked + .spectrum-Switch-switch {
    background-color: var(--spectrum-switch-m-emphasized-track-color-selected, var(--spectrum-alias-toggle-background-color-emphasized-selected-default));
  }

.spectrum-Switch--emphasized .spectrum-Switch-input:checked + .spectrum-Switch-switch:before {
      border-color: var(--spectrum-switch-m-emphasized-handle-border-color-selected, var(--spectrum-alias-toggle-background-color-emphasized-selected-default));
    }

.spectrum-Switch--emphasized:hover .spectrum-Switch-input:checked:enabled + .spectrum-Switch-switch {
    background-color: var(--spectrum-switch-m-emphasized-track-color-selected-hover, var(--spectrum-alias-toggle-background-color-emphasized-selected-hover));
  }

.spectrum-Switch--emphasized:hover .spectrum-Switch-input:checked:enabled + .spectrum-Switch-switch:before {
      border-color: var(--spectrum-switch-m-emphasized-handle-border-color-selected-hover, var(--spectrum-alias-toggle-background-color-emphasized-selected-hover));
    }

.spectrum-Switch.spectrum-Switch--emphasized:active .spectrum-Switch-input:checked:enabled + .spectrum-Switch-switch {
    background-color: var(--spectrum-switch-m-emphasized-track-color-selected-down, var(--spectrum-alias-toggle-background-color-emphasized-selected-down));
  }

.spectrum-Switch.spectrum-Switch--emphasized:active .spectrum-Switch-input:checked:enabled + .spectrum-Switch-switch:before {
      border-color: var(--spectrum-switch-m-emphasized-handle-border-color-selected-down, var(--spectrum-alias-toggle-background-color-emphasized-selected-down));
    }

.spectrum-Switch .spectrum-Switch-input.focus-ring + .spectrum-Switch-switch:after, .spectrum-Switch:hover .spectrum-Switch-input.focus-ring + .spectrum-Switch-switch:after {
        box-shadow: 0 0 0 var(--spectrum-switch-m-focus-ring-size, var(--spectrum-alias-focus-ring-size))
          var(--spectrum-switch-m-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
      }

.spectrum-Switch .spectrum-Switch-input.focus-ring + .spectrum-Switch-switch:before, .spectrum-Switch:hover .spectrum-Switch-input.focus-ring + .spectrum-Switch-switch:before {
        border-color: var(--spectrum-switch-m-handle-border-color-key-focus, var(--spectrum-alias-toggle-border-color-key-focus));
      }

.spectrum-Switch .spectrum-Switch-input.focus-ring:checked + .spectrum-Switch-switch, .spectrum-Switch:hover .spectrum-Switch-input.focus-ring:checked + .spectrum-Switch-switch {
        background-color: var(--spectrum-switch-m-track-color-selected-key-focus, var(--spectrum-alias-toggle-background-color-key-focus));
      }

.spectrum-Switch .spectrum-Switch-input.focus-ring:checked + .spectrum-Switch-switch:before, .spectrum-Switch:hover .spectrum-Switch-input.focus-ring:checked + .spectrum-Switch-switch:before {
          border-color: var(--spectrum-switch-m-handle-border-color-selected-key-focus, var(--spectrum-alias-toggle-background-color-key-focus));
        }

.spectrum-Switch--emphasized .spectrum-Switch-input.focus-ring:checked + .spectrum-Switch-switch, .spectrum-Switch--emphasized:hover .spectrum-Switch-input.focus-ring:checked + .spectrum-Switch-switch {
        background-color: var(--spectrum-switch-m-emphasized-track-color-selected-key-focus, var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus));
      }

.spectrum-Switch--emphasized .spectrum-Switch-input.focus-ring:checked + .spectrum-Switch-switch:before, .spectrum-Switch--emphasized:hover .spectrum-Switch-input.focus-ring:checked + .spectrum-Switch-switch:before {
          border-color: var(--spectrum-switch-m-emphasized-handle-border-color-selected-key-focus, var(--spectrum-alias-toggle-background-color-emphasized-selected-key-focus));
        }

.spectrum-Table {
  border-collapse: separate;
  border-spacing: 0;
}

.spectrum-Table--sizeS {
  --spectrum-table-compact-quiet-border-radius: var(--spectrum-table-s-compact-quiet-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-table-compact-header-border-radius: var(--spectrum-table-s-compact-header-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-table-compact-cell-border-radius-key-focus: var(--spectrum-table-s-compact-cell-border-radius-key-focus, var(--spectrum-alias-border-radius-regular));
  --spectrum-table-compact-divider-border-size: var(--spectrum-table-s-compact-divider-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-table-compact-header-text-size: var(--spectrum-table-s-compact-header-text-size, var(--spectrum-global-dimension-font-size-50));
  --spectrum-table-compact-header-text-font-weight: var(--spectrum-table-s-compact-header-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  --spectrum-table-compact-header-text-letter-spacing: var(--spectrum-table-s-compact-header-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  --spectrum-table-compact-header-text-line-height: var(--spectrum-table-s-compact-header-text-line-height, var(--spectrum-alias-heading-text-line-height));
  --spectrum-table-compact-header-sort-icon-gap: var(--spectrum-table-s-compact-header-sort-icon-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-table-compact-header-min-height: var(--spectrum-table-s-compact-header-min-height, var(--spectrum-global-dimension-size-400));
  --spectrum-table-compact-header-padding-top: var(--spectrum-table-s-compact-header-padding-top, var(--spectrum-global-dimension-static-size-125));
  --spectrum-table-compact-header-padding-bottom: var(--spectrum-table-s-compact-header-padding-bottom, var(--spectrum-global-dimension-static-size-125));
  --spectrum-table-compact-header-padding-left: var(--spectrum-table-s-compact-header-padding-left, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-compact-header-padding-right: var(--spectrum-table-s-compact-header-padding-right, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-compact-cell-text-size: var(--spectrum-table-s-compact-cell-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-table-compact-cell-text-font-weight: var(--spectrum-table-s-compact-cell-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-table-compact-cell-text-line-height: var(--spectrum-table-s-compact-cell-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-table-compact-cell-checkbox-padding-right: var(--spectrum-table-s-compact-cell-checkbox-padding-right, var(--spectrum-global-dimension-size-100));
  --spectrum-table-compact-cell-checkbox-vertical-alignment: var(--spectrum-table-s-compact-cell-checkbox-vertical-alignment, middle);
  --spectrum-table-compact-cell-min-height: var(--spectrum-table-s-compact-cell-min-height, var(--spectrum-global-dimension-size-300));
  --spectrum-table-compact-cell-padding-top: var(--spectrum-table-s-compact-cell-padding-top, var(--spectrum-global-dimension-size-50));
  --spectrum-table-compact-cell-padding-bottom: var(--spectrum-table-s-compact-cell-padding-bottom, var(--spectrum-global-dimension-size-50));
  --spectrum-table-compact-cell-padding-left: var(--spectrum-table-s-compact-cell-padding-left, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-compact-cell-padding-right: var(--spectrum-table-s-compact-cell-padding-right, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-compact-cell-vertical-alignment: var(--spectrum-table-s-compact-cell-vertical-alignment, top);
  --spectrum-table-compact-border-radius: var(--spectrum-table-s-compact-border-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-table-compact-border-size: var(--spectrum-table-s-compact-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-table-regular-quiet-border-radius: var(--spectrum-table-s-regular-quiet-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-table-regular-header-border-radius: var(--spectrum-table-s-regular-header-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-table-regular-cell-border-radius-key-focus: var(--spectrum-table-s-regular-cell-border-radius-key-focus, var(--spectrum-alias-border-radius-regular));
  --spectrum-table-regular-divider-border-size: var(--spectrum-table-s-regular-divider-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-table-regular-header-text-size: var(--spectrum-table-s-regular-header-text-size, var(--spectrum-global-dimension-font-size-50));
  --spectrum-table-regular-header-text-font-weight: var(--spectrum-table-s-regular-header-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  --spectrum-table-regular-header-text-letter-spacing: var(--spectrum-table-s-regular-header-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  --spectrum-table-regular-header-text-line-height: var(--spectrum-table-s-regular-header-text-line-height, var(--spectrum-alias-heading-text-line-height));
  --spectrum-table-regular-header-sort-icon-gap: var(--spectrum-table-s-regular-header-sort-icon-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-table-regular-header-min-height: var(--spectrum-table-s-regular-header-min-height, var(--spectrum-global-dimension-size-400));
  --spectrum-table-regular-header-padding-top: var(--spectrum-table-s-regular-header-padding-top, var(--spectrum-global-dimension-static-size-125));
  --spectrum-table-regular-header-padding-bottom: var(--spectrum-table-s-regular-header-padding-bottom, var(--spectrum-global-dimension-static-size-125));
  --spectrum-table-regular-header-padding-left: var(--spectrum-table-s-regular-header-padding-left, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-regular-header-padding-right: var(--spectrum-table-s-regular-header-padding-right, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-regular-cell-text-size: var(--spectrum-table-s-regular-cell-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-table-regular-cell-text-font-weight: var(--spectrum-table-s-regular-cell-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-table-regular-cell-text-line-height: var(--spectrum-table-s-regular-cell-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-table-regular-cell-checkbox-padding-right: var(--spectrum-table-s-regular-cell-checkbox-padding-right, var(--spectrum-global-dimension-size-100));
  --spectrum-table-regular-cell-checkbox-vertical-alignment: var(--spectrum-table-s-regular-cell-checkbox-vertical-alignment, middle);
  --spectrum-table-regular-cell-min-height: var(--spectrum-table-s-regular-cell-min-height, var(--spectrum-global-dimension-size-400));
  --spectrum-table-regular-cell-padding-top: var(--spectrum-table-s-regular-cell-padding-top, var(--spectrum-global-dimension-size-85));
  --spectrum-table-regular-cell-padding-bottom: var(--spectrum-table-s-regular-cell-padding-bottom, var(--spectrum-global-dimension-size-85));
  --spectrum-table-regular-cell-padding-left: var(--spectrum-table-s-regular-cell-padding-left, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-regular-cell-padding-right: var(--spectrum-table-s-regular-cell-padding-right, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-regular-cell-vertical-alignment: var(--spectrum-table-s-regular-cell-vertical-alignment, top);
  --spectrum-table-regular-border-radius: var(--spectrum-table-s-regular-border-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-table-regular-border-size: var(--spectrum-table-s-regular-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-table-spacious-quiet-border-radius: var(--spectrum-table-s-spacious-quiet-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-table-spacious-header-border-radius: var(--spectrum-table-s-spacious-header-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-table-spacious-cell-border-radius-key-focus: var(--spectrum-table-s-spacious-cell-border-radius-key-focus, var(--spectrum-alias-border-radius-regular));
  --spectrum-table-spacious-divider-border-size: var(--spectrum-table-s-spacious-divider-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-table-spacious-header-text-size: var(--spectrum-table-s-spacious-header-text-size, var(--spectrum-global-dimension-font-size-50));
  --spectrum-table-spacious-header-text-font-weight: var(--spectrum-table-s-spacious-header-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  --spectrum-table-spacious-header-text-letter-spacing: var(--spectrum-table-s-spacious-header-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  --spectrum-table-spacious-header-text-line-height: var(--spectrum-table-s-spacious-header-text-line-height, var(--spectrum-alias-heading-text-line-height));
  --spectrum-table-spacious-header-sort-icon-gap: var(--spectrum-table-s-spacious-header-sort-icon-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-table-spacious-header-min-height: var(--spectrum-table-s-spacious-header-min-height, var(--spectrum-global-dimension-size-400));
  --spectrum-table-spacious-header-padding-top: var(--spectrum-table-s-spacious-header-padding-top, var(--spectrum-global-dimension-static-size-125));
  --spectrum-table-spacious-header-padding-bottom: var(--spectrum-table-s-spacious-header-padding-bottom, var(--spectrum-global-dimension-static-size-125));
  --spectrum-table-spacious-header-padding-left: var(--spectrum-table-s-spacious-header-padding-left, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-spacious-header-padding-right: var(--spectrum-table-s-spacious-header-padding-right, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-spacious-cell-text-size: var(--spectrum-table-s-spacious-cell-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-table-spacious-cell-text-font-weight: var(--spectrum-table-s-spacious-cell-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-table-spacious-cell-text-line-height: var(--spectrum-table-s-spacious-cell-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-table-spacious-cell-checkbox-padding-right: var(--spectrum-table-s-spacious-cell-checkbox-padding-right, var(--spectrum-global-dimension-size-100));
  --spectrum-table-spacious-cell-checkbox-vertical-alignment: var(--spectrum-table-s-spacious-cell-checkbox-vertical-alignment, middle);
  --spectrum-table-spacious-cell-min-height: var(--spectrum-table-s-spacious-cell-min-height, var(--spectrum-global-dimension-size-500));
  --spectrum-table-spacious-cell-padding-top: var(--spectrum-table-s-spacious-cell-padding-top, var(--spectrum-global-dimension-size-125));
  --spectrum-table-spacious-cell-padding-bottom: var(--spectrum-table-s-spacious-cell-padding-bottom, var(--spectrum-global-dimension-size-125));
  --spectrum-table-spacious-cell-padding-left: var(--spectrum-table-s-spacious-cell-padding-left, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-spacious-cell-padding-right: var(--spectrum-table-s-spacious-cell-padding-right, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-spacious-cell-vertical-alignment: var(--spectrum-table-s-spacious-cell-vertical-alignment, top);
  --spectrum-table-spacious-border-radius: var(--spectrum-table-s-spacious-border-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-table-spacious-border-size: var(--spectrum-table-s-spacious-border-size, var(--spectrum-alias-border-size-thin));
}

.spectrum-Table--sizeM {
  --spectrum-table-compact-quiet-border-radius: var(--spectrum-table-m-compact-quiet-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-table-compact-header-border-radius: var(--spectrum-table-m-compact-header-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-table-compact-cell-border-radius-key-focus: var(--spectrum-table-m-compact-cell-border-radius-key-focus, var(--spectrum-alias-border-radius-regular));
  --spectrum-table-compact-divider-border-size: var(--spectrum-table-m-compact-divider-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-table-compact-header-text-size: var(--spectrum-table-m-compact-header-text-size, var(--spectrum-global-dimension-font-size-50));
  --spectrum-table-compact-header-text-font-weight: var(--spectrum-table-m-compact-header-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  --spectrum-table-compact-header-text-letter-spacing: var(--spectrum-table-m-compact-header-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  --spectrum-table-compact-header-text-line-height: var(--spectrum-table-m-compact-header-text-line-height, var(--spectrum-alias-heading-text-line-height));
  --spectrum-table-compact-header-sort-icon-gap: var(--spectrum-table-m-compact-header-sort-icon-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-table-compact-header-min-height: var(--spectrum-table-m-compact-header-min-height, var(--spectrum-global-dimension-size-400));
  --spectrum-table-compact-header-padding-top: var(--spectrum-table-m-compact-header-padding-top, var(--spectrum-global-dimension-static-size-125));
  --spectrum-table-compact-header-padding-bottom: var(--spectrum-table-m-compact-header-padding-bottom, var(--spectrum-global-dimension-static-size-125));
  --spectrum-table-compact-header-padding-left: var(--spectrum-table-m-compact-header-padding-left, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-compact-header-padding-right: var(--spectrum-table-m-compact-header-padding-right, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-compact-cell-text-size: var(--spectrum-table-m-compact-cell-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-table-compact-cell-text-font-weight: var(--spectrum-table-m-compact-cell-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-table-compact-cell-text-line-height: var(--spectrum-table-m-compact-cell-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-table-compact-cell-checkbox-padding-right: var(--spectrum-table-m-compact-cell-checkbox-padding-right, var(--spectrum-global-dimension-size-100));
  --spectrum-table-compact-cell-checkbox-vertical-alignment: var(--spectrum-table-m-compact-cell-checkbox-vertical-alignment, middle);
  --spectrum-table-compact-cell-min-height: var(--spectrum-table-m-compact-cell-min-height, var(--spectrum-global-dimension-size-400));
  --spectrum-table-compact-cell-padding-top: var(--spectrum-table-m-compact-cell-padding-top, var(--spectrum-global-dimension-size-85));
  --spectrum-table-compact-cell-padding-bottom: var(--spectrum-table-m-compact-cell-padding-bottom, var(--spectrum-global-dimension-size-85));
  --spectrum-table-compact-cell-padding-left: var(--spectrum-table-m-compact-cell-padding-left, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-compact-cell-padding-right: var(--spectrum-table-m-compact-cell-padding-right, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-compact-cell-vertical-alignment: var(--spectrum-table-m-compact-cell-vertical-alignment, top);
  --spectrum-table-compact-border-radius: var(--spectrum-table-m-compact-border-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-table-compact-border-size: var(--spectrum-table-m-compact-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-table-regular-quiet-border-radius: var(--spectrum-table-m-regular-quiet-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-table-regular-header-border-radius: var(--spectrum-table-m-regular-header-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-table-regular-cell-border-radius-key-focus: var(--spectrum-table-m-regular-cell-border-radius-key-focus, var(--spectrum-alias-border-radius-regular));
  --spectrum-table-regular-divider-border-size: var(--spectrum-table-m-regular-divider-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-table-regular-header-text-size: var(--spectrum-table-m-regular-header-text-size, var(--spectrum-global-dimension-font-size-50));
  --spectrum-table-regular-header-text-font-weight: var(--spectrum-table-m-regular-header-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  --spectrum-table-regular-header-text-letter-spacing: var(--spectrum-table-m-regular-header-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  --spectrum-table-regular-header-text-line-height: var(--spectrum-table-m-regular-header-text-line-height, var(--spectrum-alias-heading-text-line-height));
  --spectrum-table-regular-header-sort-icon-gap: var(--spectrum-table-m-regular-header-sort-icon-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-table-regular-header-min-height: var(--spectrum-table-m-regular-header-min-height, var(--spectrum-global-dimension-size-400));
  --spectrum-table-regular-header-padding-top: var(--spectrum-table-m-regular-header-padding-top, var(--spectrum-global-dimension-static-size-125));
  --spectrum-table-regular-header-padding-bottom: var(--spectrum-table-m-regular-header-padding-bottom, var(--spectrum-global-dimension-static-size-125));
  --spectrum-table-regular-header-padding-left: var(--spectrum-table-m-regular-header-padding-left, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-regular-header-padding-right: var(--spectrum-table-m-regular-header-padding-right, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-regular-cell-text-size: var(--spectrum-table-m-regular-cell-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-table-regular-cell-text-font-weight: var(--spectrum-table-m-regular-cell-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-table-regular-cell-text-line-height: var(--spectrum-table-m-regular-cell-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-table-regular-cell-checkbox-padding-right: var(--spectrum-table-m-regular-cell-checkbox-padding-right, var(--spectrum-global-dimension-size-100));
  --spectrum-table-regular-cell-checkbox-vertical-alignment: var(--spectrum-table-m-regular-cell-checkbox-vertical-alignment, middle);
  --spectrum-table-regular-cell-min-height: var(--spectrum-table-m-regular-cell-min-height, var(--spectrum-global-dimension-size-500));
  --spectrum-table-regular-cell-padding-top: var(--spectrum-table-m-regular-cell-padding-top, var(--spectrum-global-dimension-size-130));
  --spectrum-table-regular-cell-padding-bottom: var(--spectrum-table-m-regular-cell-padding-bottom, var(--spectrum-global-dimension-size-130));
  --spectrum-table-regular-cell-padding-left: var(--spectrum-table-m-regular-cell-padding-left, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-regular-cell-padding-right: var(--spectrum-table-m-regular-cell-padding-right, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-regular-cell-vertical-alignment: var(--spectrum-table-m-regular-cell-vertical-alignment, top);
  --spectrum-table-regular-border-radius: var(--spectrum-table-m-regular-border-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-table-regular-border-size: var(--spectrum-table-m-regular-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-table-spacious-quiet-border-radius: var(--spectrum-table-m-spacious-quiet-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-table-spacious-header-border-radius: var(--spectrum-table-m-spacious-header-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-table-spacious-cell-border-radius-key-focus: var(--spectrum-table-m-spacious-cell-border-radius-key-focus, var(--spectrum-alias-border-radius-regular));
  --spectrum-table-spacious-divider-border-size: var(--spectrum-table-m-spacious-divider-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-table-spacious-header-text-size: var(--spectrum-table-m-spacious-header-text-size, var(--spectrum-global-dimension-font-size-50));
  --spectrum-table-spacious-header-text-font-weight: var(--spectrum-table-m-spacious-header-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  --spectrum-table-spacious-header-text-letter-spacing: var(--spectrum-table-m-spacious-header-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  --spectrum-table-spacious-header-text-line-height: var(--spectrum-table-m-spacious-header-text-line-height, var(--spectrum-alias-heading-text-line-height));
  --spectrum-table-spacious-header-sort-icon-gap: var(--spectrum-table-m-spacious-header-sort-icon-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-table-spacious-header-min-height: var(--spectrum-table-m-spacious-header-min-height, var(--spectrum-global-dimension-size-400));
  --spectrum-table-spacious-header-padding-top: var(--spectrum-table-m-spacious-header-padding-top, var(--spectrum-global-dimension-static-size-125));
  --spectrum-table-spacious-header-padding-bottom: var(--spectrum-table-m-spacious-header-padding-bottom, var(--spectrum-global-dimension-static-size-125));
  --spectrum-table-spacious-header-padding-left: var(--spectrum-table-m-spacious-header-padding-left, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-spacious-header-padding-right: var(--spectrum-table-m-spacious-header-padding-right, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-spacious-cell-text-size: var(--spectrum-table-m-spacious-cell-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-table-spacious-cell-text-font-weight: var(--spectrum-table-m-spacious-cell-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-table-spacious-cell-text-line-height: var(--spectrum-table-m-spacious-cell-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-table-spacious-cell-checkbox-padding-right: var(--spectrum-table-m-spacious-cell-checkbox-padding-right, var(--spectrum-global-dimension-size-100));
  --spectrum-table-spacious-cell-checkbox-vertical-alignment: var(--spectrum-table-m-spacious-cell-checkbox-vertical-alignment, middle);
  --spectrum-table-spacious-cell-min-height: var(--spectrum-table-m-spacious-cell-min-height, var(--spectrum-global-dimension-size-600));
  --spectrum-table-spacious-cell-padding-top: var(--spectrum-table-m-spacious-cell-padding-top, var(--spectrum-global-dimension-size-185));
  --spectrum-table-spacious-cell-padding-bottom: var(--spectrum-table-m-spacious-cell-padding-bottom, var(--spectrum-global-dimension-size-185));
  --spectrum-table-spacious-cell-padding-left: var(--spectrum-table-m-spacious-cell-padding-left, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-spacious-cell-padding-right: var(--spectrum-table-m-spacious-cell-padding-right, var(--spectrum-global-dimension-static-size-200));
  --spectrum-table-spacious-cell-vertical-alignment: var(--spectrum-table-m-spacious-cell-vertical-alignment, top);
  --spectrum-table-spacious-border-radius: var(--spectrum-table-m-spacious-border-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-table-spacious-border-size: var(--spectrum-table-m-spacious-border-size, var(--spectrum-alias-border-size-thin));
}

[dir="ltr"] .spectrum-Table-sortedIcon {
  margin-left: var(--spectrum-table-regular-header-sort-icon-gap);
}

[dir="rtl"] .spectrum-Table-sortedIcon {
  margin-right: var(--spectrum-table-regular-header-sort-icon-gap);
}

.spectrum-Table-sortedIcon {
  display: none;

  vertical-align: middle;

  transition: transform var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
}

[dir="ltr"] .spectrum-Table-headCell {
  text-align: left;
}

[dir="rtl"] .spectrum-Table-headCell {
  text-align: right;
}

[dir="ltr"] .spectrum-Table-headCell {
  padding-left: var(--spectrum-table-regular-header-padding-left);
  padding-right: var(--spectrum-table-regular-header-padding-right);
}

[dir="rtl"] .spectrum-Table-headCell {
  padding-right: var(--spectrum-table-regular-header-padding-left);
  padding-left: var(--spectrum-table-regular-header-padding-right);
}

.spectrum-Table-headCell {
  box-sizing: border-box;
  font-size: var(--spectrum-table-regular-header-text-size);
  font-weight: var(--spectrum-table-regular-header-text-font-weight);
  line-height: var(--spectrum-table-regular-header-text-line-height);
  min-height: var(--spectrum-table-regular-header-min-height);
  letter-spacing: var(--spectrum-table-regular-header-text-letter-spacing);
  text-transform: uppercase;
  padding-top: var(--spectrum-table-regular-header-padding-top);
  padding-bottom: var(--spectrum-table-regular-header-padding-bottom);
  transition: color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  cursor: default;
  outline: 0;
  border-radius: var(--spectrum-table-regular-header-border-radius);
}

.spectrum-Table-headCell.is-sortable {
    cursor: pointer;
  }

.spectrum-Table-headCell.is-sorted-asc .spectrum-Table-sortedIcon, .spectrum-Table-headCell.is-sorted-desc .spectrum-Table-sortedIcon {
      display: inline-block;
      margin-top: calc(var(--spectrum-global-dimension-size-25) * -1);
    }

.spectrum-Table-headCell.is-sorted-asc .spectrum-Table-sortedIcon {
      transform: rotateZ(-90deg);
    }

.spectrum-Table-cell--alignCenter {
  text-align: center;
}

[dir="ltr"] .spectrum-Table-cell--alignRight {
  text-align: right;
}

[dir="rtl"] .spectrum-Table-cell--alignRight {
  text-align: left;
}

[dir="ltr"] .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table-row.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
    left: 0;
}

[dir="rtl"] .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table-row.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
    right: 0;
}

[dir="ltr"] .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table-row.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
    right: 0;
}

[dir="rtl"] .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table-row.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
    left: 0;
}

.spectrum-Table-body.is-drop-target::before,
.spectrum-Table-row.is-drop-target::before,
.spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,
.spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,
.spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,
.spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
  }

.spectrum-Table-body {
  position: relative;

  border-width: var(--spectrum-table-regular-border-size);
  border-radius: var(--spectrum-table-regular-border-radius);
  overflow: auto;
  vertical-align: var(--spectrum-table-regular-cell-vertical-alignment);
}

.spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body {
    border-width: var(--spectrum-table-regular-border-size);
    border-radius: var(--spectrum-table-regular-border-radius);
  }

[dir="ltr"] .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child {
      border-top-left-radius: var(--spectrum-table-regular-border-radius);
}

[dir="rtl"] .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child {
      border-top-right-radius: var(--spectrum-table-regular-border-radius);
}

[dir="ltr"] .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child {
      border-top-right-radius: var(--spectrum-table-regular-border-radius);
}

[dir="rtl"] .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child {
      border-top-left-radius: var(--spectrum-table-regular-border-radius);
}

[dir="ltr"] .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child {
      border-bottom-left-radius: var(--spectrum-table-regular-border-radius);
}

[dir="rtl"] .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child {
      border-bottom-right-radius: var(--spectrum-table-regular-border-radius);
}

[dir="ltr"] .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child {
      border-bottom-right-radius: var(--spectrum-table-regular-border-radius);
}

[dir="rtl"] .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child {
      border-bottom-left-radius: var(--spectrum-table-regular-border-radius);
}

[dir="ltr"] .spectrum-Table-cell {
  padding-left: var(--spectrum-table-regular-cell-padding-left);
  padding-right: var(--spectrum-table-regular-cell-padding-right);
}

[dir="rtl"] .spectrum-Table-cell {
  padding-right: var(--spectrum-table-regular-cell-padding-left);
  padding-left: var(--spectrum-table-regular-cell-padding-right);
}

.spectrum-Table-cell {
  box-sizing: border-box;
  font-size: var(--spectrum-table-regular-cell-text-size);
  font-weight: var(--spectrum-table-regular-cell-text-font-weight);
  line-height: var(--spectrum-table-regular-cell-text-line-height);
  padding-top: var(--spectrum-table-regular-cell-padding-top);
  padding-bottom: var(--spectrum-table-regular-cell-padding-bottom);
  min-height: calc(var(--spectrum-table-regular-cell-min-height) - var(--spectrum-table-regular-cell-padding-top) - var(--spectrum-table-regular-cell-padding-bottom));
}

.spectrum-Table-cell,
.spectrum-Table-headCell {
  position: relative;
}

.spectrum-Table-cell.focus-ring,
  .spectrum-Table-cell.is-focused,
  .spectrum-Table-headCell.focus-ring,
  .spectrum-Table-headCell.is-focused {
    outline: none;
  }

[dir="ltr"] .spectrum-Table-cell.focus-ring::before,[dir="ltr"]  .spectrum-Table-cell.is-focused::before,[dir="ltr"]  .spectrum-Table-headCell.focus-ring::before,[dir="ltr"]  .spectrum-Table-headCell.is-focused::before {
      right: 0;
}

[dir="rtl"] .spectrum-Table-cell.focus-ring::before,[dir="rtl"]  .spectrum-Table-cell.is-focused::before,[dir="rtl"]  .spectrum-Table-headCell.focus-ring::before,[dir="rtl"]  .spectrum-Table-headCell.is-focused::before {
      left: 0;
}

[dir="ltr"] .spectrum-Table-cell.focus-ring::before,[dir="ltr"]  .spectrum-Table-cell.is-focused::before,[dir="ltr"]  .spectrum-Table-headCell.focus-ring::before,[dir="ltr"]  .spectrum-Table-headCell.is-focused::before {
      left: 0;
}

[dir="rtl"] .spectrum-Table-cell.focus-ring::before,[dir="rtl"]  .spectrum-Table-cell.is-focused::before,[dir="rtl"]  .spectrum-Table-headCell.focus-ring::before,[dir="rtl"]  .spectrum-Table-headCell.is-focused::before {
      right: 0;
}

.spectrum-Table-cell.focus-ring::before, .spectrum-Table-cell.is-focused::before, .spectrum-Table-headCell.focus-ring::before, .spectrum-Table-headCell.is-focused::before {
      content: '';
      z-index: 1;
      position: absolute;

      top: 0;
      bottom: 0;

      border-radius: calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);
    }

[dir="ltr"] .spectrum-Table-headCell.focus-ring::before,[dir="ltr"]  .spectrum-Table-headCell.is-focused::before {
      right: var(--spectrum-table-regular-border-size);
}

[dir="rtl"] .spectrum-Table-headCell.focus-ring::before,[dir="rtl"]  .spectrum-Table-headCell.is-focused::before {
      left: var(--spectrum-table-regular-border-size);
}

[dir="ltr"] .spectrum-Table-headCell.focus-ring::before,[dir="ltr"]  .spectrum-Table-headCell.is-focused::before {
      left: var(--spectrum-table-regular-border-size);
}

[dir="rtl"] .spectrum-Table-headCell.focus-ring::before,[dir="rtl"]  .spectrum-Table-headCell.is-focused::before {
      right: var(--spectrum-table-regular-border-size);
}

.spectrum-Table-headCell.focus-ring::before, .spectrum-Table-headCell.is-focused::before {
      top: var(--spectrum-table-regular-border-size);
      bottom: var(--spectrum-table-regular-border-size);
    }

[dir="ltr"] .spectrum-Table-cell--divider {
  border-right-width: var(--spectrum-table-regular-divider-border-size);
}

[dir="rtl"] .spectrum-Table-cell--divider {
  border-left-width: var(--spectrum-table-regular-divider-border-size);
}

.spectrum-Table-row {
  position: relative;
  cursor: pointer;
  transition: background-color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
}

.spectrum-Table-row:focus {
    outline: 0;
  }

.spectrum-Table > .spectrum-Table-body > .spectrum-Table-row:last-of-type {
  border-bottom-style: none;
}

.spectrum-Table--quiet .spectrum-Table-body {
    border-radius: var(--spectrum-table-regular-quiet-border-radius);
  }

.spectrum-Table--quiet .spectrum-Table-body.is-drop-target::before, .spectrum-Table--quiet .spectrum-Table-row.is-drop-target::before {
        border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
      }

[dir="ltr"] .spectrum-Table-checkboxCell {
  padding-right: var(--spectrum-table-regular-cell-checkbox-padding-right);
}

[dir="rtl"] .spectrum-Table-checkboxCell {
  padding-left: var(--spectrum-table-regular-cell-checkbox-padding-right);
}

.spectrum-Table-checkboxCell {
  padding-top: 0px;
  padding-bottom: 0px;
  vertical-align: var(--spectrum-table-regular-cell-checkbox-vertical-alignment);
}

.spectrum-Table-checkbox {
  vertical-align: super;
}

[dir="ltr"] .spectrum-Table--compact .spectrum-Table-sortedIcon {
    margin-left: var(--spectrum-table-compact-header-sort-icon-gap);
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table-sortedIcon {
    margin-right: var(--spectrum-table-compact-header-sort-icon-gap);
}

.spectrum-Table--compact .spectrum-Table-sortedIcon {
    display: none;

    vertical-align: middle;

    transition: transform var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  }

[dir="ltr"] .spectrum-Table--compact .spectrum-Table-headCell {
    text-align: left;
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table-headCell {
    text-align: right;
}

[dir="ltr"] .spectrum-Table--compact .spectrum-Table-headCell {
    padding-left: var(--spectrum-table-compact-header-padding-left);
    padding-right: var(--spectrum-table-compact-header-padding-right);
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table-headCell {
    padding-right: var(--spectrum-table-compact-header-padding-left);
    padding-left: var(--spectrum-table-compact-header-padding-right);
}

.spectrum-Table--compact .spectrum-Table-headCell {
    box-sizing: border-box;
    font-size: var(--spectrum-table-compact-header-text-size);
    font-weight: var(--spectrum-table-compact-header-text-font-weight);
    line-height: var(--spectrum-table-compact-header-text-line-height);
    min-height: var(--spectrum-table-compact-header-min-height);
    letter-spacing: var(--spectrum-table-compact-header-text-letter-spacing);
    text-transform: uppercase;
    padding-top: var(--spectrum-table-compact-header-padding-top);
    padding-bottom: var(--spectrum-table-compact-header-padding-bottom);
    transition: color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
    cursor: default;
    outline: 0;
    border-radius: var(--spectrum-table-compact-header-border-radius);
  }

.spectrum-Table--compact .spectrum-Table-headCell.is-sortable {
      cursor: pointer;
    }

.spectrum-Table--compact .spectrum-Table-headCell.is-sorted-asc .spectrum-Table-sortedIcon, .spectrum-Table--compact .spectrum-Table-headCell.is-sorted-desc .spectrum-Table-sortedIcon {
        display: inline-block;
        margin-top: calc(var(--spectrum-global-dimension-size-25) * -1);
      }

.spectrum-Table--compact .spectrum-Table-headCell.is-sorted-asc .spectrum-Table-sortedIcon {
        transform: rotateZ(-90deg);
      }

.spectrum-Table--compact .spectrum-Table-cell--alignCenter {
    text-align: center;
  }

[dir="ltr"] .spectrum-Table--compact .spectrum-Table-cell--alignRight {
    text-align: right;
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table-cell--alignRight {
    text-align: left;
}

[dir="ltr"] .spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--compact .spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--compact .spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--compact .spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--compact .spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
      left: 0;
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--compact .spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--compact .spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--compact .spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--compact .spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
      right: 0;
}

[dir="ltr"] .spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--compact .spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--compact .spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--compact .spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--compact .spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
      right: 0;
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--compact .spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--compact .spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--compact .spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--compact .spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
      left: 0;
}

.spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,
.spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,
.spectrum-Table--compact .spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,
.spectrum-Table--compact .spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,
.spectrum-Table--compact .spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,
.spectrum-Table--compact .spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 1;
    }

.spectrum-Table--compact .spectrum-Table-body {
    position: relative;

    border-width: var(--spectrum-table-compact-border-size);
    border-radius: var(--spectrum-table-compact-border-radius);
    overflow: auto;
    vertical-align: var(--spectrum-table-compact-cell-vertical-alignment);
  }

.spectrum-Table--compact .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body {
      border-width: var(--spectrum-table-compact-border-size);
      border-radius: var(--spectrum-table-compact-border-radius);
    }

[dir="ltr"] .spectrum-Table--compact .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child {
        border-top-left-radius: var(--spectrum-table-compact-border-radius);
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child {
        border-top-right-radius: var(--spectrum-table-compact-border-radius);
}

[dir="ltr"] .spectrum-Table--compact .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child {
        border-top-right-radius: var(--spectrum-table-compact-border-radius);
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child {
        border-top-left-radius: var(--spectrum-table-compact-border-radius);
}

[dir="ltr"] .spectrum-Table--compact .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child {
        border-bottom-left-radius: var(--spectrum-table-compact-border-radius);
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child {
        border-bottom-right-radius: var(--spectrum-table-compact-border-radius);
}

[dir="ltr"] .spectrum-Table--compact .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child {
        border-bottom-right-radius: var(--spectrum-table-compact-border-radius);
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child {
        border-bottom-left-radius: var(--spectrum-table-compact-border-radius);
}

[dir="ltr"] .spectrum-Table--compact .spectrum-Table-cell {
    padding-left: var(--spectrum-table-compact-cell-padding-left);
    padding-right: var(--spectrum-table-compact-cell-padding-right);
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table-cell {
    padding-right: var(--spectrum-table-compact-cell-padding-left);
    padding-left: var(--spectrum-table-compact-cell-padding-right);
}

.spectrum-Table--compact .spectrum-Table-cell {
    box-sizing: border-box;
    font-size: var(--spectrum-table-compact-cell-text-size);
    font-weight: var(--spectrum-table-compact-cell-text-font-weight);
    line-height: var(--spectrum-table-compact-cell-text-line-height);
    padding-top: var(--spectrum-table-compact-cell-padding-top);
    padding-bottom: var(--spectrum-table-compact-cell-padding-bottom);
    min-height: calc(var(--spectrum-table-compact-cell-min-height) - var(--spectrum-table-compact-cell-padding-top) - var(--spectrum-table-compact-cell-padding-bottom));
  }

.spectrum-Table--compact .spectrum-Table-cell,
  .spectrum-Table--compact .spectrum-Table-headCell {
    position: relative;
  }

.spectrum-Table--compact .spectrum-Table-cell.focus-ring,
    .spectrum-Table--compact .spectrum-Table-cell.is-focused,
    .spectrum-Table--compact .spectrum-Table-headCell.focus-ring,
    .spectrum-Table--compact .spectrum-Table-headCell.is-focused {
      outline: none;
    }

[dir="ltr"] .spectrum-Table--compact .spectrum-Table-cell.focus-ring::before,[dir="ltr"]  .spectrum-Table--compact .spectrum-Table-cell.is-focused::before,[dir="ltr"]  .spectrum-Table--compact .spectrum-Table-headCell.focus-ring::before,[dir="ltr"]  .spectrum-Table--compact .spectrum-Table-headCell.is-focused::before {
        right: 0;
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table-cell.focus-ring::before,[dir="rtl"]  .spectrum-Table--compact .spectrum-Table-cell.is-focused::before,[dir="rtl"]  .spectrum-Table--compact .spectrum-Table-headCell.focus-ring::before,[dir="rtl"]  .spectrum-Table--compact .spectrum-Table-headCell.is-focused::before {
        left: 0;
}

[dir="ltr"] .spectrum-Table--compact .spectrum-Table-cell.focus-ring::before,[dir="ltr"]  .spectrum-Table--compact .spectrum-Table-cell.is-focused::before,[dir="ltr"]  .spectrum-Table--compact .spectrum-Table-headCell.focus-ring::before,[dir="ltr"]  .spectrum-Table--compact .spectrum-Table-headCell.is-focused::before {
        left: 0;
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table-cell.focus-ring::before,[dir="rtl"]  .spectrum-Table--compact .spectrum-Table-cell.is-focused::before,[dir="rtl"]  .spectrum-Table--compact .spectrum-Table-headCell.focus-ring::before,[dir="rtl"]  .spectrum-Table--compact .spectrum-Table-headCell.is-focused::before {
        right: 0;
}

.spectrum-Table--compact .spectrum-Table-cell.focus-ring::before, .spectrum-Table--compact .spectrum-Table-cell.is-focused::before, .spectrum-Table--compact .spectrum-Table-headCell.focus-ring::before, .spectrum-Table--compact .spectrum-Table-headCell.is-focused::before {
        content: '';
        z-index: 1;
        position: absolute;

        top: 0;
        bottom: 0;

        border-radius: calc(var(--spectrum-table-compact-cell-border-radius-key-focus) - 1px);
      }

[dir="ltr"] .spectrum-Table--compact .spectrum-Table-headCell.focus-ring::before,[dir="ltr"]  .spectrum-Table--compact .spectrum-Table-headCell.is-focused::before {
        right: var(--spectrum-table-compact-border-size);
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table-headCell.focus-ring::before,[dir="rtl"]  .spectrum-Table--compact .spectrum-Table-headCell.is-focused::before {
        left: var(--spectrum-table-compact-border-size);
}

[dir="ltr"] .spectrum-Table--compact .spectrum-Table-headCell.focus-ring::before,[dir="ltr"]  .spectrum-Table--compact .spectrum-Table-headCell.is-focused::before {
        left: var(--spectrum-table-compact-border-size);
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table-headCell.focus-ring::before,[dir="rtl"]  .spectrum-Table--compact .spectrum-Table-headCell.is-focused::before {
        right: var(--spectrum-table-compact-border-size);
}

.spectrum-Table--compact .spectrum-Table-headCell.focus-ring::before, .spectrum-Table--compact .spectrum-Table-headCell.is-focused::before {
        top: var(--spectrum-table-compact-border-size);
        bottom: var(--spectrum-table-compact-border-size);
      }

[dir="ltr"] .spectrum-Table--compact .spectrum-Table-cell--divider {
    border-right-width: var(--spectrum-table-compact-divider-border-size);
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table-cell--divider {
    border-left-width: var(--spectrum-table-compact-divider-border-size);
}

.spectrum-Table--compact .spectrum-Table-row {
    position: relative;
    cursor: pointer;
    transition: background-color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  }

.spectrum-Table--compact .spectrum-Table-row:focus {
      outline: 0;
    }

.spectrum-Table--compact .spectrum-Table > .spectrum-Table-body > .spectrum-Table-row:last-of-type {
    border-bottom-style: none;
  }

.spectrum-Table--compact .spectrum-Table--quiet .spectrum-Table-body {
      border-radius: var(--spectrum-table-compact-quiet-border-radius);
    }

.spectrum-Table--compact .spectrum-Table--quiet .spectrum-Table-body.is-drop-target::before, .spectrum-Table--compact .spectrum-Table--quiet .spectrum-Table-row.is-drop-target::before {
          border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
        }

[dir="ltr"] .spectrum-Table--compact .spectrum-Table-checkboxCell {
    padding-right: var(--spectrum-table-compact-cell-checkbox-padding-right);
}

[dir="rtl"] .spectrum-Table--compact .spectrum-Table-checkboxCell {
    padding-left: var(--spectrum-table-compact-cell-checkbox-padding-right);
}

.spectrum-Table--compact .spectrum-Table-checkboxCell {
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: var(--spectrum-table-compact-cell-checkbox-vertical-alignment);
  }

.spectrum-Table--compact .spectrum-Table-checkbox {
    vertical-align: super;
  }

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table-sortedIcon {
    margin-left: var(--spectrum-table-spacious-header-sort-icon-gap);
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table-sortedIcon {
    margin-right: var(--spectrum-table-spacious-header-sort-icon-gap);
}

.spectrum-Table--spacious .spectrum-Table-sortedIcon {
    display: none;

    vertical-align: middle;

    transition: transform var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  }

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table-headCell {
    text-align: left;
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table-headCell {
    text-align: right;
}

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table-headCell {
    padding-left: var(--spectrum-table-spacious-header-padding-left);
    padding-right: var(--spectrum-table-spacious-header-padding-right);
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table-headCell {
    padding-right: var(--spectrum-table-spacious-header-padding-left);
    padding-left: var(--spectrum-table-spacious-header-padding-right);
}

.spectrum-Table--spacious .spectrum-Table-headCell {
    box-sizing: border-box;
    font-size: var(--spectrum-table-spacious-header-text-size);
    font-weight: var(--spectrum-table-spacious-header-text-font-weight);
    line-height: var(--spectrum-table-spacious-header-text-line-height);
    min-height: var(--spectrum-table-spacious-header-min-height);
    letter-spacing: var(--spectrum-table-spacious-header-text-letter-spacing);
    text-transform: uppercase;
    padding-top: var(--spectrum-table-spacious-header-padding-top);
    padding-bottom: var(--spectrum-table-spacious-header-padding-bottom);
    transition: color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
    cursor: default;
    outline: 0;
    border-radius: var(--spectrum-table-spacious-header-border-radius);
  }

.spectrum-Table--spacious .spectrum-Table-headCell.is-sortable {
      cursor: pointer;
    }

.spectrum-Table--spacious .spectrum-Table-headCell.is-sorted-asc .spectrum-Table-sortedIcon, .spectrum-Table--spacious .spectrum-Table-headCell.is-sorted-desc .spectrum-Table-sortedIcon {
        display: inline-block;
        margin-top: calc(var(--spectrum-global-dimension-size-25) * -1);
      }

.spectrum-Table--spacious .spectrum-Table-headCell.is-sorted-asc .spectrum-Table-sortedIcon {
        transform: rotateZ(-90deg);
      }

.spectrum-Table--spacious .spectrum-Table-cell--alignCenter {
    text-align: center;
  }

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table-cell--alignRight {
    text-align: right;
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table-cell--alignRight {
    text-align: left;
}

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--spacious .spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--spacious .spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--spacious .spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--spacious .spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
      left: 0;
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--spacious .spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--spacious .spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--spacious .spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--spacious .spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
      right: 0;
}

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--spacious .spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--spacious .spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--spacious .spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="ltr"] 
.spectrum-Table--spacious .spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
      right: 0;
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--spacious .spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--spacious .spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--spacious .spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,[dir="rtl"] 
.spectrum-Table--spacious .spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
      left: 0;
}

.spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,
.spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before,
.spectrum-Table--spacious .spectrum-Table--compact .spectrum-Table-body.is-drop-target::before,
.spectrum-Table--spacious .spectrum-Table--compact .spectrum-Table-row.is-drop-target::before,
.spectrum-Table--spacious .spectrum-Table--spacious .spectrum-Table-body.is-drop-target::before,
.spectrum-Table--spacious .spectrum-Table--spacious .spectrum-Table-row.is-drop-target::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 1;
    }

.spectrum-Table--spacious .spectrum-Table-body {
    position: relative;

    border-width: var(--spectrum-table-spacious-border-size);
    border-radius: var(--spectrum-table-spacious-border-radius);
    overflow: auto;
    vertical-align: var(--spectrum-table-spacious-cell-vertical-alignment);
  }

.spectrum-Table--spacious .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body {
      border-width: var(--spectrum-table-spacious-border-size);
      border-radius: var(--spectrum-table-spacious-border-radius);
    }

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child {
        border-top-left-radius: var(--spectrum-table-spacious-border-radius);
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child {
        border-top-right-radius: var(--spectrum-table-spacious-border-radius);
}

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child {
        border-top-right-radius: var(--spectrum-table-spacious-border-radius);
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child {
        border-top-left-radius: var(--spectrum-table-spacious-border-radius);
}

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child {
        border-bottom-left-radius: var(--spectrum-table-spacious-border-radius);
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child {
        border-bottom-right-radius: var(--spectrum-table-spacious-border-radius);
}

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child {
        border-bottom-right-radius: var(--spectrum-table-spacious-border-radius);
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child {
        border-bottom-left-radius: var(--spectrum-table-spacious-border-radius);
}

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table-cell {
    padding-left: var(--spectrum-table-spacious-cell-padding-left);
    padding-right: var(--spectrum-table-spacious-cell-padding-right);
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table-cell {
    padding-right: var(--spectrum-table-spacious-cell-padding-left);
    padding-left: var(--spectrum-table-spacious-cell-padding-right);
}

.spectrum-Table--spacious .spectrum-Table-cell {
    box-sizing: border-box;
    font-size: var(--spectrum-table-spacious-cell-text-size);
    font-weight: var(--spectrum-table-spacious-cell-text-font-weight);
    line-height: var(--spectrum-table-spacious-cell-text-line-height);
    padding-top: var(--spectrum-table-spacious-cell-padding-top);
    padding-bottom: var(--spectrum-table-spacious-cell-padding-bottom);
    min-height: calc(var(--spectrum-table-spacious-cell-min-height) - var(--spectrum-table-spacious-cell-padding-top) - var(--spectrum-table-spacious-cell-padding-bottom));
  }

.spectrum-Table--spacious .spectrum-Table-cell,
  .spectrum-Table--spacious .spectrum-Table-headCell {
    position: relative;
  }

.spectrum-Table--spacious .spectrum-Table-cell.focus-ring,
    .spectrum-Table--spacious .spectrum-Table-cell.is-focused,
    .spectrum-Table--spacious .spectrum-Table-headCell.focus-ring,
    .spectrum-Table--spacious .spectrum-Table-headCell.is-focused {
      outline: none;
    }

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table-cell.focus-ring::before,[dir="ltr"]  .spectrum-Table--spacious .spectrum-Table-cell.is-focused::before,[dir="ltr"]  .spectrum-Table--spacious .spectrum-Table-headCell.focus-ring::before,[dir="ltr"]  .spectrum-Table--spacious .spectrum-Table-headCell.is-focused::before {
        right: 0;
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table-cell.focus-ring::before,[dir="rtl"]  .spectrum-Table--spacious .spectrum-Table-cell.is-focused::before,[dir="rtl"]  .spectrum-Table--spacious .spectrum-Table-headCell.focus-ring::before,[dir="rtl"]  .spectrum-Table--spacious .spectrum-Table-headCell.is-focused::before {
        left: 0;
}

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table-cell.focus-ring::before,[dir="ltr"]  .spectrum-Table--spacious .spectrum-Table-cell.is-focused::before,[dir="ltr"]  .spectrum-Table--spacious .spectrum-Table-headCell.focus-ring::before,[dir="ltr"]  .spectrum-Table--spacious .spectrum-Table-headCell.is-focused::before {
        left: 0;
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table-cell.focus-ring::before,[dir="rtl"]  .spectrum-Table--spacious .spectrum-Table-cell.is-focused::before,[dir="rtl"]  .spectrum-Table--spacious .spectrum-Table-headCell.focus-ring::before,[dir="rtl"]  .spectrum-Table--spacious .spectrum-Table-headCell.is-focused::before {
        right: 0;
}

.spectrum-Table--spacious .spectrum-Table-cell.focus-ring::before, .spectrum-Table--spacious .spectrum-Table-cell.is-focused::before, .spectrum-Table--spacious .spectrum-Table-headCell.focus-ring::before, .spectrum-Table--spacious .spectrum-Table-headCell.is-focused::before {
        content: '';
        z-index: 1;
        position: absolute;

        top: 0;
        bottom: 0;

        border-radius: calc(var(--spectrum-table-spacious-cell-border-radius-key-focus) - 1px);
      }

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table-headCell.focus-ring::before,[dir="ltr"]  .spectrum-Table--spacious .spectrum-Table-headCell.is-focused::before {
        right: var(--spectrum-table-spacious-border-size);
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table-headCell.focus-ring::before,[dir="rtl"]  .spectrum-Table--spacious .spectrum-Table-headCell.is-focused::before {
        left: var(--spectrum-table-spacious-border-size);
}

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table-headCell.focus-ring::before,[dir="ltr"]  .spectrum-Table--spacious .spectrum-Table-headCell.is-focused::before {
        left: var(--spectrum-table-spacious-border-size);
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table-headCell.focus-ring::before,[dir="rtl"]  .spectrum-Table--spacious .spectrum-Table-headCell.is-focused::before {
        right: var(--spectrum-table-spacious-border-size);
}

.spectrum-Table--spacious .spectrum-Table-headCell.focus-ring::before, .spectrum-Table--spacious .spectrum-Table-headCell.is-focused::before {
        top: var(--spectrum-table-spacious-border-size);
        bottom: var(--spectrum-table-spacious-border-size);
      }

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table-cell--divider {
    border-right-width: var(--spectrum-table-spacious-divider-border-size);
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table-cell--divider {
    border-left-width: var(--spectrum-table-spacious-divider-border-size);
}

.spectrum-Table--spacious .spectrum-Table-row {
    position: relative;
    cursor: pointer;
    transition: background-color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  }

.spectrum-Table--spacious .spectrum-Table-row:focus {
      outline: 0;
    }

.spectrum-Table--spacious .spectrum-Table > .spectrum-Table-body > .spectrum-Table-row:last-of-type {
    border-bottom-style: none;
  }

.spectrum-Table--spacious .spectrum-Table--quiet .spectrum-Table-body {
      border-radius: var(--spectrum-table-spacious-quiet-border-radius);
    }

.spectrum-Table--spacious .spectrum-Table--quiet .spectrum-Table-body.is-drop-target::before, .spectrum-Table--spacious .spectrum-Table--quiet .spectrum-Table-row.is-drop-target::before {
          border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
        }

[dir="ltr"] .spectrum-Table--spacious .spectrum-Table-checkboxCell {
    padding-right: var(--spectrum-table-spacious-cell-checkbox-padding-right);
}

[dir="rtl"] .spectrum-Table--spacious .spectrum-Table-checkboxCell {
    padding-left: var(--spectrum-table-spacious-cell-checkbox-padding-right);
}

.spectrum-Table--spacious .spectrum-Table-checkboxCell {
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: var(--spectrum-table-spacious-cell-checkbox-vertical-alignment);
  }

.spectrum-Table--spacious .spectrum-Table-checkbox {
    vertical-align: super;
  }

.spectrum-Table-headCell {
  color: var(--spectrum-table-m-regular-header-text-color, var(--spectrum-alias-label-text-color));
  background-color: var(--spectrum-table-m-regular-header-background-color, var(--spectrum-alias-background-color-transparent));
}

.spectrum-Table-headCell.is-sortable .spectrum-Table-sortedIcon {
      color: var(--spectrum-table-m-regular-header-sort-icon-color, var(--spectrum-global-color-gray-600));
    }

.spectrum-Table-headCell.is-sortable:hover {
      color: var(--spectrum-table-m-regular-header-text-color-hover, var(--spectrum-alias-text-color-hover));
    }

.spectrum-Table-headCell.is-sortable:hover .spectrum-Table-sortedIcon {
        color: var(--spectrum-table-m-regular-header-sort-icon-color-hover, var(--spectrum-alias-icon-color-hover));
      }

.spectrum-Table-headCell.is-sortable.focus-ring,
    .spectrum-Table-headCell.is-sortable.is-focused {
      color: var(--spectrum-table-m-regular-header-text-color-key-focus, var(--spectrum-alias-text-color-hover));
    }

.spectrum-Table-headCell.is-sortable.focus-ring .spectrum-Table-sortedIcon, .spectrum-Table-headCell.is-sortable.is-focused .spectrum-Table-sortedIcon {
        color: var(--spectrum-table-m-regular-header-sort-icon-color-key-focus, var(--spectrum-alias-icon-color-key-focus));
      }

.spectrum-Table-headCell.is-sortable:active {
      color: var(--spectrum-table-m-regular-header-text-color-down, var(--spectrum-alias-text-color-down));
    }

.spectrum-Table-headCell.is-sortable:active .spectrum-Table-sortedIcon {
        color: var(--spectrum-table-m-regular-header-sort-icon-color-down, var(--spectrum-alias-icon-color-down));
      }

.spectrum-Table-cell.focus-ring::before, .spectrum-Table-cell.is-focused::before, .spectrum-Table-headCell.focus-ring::before, .spectrum-Table-headCell.is-focused::before {
      box-shadow: inset 0 0 0 2px
        var(--spectrum-table-m-regular-cell-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
    }

.spectrum-Table-body {
  border-style: solid;
  border-color: var(--spectrum-table-m-regular-border-color, var(--spectrum-alias-border-color-mid));
  background-color: var(--spectrum-table-m-regular-background-color, var(--spectrum-global-color-gray-50));
}

.spectrum-Table-body.is-drop-target {
    border-color: var(--spectrum-alias-border-color-key-focus, var(--spectrum-global-color-blue-400));
    box-shadow: 0 0 0 1px var(--spectrum-alias-border-color-key-focus, var(--spectrum-global-color-blue-400));
  }

.spectrum-Table-body.is-drop-target::before {
      background-color: var(--spectrum-alias-highlight-selected);
    }

tbody.spectrum-Table-body {
  border: none;
}

tbody.spectrum-Table-body .spectrum-Table-row {
    border-top: none;
  }

tbody.spectrum-Table-body .spectrum-Table-cell {
    border-top: 1px solid var(--spectrum-table-m-regular-border-color, var(--spectrum-alias-border-color-mid));
  }

[dir="ltr"] tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child {
    border-left: 1px solid var(--spectrum-table-m-regular-border-color, var(--spectrum-alias-border-color-mid));
}

[dir="rtl"] tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child {
    border-right: 1px solid var(--spectrum-table-m-regular-border-color, var(--spectrum-alias-border-color-mid));
}

[dir="ltr"] tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child {
    border-right: 1px solid var(--spectrum-table-m-regular-border-color, var(--spectrum-alias-border-color-mid));
}

[dir="rtl"] tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child {
    border-left: 1px solid var(--spectrum-table-m-regular-border-color, var(--spectrum-alias-border-color-mid));
}

tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell {
    border-bottom: 1px solid var(--spectrum-table-m-regular-border-color, var(--spectrum-alias-border-color-mid));
  }

.spectrum-Table-row {
  border-bottom: 1px solid var(--spectrum-table-m-regular-border-color, var(--spectrum-alias-border-color-mid));
  background-color: var(--spectrum-table-m-regular-row-background-color, var(--spectrum-alias-background-color-transparent));
}

.spectrum-Table-row:hover {
    background-color: var(--spectrum-table-m-regular-row-background-color-hover, var(--spectrum-alias-highlight-hover));
  }

.spectrum-Table-row.focus-ring,
  .spectrum-Table-row.is-focused {
    background-color: var(--spectrum-table-m-regular-row-background-color-hover, var(--spectrum-alias-highlight-hover));
  }

.spectrum-Table-row:active {
    background-color: var(--spectrum-table-m-regular-row-background-color-down, var(--spectrum-alias-highlight-down));
  }

.spectrum-Table-row.is-selected {
    background-color: var(--spectrum-table-m-regular-row-background-color-selected, var(--spectrum-alias-highlight-selected));
  }

.spectrum-Table-row.is-selected:hover {
      background-color: var(--spectrum-table-m-regular-row-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
    }

.spectrum-Table-row.is-selected.focus-ring,
    .spectrum-Table-row.is-selected.is-focused {
      background-color: var(--spectrum-table-m-regular-row-background-color-selected-key-focus, var(--spectrum-alias-highlight-selected-hover));
    }

.spectrum-Table-row.is-drop-target::before {
      box-shadow: inset 0 0 0 2px var(--spectrum-alias-border-color-key-focus, var(--spectrum-global-color-blue-400));
      background-color: var(--spectrum-alias-highlight-selected);
    }

.spectrum-Table-cell {
  color: var(--spectrum-table-m-regular-cell-text-color, var(--spectrum-alias-text-color));
  background-color: var(--spectrum-table-m-regular-cell-background-color, var(--spectrum-alias-background-color-transparent));
}

[dir="ltr"] .spectrum-Table-cell--divider {
  border-right-style: solid;
}

[dir="rtl"] .spectrum-Table-cell--divider {
  border-left-style: solid;
}

[dir="ltr"] .spectrum-Table-cell--divider {
  border-right-color: var(--spectrum-table-m-regular-divider-border-color, var(--spectrum-alias-border-color-mid));
}

[dir="rtl"] .spectrum-Table-cell--divider {
  border-left-color: var(--spectrum-table-m-regular-divider-border-color, var(--spectrum-alias-border-color-mid));
}

.spectrum-Table--quiet .spectrum-Table-body {
    border-width: 1px 0;
    background-color: var(--spectrum-table-m-regular-quiet-cell-background-color, var(--spectrum-alias-background-color-transparent));
  }

.spectrum-Table--quiet .spectrum-Table-body.is-drop-target {
      box-shadow: none;
      border-color: transparent;
    }

.spectrum-Table--quiet .spectrum-Table-body.is-drop-target::before {
        box-shadow: inset 0 0 0 2px var(--spectrum-alias-border-color-key-focus, var(--spectrum-global-color-blue-400));
      }

.spectrum-Table--quiet .spectrum-Table-row {
    background-color: var(--spectrum-table-m-regular-quiet-row-background-color, var(--spectrum-alias-background-color-transparent));
  }

.spectrum-Table--quiet .spectrum-Table-row:hover {
      background-color: var(--spectrum-table-m-regular-quiet-row-background-color-hover, var(--spectrum-alias-highlight-hover));
    }

.spectrum-Table--quiet .spectrum-Table-row.focus-ring,
    .spectrum-Table--quiet .spectrum-Table-row.is-focused {
      background-color: var(--spectrum-table-m-regular-quiet-row-background-color-hover, var(--spectrum-alias-highlight-hover));
    }

.spectrum-Table--quiet .spectrum-Table-row:active {
      background-color: var(--spectrum-table-m-regular-quiet-row-background-color-down, var(--spectrum-alias-highlight-down));
    }

.spectrum-Table--quiet .spectrum-Table-row.is-selected {
      background-color: var(--spectrum-table-m-regular-quiet-row-background-color-selected, var(--spectrum-alias-highlight-selected));
    }

.spectrum-Table--quiet .spectrum-Table-row.is-selected:hover {
        background-color: var(--spectrum-table-m-regular-quiet-row-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
      }

.spectrum-Table--quiet .spectrum-Table-row.is-selected.focus-ring,
      .spectrum-Table--quiet .spectrum-Table-row.is-selected.is-focused {
        background-color: var(--spectrum-table-m-regular-quiet-row-background-color-selected-key-focus, var(--spectrum-alias-highlight-selected-hover));
      }

[dir="ltr"] .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,[dir="ltr"] 
    .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child {
      border-left: none;
}

[dir="rtl"] .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,[dir="rtl"] 
    .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child {
      border-right: none;
}

[dir="ltr"] .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,[dir="ltr"] 
    .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child {
      border-right: none;
}

[dir="rtl"] .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,[dir="rtl"] 
    .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child {
      border-left: none;
}

.spectrum-Tabs--sizeS {
  --spectrum-tabs-focus-ring-border-radius: var(--spectrum-tabs-s-focus-ring-border-radius);
  --spectrum-tabs-item-height: var(--spectrum-tabs-s-item-height, var(--spectrum-global-dimension-size-300));
  --spectrum-tabs-item-gap: var(--spectrum-tabs-s-item-gap, var(--spectrum-global-dimension-size-250));
  --spectrum-tabs-text-size: var(--spectrum-tabs-s-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-tabs-text-font-weight: var(--spectrum-tabs-s-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-tabs-icon-gap: var(--spectrum-tabs-s-icon-gap, var(--spectrum-global-dimension-size-85));
  --spectrum-tabs-divider-border-radius: var(--spectrum-tabs-s-divider-border-radius, var(--spectrum-global-dimension-static-size-10));
  --spectrum-tabs-divider-size: var(--spectrum-tabs-s-divider-size, var(--spectrum-alias-border-size-thick));
  --spectrum-tabs-focus-ring-size: var(--spectrum-tabs-s-focus-ring-size, var(--spectrum-alias-border-size-thick));
  --spectrum-tabs-focus-ring-height: var(--spectrum-tabs-s-focus-ring-height, var(--spectrum-global-dimension-size-300));
  --spectrum-tabs-focus-ring-padding-x: var(--spectrum-tabs-s-focus-ring-padding-x, var(--spectrum-global-dimension-size-115));
  --spectrum-tabs-selection-indicator-animation-duration: var(--spectrum-tabs-s-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100));
  --spectrum-tabs-vertical-item-height: var(--spectrum-tabs-s-vertical-item-height, var(--spectrum-global-dimension-size-450));
  --spectrum-tabs-vertical-item-gap: var(--spectrum-tabs-s-vertical-item-gap, var(--spectrum-global-dimension-size-50));
  --spectrum-tabs-vertical-item-margin-left: var(--spectrum-tabs-s-vertical-item-margin-left, var(--spectrum-global-dimension-size-150));
  --spectrum-tabs-vertical-divider-size: var(--spectrum-tabs-s-vertical-divider-size, var(--spectrum-alias-border-size-thick));
  --spectrum-tabs-compact-quiet-height: var(--spectrum-tabs-s-compact-quiet-height, var(--spectrum-global-dimension-size-300));
  --spectrum-tabs-compact-item-height: var(--spectrum-tabs-s-compact-item-height, var(--spectrum-global-dimension-size-300));
  --spectrum-tabs-compact-vertical-item-height: var(--spectrum-tabs-s-compact-vertical-item-height, var(--spectrum-global-dimension-size-300));
  --spectrum-tabs-compact-vertical-item-gap: var(--spectrum-tabs-s-compact-vertical-item-gap, var(--spectrum-global-dimension-size-50));
}

.spectrum-Tabs--sizeM {
  --spectrum-tabs-focus-ring-border-radius: var(--spectrum-tabs-m-focus-ring-border-radius);
  --spectrum-tabs-item-height: var(--spectrum-tabs-m-item-height, var(--spectrum-global-dimension-size-400));
  --spectrum-tabs-item-gap: var(--spectrum-tabs-m-item-gap, var(--spectrum-global-dimension-size-300));
  --spectrum-tabs-text-size: var(--spectrum-tabs-m-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-tabs-text-font-weight: var(--spectrum-tabs-m-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-tabs-icon-gap: var(--spectrum-tabs-m-icon-gap, var(--spectrum-global-dimension-size-100));
  --spectrum-tabs-divider-border-radius: var(--spectrum-tabs-m-divider-border-radius, var(--spectrum-global-dimension-static-size-10));
  --spectrum-tabs-divider-size: var(--spectrum-tabs-m-divider-size, var(--spectrum-alias-border-size-thick));
  --spectrum-tabs-focus-ring-size: var(--spectrum-tabs-m-focus-ring-size, var(--spectrum-alias-border-size-thick));
  --spectrum-tabs-focus-ring-height: var(--spectrum-tabs-m-focus-ring-height, var(--spectrum-global-dimension-size-400));
  --spectrum-tabs-focus-ring-padding-x: var(--spectrum-tabs-m-focus-ring-padding-x, var(--spectrum-global-dimension-size-150));
  --spectrum-tabs-selection-indicator-animation-duration: var(--spectrum-tabs-m-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100));
  --spectrum-tabs-vertical-item-height: var(--spectrum-tabs-m-vertical-item-height, var(--spectrum-global-dimension-size-550));
  --spectrum-tabs-vertical-item-gap: var(--spectrum-tabs-m-vertical-item-gap, var(--spectrum-global-dimension-size-50));
  --spectrum-tabs-vertical-item-margin-left: var(--spectrum-tabs-m-vertical-item-margin-left, var(--spectrum-global-dimension-size-150));
  --spectrum-tabs-vertical-divider-size: var(--spectrum-tabs-m-vertical-divider-size, var(--spectrum-alias-border-size-thick));
  --spectrum-tabs-compact-quiet-height: var(--spectrum-tabs-m-compact-quiet-height, var(--spectrum-global-dimension-size-400));
  --spectrum-tabs-compact-item-height: var(--spectrum-tabs-m-compact-item-height, var(--spectrum-global-dimension-size-400));
  --spectrum-tabs-compact-vertical-item-height: var(--spectrum-tabs-m-compact-vertical-item-height, var(--spectrum-global-dimension-size-400));
  --spectrum-tabs-compact-vertical-item-gap: var(--spectrum-tabs-m-compact-vertical-item-gap, var(--spectrum-global-dimension-size-50));
}

.spectrum-Tabs--sizeL {
  --spectrum-tabs-focus-ring-border-radius: var(--spectrum-tabs-l-focus-ring-border-radius);
  --spectrum-tabs-item-height: var(--spectrum-tabs-l-item-height, var(--spectrum-global-dimension-size-500));
  --spectrum-tabs-item-gap: var(--spectrum-tabs-l-item-gap, var(--spectrum-global-dimension-size-350));
  --spectrum-tabs-text-size: var(--spectrum-tabs-l-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-tabs-text-font-weight: var(--spectrum-tabs-l-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-tabs-icon-gap: var(--spectrum-tabs-l-icon-gap, var(--spectrum-global-dimension-size-115));
  --spectrum-tabs-divider-border-radius: var(--spectrum-tabs-l-divider-border-radius, var(--spectrum-global-dimension-static-size-10));
  --spectrum-tabs-divider-size: var(--spectrum-tabs-l-divider-size, var(--spectrum-alias-border-size-thick));
  --spectrum-tabs-focus-ring-size: var(--spectrum-tabs-l-focus-ring-size, var(--spectrum-alias-border-size-thick));
  --spectrum-tabs-focus-ring-height: var(--spectrum-tabs-l-focus-ring-height, var(--spectrum-global-dimension-size-500));
  --spectrum-tabs-focus-ring-padding-x: var(--spectrum-tabs-l-focus-ring-padding-x, var(--spectrum-global-dimension-size-185));
  --spectrum-tabs-selection-indicator-animation-duration: var(--spectrum-tabs-l-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100));
  --spectrum-tabs-vertical-item-height: var(--spectrum-tabs-l-vertical-item-height, var(--spectrum-global-dimension-size-650));
  --spectrum-tabs-vertical-item-gap: var(--spectrum-tabs-l-vertical-item-gap, var(--spectrum-global-dimension-size-65));
  --spectrum-tabs-vertical-item-margin-left: var(--spectrum-tabs-l-vertical-item-margin-left, var(--spectrum-global-dimension-size-160));
  --spectrum-tabs-vertical-divider-size: var(--spectrum-tabs-l-vertical-divider-size, var(--spectrum-alias-border-size-thick));
  --spectrum-tabs-compact-quiet-height: var(--spectrum-tabs-l-compact-quiet-height, var(--spectrum-global-dimension-size-500));
  --spectrum-tabs-compact-item-height: var(--spectrum-tabs-l-compact-item-height, var(--spectrum-global-dimension-size-500));
  --spectrum-tabs-compact-vertical-item-height: var(--spectrum-tabs-l-compact-vertical-item-height, var(--spectrum-global-dimension-size-500));
  --spectrum-tabs-compact-vertical-item-gap: var(--spectrum-tabs-l-compact-vertical-item-gap, var(--spectrum-global-dimension-size-65));
}

.spectrum-Tabs--sizeXL {
  --spectrum-tabs-focus-ring-border-radius: var(--spectrum-tabs-xl-focus-ring-border-radius);
  --spectrum-tabs-item-height: var(--spectrum-tabs-xl-item-height, var(--spectrum-global-dimension-size-600));
  --spectrum-tabs-item-gap: var(--spectrum-tabs-xl-item-gap, var(--spectrum-global-dimension-size-400));
  --spectrum-tabs-text-size: var(--spectrum-tabs-xl-text-size, var(--spectrum-global-dimension-font-size-300));
  --spectrum-tabs-text-font-weight: var(--spectrum-tabs-xl-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  --spectrum-tabs-icon-gap: var(--spectrum-tabs-xl-icon-gap, var(--spectrum-global-dimension-size-125));
  --spectrum-tabs-divider-border-radius: var(--spectrum-tabs-xl-divider-border-radius, var(--spectrum-global-dimension-static-size-10));
  --spectrum-tabs-divider-size: var(--spectrum-tabs-xl-divider-size, var(--spectrum-alias-border-size-thick));
  --spectrum-tabs-focus-ring-size: var(--spectrum-tabs-xl-focus-ring-size, var(--spectrum-alias-border-size-thick));
  --spectrum-tabs-focus-ring-height: var(--spectrum-tabs-xl-focus-ring-height, var(--spectrum-global-dimension-size-600));
  --spectrum-tabs-focus-ring-padding-x: var(--spectrum-tabs-xl-focus-ring-padding-x, var(--spectrum-global-dimension-size-225));
  --spectrum-tabs-selection-indicator-animation-duration: var(--spectrum-tabs-xl-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100));
  --spectrum-tabs-vertical-item-height: var(--spectrum-tabs-xl-vertical-item-height, var(--spectrum-global-dimension-size-750));
  --spectrum-tabs-vertical-item-gap: var(--spectrum-tabs-xl-vertical-item-gap, var(--spectrum-global-dimension-size-65));
  --spectrum-tabs-vertical-item-margin-left: var(--spectrum-tabs-xl-vertical-item-margin-left, var(--spectrum-global-dimension-size-160));
  --spectrum-tabs-vertical-divider-size: var(--spectrum-tabs-xl-vertical-divider-size, var(--spectrum-alias-border-size-thick));
  --spectrum-tabs-compact-quiet-height: var(--spectrum-tabs-xl-compact-quiet-height, var(--spectrum-global-dimension-size-600));
  --spectrum-tabs-compact-item-height: var(--spectrum-tabs-xl-compact-item-height, var(--spectrum-global-dimension-size-600));
  --spectrum-tabs-compact-vertical-item-height: var(--spectrum-tabs-xl-compact-vertical-item-height, var(--spectrum-global-dimension-size-600));
  --spectrum-tabs-compact-vertical-item-gap: var(--spectrum-tabs-xl-compact-vertical-item-gap, var(--spectrum-global-dimension-size-65));
}

.spectrum-Tabs {
  --spectrum-tabs-compact-item-height: calc(var(--spectrum-tabs-compact-quiet-height) - var(--spectrum-tabs-divider-size));
}

.spectrum-Tabs {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;

  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: top;
}

.spectrum-Tabs-item {
  position: relative;

  box-sizing: border-box;

  height: var(--spectrum-tabs-item-height);
  line-height: var(--spectrum-tabs-item-height);
  z-index: 1;

  text-decoration: none;
  white-space: nowrap;

  transition: color var(--spectrum-global-animation-duration-100, 130ms) ease-out;
  cursor: pointer;
  outline: none;
}

.spectrum-Tabs-item.is-disabled {
    cursor: default;
  }

.spectrum-Tabs-item.is-disabled .spectrum-Tabs-itemLabel {
      cursor: default;
    }

.spectrum-Tabs-item .spectrum-Icon {
    height: var(--spectrum-tabs-item-height);
  }

[dir="ltr"] .spectrum-Tabs-item .spectrum-Icon + .spectrum-Tabs-itemLabel {
      margin-left: calc(var(--spectrum-tabs-icon-gap) - var(--spectrum-global-dimension-size-40));
}

[dir="rtl"] .spectrum-Tabs-item .spectrum-Icon + .spectrum-Tabs-itemLabel {
      margin-right: calc(var(--spectrum-tabs-icon-gap) - var(--spectrum-global-dimension-size-40));
}

[dir="ltr"] .spectrum-Tabs-item::before {
    left: calc(-1 * var(--spectrum-tabs-focus-ring-padding-x));
}

[dir="rtl"] .spectrum-Tabs-item::before {
    right: calc(-1 * var(--spectrum-tabs-focus-ring-padding-x));
}

[dir="ltr"] .spectrum-Tabs-item::before {
    right: calc(-1 * var(--spectrum-tabs-focus-ring-padding-x));
}

[dir="rtl"] .spectrum-Tabs-item::before {
    left: calc(-1 * var(--spectrum-tabs-focus-ring-padding-x));
}

.spectrum-Tabs-item::before {
    content: '';
    position: absolute;
    top: 50%;

    box-sizing: border-box;

    height: var(--spectrum-tabs-focus-ring-height);
    margin-top: calc(var(--spectrum-tabs-focus-ring-height) / -2 + var(--spectrum-tabs-divider-size) / 2);
    border: var(--spectrum-tabs-focus-ring-size) solid transparent;
    border-radius: var(--spectrum-tabs-focus-ring-border-radius);

    pointer-events: none;
  }

.spectrum-Tabs-itemLabel {
  cursor: pointer;
  vertical-align: top;
  display: inline-block;

  font-size: var(--spectrum-tabs-text-size);
  font-weight: var(--spectrum-tabs-text-font-weight);
  text-decoration: none;
}

.spectrum-Tabs-itemLabel:empty {
    display: none;
  }

[dir="ltr"] .spectrum-Tabs-selectionIndicator {
  left: 0;
}

[dir="rtl"] .spectrum-Tabs-selectionIndicator {
  right: 0;
}

.spectrum-Tabs-selectionIndicator {
  position: absolute;
  z-index: 0;

  transition: transform var(--spectrum-tabs-selection-indicator-animation-duration) ease-in-out;
  transform-origin: top left;

  border-radius: var(--spectrum-tabs-divider-border-radius);
}

.spectrum-Tabs--compact .spectrum-Tabs-item {
    height: var(--spectrum-tabs-compact-item-height);
    line-height: var(--spectrum-tabs-compact-item-height);
  }

.spectrum-Tabs--compact .spectrum-Tabs-item .spectrum-Icon {
      height: var(--spectrum-tabs-compact-item-height);
    }

.spectrum-Tabs--horizontal {
  -ms-flex-align: center;
      align-items: center;

  border-bottom: var(--spectrum-tabs-divider-size) solid;
}

.spectrum-Tabs--horizontal .spectrum-Tabs-item {
    vertical-align: top;
  }

[dir="ltr"] .spectrum-Tabs--horizontal .spectrum-Tabs-item + *:not(.spectrum-Tabs-selectionIndicator) {
      margin-left: var(--spectrum-tabs-item-gap);
}

[dir="rtl"] .spectrum-Tabs--horizontal .spectrum-Tabs-item + *:not(.spectrum-Tabs-selectionIndicator) {
      margin-right: var(--spectrum-tabs-item-gap);
}

.spectrum-Tabs--horizontal .spectrum-Tabs-selectionIndicator {
    position: absolute;
    bottom: 0;
    height: var(--spectrum-tabs-divider-size);

    bottom: calc(-1 * var(--spectrum-tabs-divider-size));
  }

.spectrum-Tabs--horizontal.spectrum-Tabs--compact {
    box-sizing: content-box;
    height: var(--spectrum-tabs-compact-item-height);
    -ms-flex-align: end;
        align-items: end;
  }

.spectrum-Tabs--quiet {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

[dir="ltr"] .spectrum-Tabs--vertical {
  border-left: var(--spectrum-tabs-vertical-divider-size) solid;
}

[dir="rtl"] .spectrum-Tabs--vertical {
  border-right: var(--spectrum-tabs-vertical-divider-size) solid;
}

.spectrum-Tabs--vertical {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0;
}

[dir="ltr"] .spectrum-Tabs--vertical .spectrum-Tabs-item {
    margin-left: calc(var(--spectrum-tabs-vertical-item-margin-left) - var(--spectrum-tabs-focus-ring-padding-x));
}

[dir="rtl"] .spectrum-Tabs--vertical .spectrum-Tabs-item {
    margin-right: calc(var(--spectrum-tabs-vertical-item-margin-left) - var(--spectrum-tabs-focus-ring-padding-x));
}

.spectrum-Tabs--vertical .spectrum-Tabs-item {
    height: var(--spectrum-tabs-vertical-item-height);
    line-height: var(--spectrum-tabs-vertical-item-height);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: var(--spectrum-tabs-focus-ring-padding-x);
    padding-right: var(--spectrum-tabs-focus-ring-padding-x);
    margin-bottom: var(--spectrum-tabs-vertical-item-gap);
  }

[dir="ltr"] .spectrum-Tabs--vertical .spectrum-Tabs-item::before {
      left: calc(-1 * var(--spectrum-tabs-focus-ring-size));
}

[dir="rtl"] .spectrum-Tabs--vertical .spectrum-Tabs-item::before {
      right: calc(-1 * var(--spectrum-tabs-focus-ring-size));
}

[dir="ltr"] .spectrum-Tabs--vertical .spectrum-Tabs-item::before {
      right: calc(-1 * var(--spectrum-tabs-focus-ring-size));
}

[dir="rtl"] .spectrum-Tabs--vertical .spectrum-Tabs-item::before {
      left: calc(-1 * var(--spectrum-tabs-focus-ring-size));
}

.spectrum-Tabs--vertical .spectrum-Tabs-item::before {
      margin-top: calc(var(--spectrum-tabs-focus-ring-height) / -2);
    }

.spectrum-Tabs--vertical .spectrum-Icon {
    height: var(--spectrum-tabs-vertical-item-height);
    line-height: var(--spectrum-tabs-vertical-item-height);
  }

.spectrum-Tabs--vertical.spectrum-Tabs--compact .spectrum-Tabs-item {
      height: var(--spectrum-tabs-compact-vertical-item-height);
      line-height: var(--spectrum-tabs-compact-vertical-item-height);
      margin-bottom: var(--spectrum-tabs-compact-vertical-item-gap);
    }

.spectrum-Tabs--vertical.spectrum-Tabs--compact .spectrum-Tabs-item .spectrum-Icon {
        height: var(--spectrum-tabs-compact-vertical-item-height);
      }

[dir="ltr"] .spectrum-Tabs--vertical .spectrum-Tabs-selectionIndicator {
    left: 0px;
}

[dir="rtl"] .spectrum-Tabs--vertical .spectrum-Tabs-selectionIndicator {
    right: 0px;
}

[dir="ltr"] .spectrum-Tabs--vertical .spectrum-Tabs-selectionIndicator {

    left: calc(-1 * var(--spectrum-tabs-vertical-divider-size));
}

[dir="rtl"] .spectrum-Tabs--vertical .spectrum-Tabs-selectionIndicator {

    right: calc(-1 * var(--spectrum-tabs-vertical-divider-size));
}

.spectrum-Tabs--vertical .spectrum-Tabs-selectionIndicator {
    position: absolute;
    width: var(--spectrum-tabs-vertical-divider-size);
  }

.spectrum-Tabs {
  border-bottom-color: var(--spectrum-tabs-m-divider-color, var(--spectrum-alias-border-color-light));
}

[dir="ltr"] .spectrum-Tabs--vertical {
  border-left-color: var(--spectrum-tabs-m-vertical-divider-color, var(--spectrum-alias-border-color-light));
}

[dir="rtl"] .spectrum-Tabs--vertical {
  border-right-color: var(--spectrum-tabs-m-vertical-divider-color, var(--spectrum-alias-border-color-light));
}

.spectrum-Tabs-selectionIndicator {
  background-color: var(--spectrum-tabs-m-selection-indicator-color, var(--spectrum-global-color-gray-900));
}

.spectrum-Tabs-item {
  color: var(--spectrum-tabs-m-text-color, var(--spectrum-alias-label-text-color));
}

.spectrum-Tabs-item .spectrum-Icon {
    color: var(--spectrum-tabs-m-icon-color, var(--spectrum-alias-icon-color))
  }

.spectrum-Tabs-item:hover {
    color: var(--spectrum-tabs-m-text-color-hover, var(--spectrum-alias-text-color-hover));
  }

.spectrum-Tabs-item:hover .spectrum-Icon {
      color: var(--spectrum-tabs-m-icon-color-hover, var(--spectrum-alias-icon-color-hover))
    }

.spectrum-Tabs-item.is-selected {
    color: var(--spectrum-tabs-m-text-color-selected, var(--spectrum-global-color-gray-900));
  }

.spectrum-Tabs-item.is-selected .spectrum-Icon {
      color: var(--spectrum-tabs-m-icon-color-selected, var(--spectrum-global-color-gray-900))
    }

.spectrum-Tabs-item.focus-ring {
    color: var(--spectrum-tabs-m-text-color-key-focus, var(--spectrum-alias-text-color-hover));
  }

.spectrum-Tabs-item.focus-ring::before {
      border-color: var(--spectrum-tabs-m-focus-ring-color, var(--spectrum-alias-border-color-key-focus));
    }

.spectrum-Tabs-item.focus-ring .spectrum-Icon {
      color: var(--spectrum-tabs-m-icon-color-key-focus, var(--spectrum-alias-icon-color-key-focus))
    }

.spectrum-Tabs-item.is-disabled {
    color: var(--spectrum-tabs-m-text-color-disabled, var(--spectrum-alias-text-color-disabled));
  }

.spectrum-Tabs-item.is-disabled .spectrum-Icon {
      color: var(--spectrum-tabs-m-icon-color-disabled, var(--spectrum-alias-icon-color-disabled))
    }

.spectrum-Tabs--quiet {
  border-bottom-color: var(--spectrum-tabs-m-quiet-divider-color, var(--spectrum-alias-border-color-transparent));
}

.spectrum-Tabs--quiet .spectrum-Tabs-selectionIndicator {
    background-color: var(--spectrum-tabs-m-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900));
  }

[dir="ltr"] .spectrum-Tabs--vertical.spectrum-Tabs--quiet,[dir="ltr"] 
  .spectrum-Tabs--vertical.spectrum-Tabs--compact {
    border-left-color: var(--spectrum-tabs-m-vertical-quiet-divider-color, var(--spectrum-alias-border-color-transparent));
}

[dir="rtl"] .spectrum-Tabs--vertical.spectrum-Tabs--quiet,[dir="rtl"] 
  .spectrum-Tabs--vertical.spectrum-Tabs--compact {
    border-right-color: var(--spectrum-tabs-m-vertical-quiet-divider-color, var(--spectrum-alias-border-color-transparent));
}

.spectrum-Tabs--vertical.spectrum-Tabs--quiet .spectrum-Tabs-selectionIndicator, .spectrum-Tabs--vertical.spectrum-Tabs--compact .spectrum-Tabs-selectionIndicator {
      background-color: var(--spectrum-tabs-m-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900));
    }

.spectrum-Tag--sizeS {
  --spectrum-tag-texticon-padding-left: var(--spectrum-tag-s-texticon-padding-left, var(--spectrum-global-dimension-size-85));
  --spectrum-tag-texticon-padding-right: var(--spectrum-tag-s-texticon-padding-right, var(--spectrum-global-dimension-size-115));
  --spectrum-tag-texticon-text-size: var(--spectrum-tag-s-texticon-text-size, var(--spectrum-global-dimension-font-size-75));
  --spectrum-tag-texticon-icon-gap: var(--spectrum-tag-s-texticon-icon-gap, var(--spectrum-global-dimension-size-85));
  --spectrum-tag-texticon-focus-ring-size: var(--spectrum-tag-s-texticon-focus-ring-size, var(--spectrum-alias-focus-ring-size));
  --spectrum-tag-texticon-border-size: var(--spectrum-tag-s-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-tag-texticon-height: var(--spectrum-tag-s-texticon-height, var(--spectrum-global-dimension-size-300));
}

.spectrum-Tag--sizeM {
  --spectrum-tag-texticon-padding-left: var(--spectrum-tag-m-texticon-padding-left);
  --spectrum-tag-texticon-padding-right: var(--spectrum-tag-m-texticon-padding-right, var(--spectrum-global-dimension-size-150));
  --spectrum-tag-texticon-text-size: var(--spectrum-tag-m-texticon-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-tag-texticon-icon-gap: var(--spectrum-tag-m-texticon-icon-gap, var(--spectrum-global-dimension-size-100));
  --spectrum-tag-texticon-focus-ring-size: var(--spectrum-tag-m-texticon-focus-ring-size, var(--spectrum-alias-focus-ring-size));
  --spectrum-tag-texticon-border-size: var(--spectrum-tag-m-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-tag-texticon-height: var(--spectrum-tag-m-texticon-height, var(--spectrum-global-dimension-size-400));
}

.spectrum-Tag--sizeL {
  --spectrum-tag-texticon-padding-left: var(--spectrum-tag-l-texticon-padding-left, var(--spectrum-global-dimension-size-160));
  --spectrum-tag-texticon-padding-right: var(--spectrum-tag-l-texticon-padding-right, var(--spectrum-global-dimension-size-185));
  --spectrum-tag-texticon-text-size: var(--spectrum-tag-l-texticon-text-size, var(--spectrum-global-dimension-font-size-200));
  --spectrum-tag-texticon-icon-gap: var(--spectrum-tag-l-texticon-icon-gap, var(--spectrum-global-dimension-size-115));
  --spectrum-tag-texticon-focus-ring-size: var(--spectrum-tag-l-texticon-focus-ring-size, var(--spectrum-alias-focus-ring-size));
  --spectrum-tag-texticon-border-size: var(--spectrum-tag-l-texticon-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-tag-texticon-height: var(--spectrum-tag-l-texticon-height, var(--spectrum-global-dimension-size-500));
}

.spectrum-Tag {
  --spectrum-tag-texticon-avatar-padding-x: var(--spectrum-tag-texticon-icon-gap);
}

[dir="ltr"] .spectrum-Tag {
  padding-left: calc(var(--spectrum-tag-texticon-padding-left) - var(--spectrum-tag-texticon-border-size));
}

[dir="rtl"] .spectrum-Tag {
  padding-right: calc(var(--spectrum-tag-texticon-padding-left) - var(--spectrum-tag-texticon-border-size));
}

[dir="ltr"] .spectrum-Tag {
  padding-right: calc(var(--spectrum-tag-texticon-padding-right) - var(--spectrum-tag-texticon-border-size));
}

[dir="rtl"] .spectrum-Tag {
  padding-left: calc(var(--spectrum-tag-texticon-padding-right) - var(--spectrum-tag-texticon-border-size));
}

.spectrum-Tag {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;
  vertical-align: bottom;

  padding-top: 0;

  padding-bottom: 0;
  height: var(--spectrum-tag-texticon-height);
  max-width: 100%;

  border-width: var(--spectrum-tag-texticon-border-size);
  border-style: solid;
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
  outline: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;

  transition: border-color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
    color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
    box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
    background-color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
}

.spectrum-Tag.is-disabled {
    pointer-events: none;
  }

[dir="ltr"] .spectrum-Tag > .spectrum-Icon,[dir="ltr"] 
  .spectrum-Tag > .spectrum-Avatar {
    margin-right: var(--spectrum-tag-texticon-icon-gap);
}

[dir="rtl"] .spectrum-Tag > .spectrum-Icon,[dir="rtl"] 
  .spectrum-Tag > .spectrum-Avatar {
    margin-left: var(--spectrum-tag-texticon-icon-gap);
}

[dir="ltr"] .spectrum-Tag > .spectrum-Icon,[dir="ltr"] 
  .spectrum-Tag > .spectrum-Avatar {
    margin-left: calc(var(--spectrum-tag-texticon-avatar-padding-x) - var(--spectrum-tag-texticon-padding-left));
}

[dir="rtl"] .spectrum-Tag > .spectrum-Icon,[dir="rtl"] 
  .spectrum-Tag > .spectrum-Avatar {
    margin-right: calc(var(--spectrum-tag-texticon-avatar-padding-x) - var(--spectrum-tag-texticon-padding-left));
}

[dir="ltr"] .spectrum-Tag > .spectrum-Icon ~ .spectrum-Tag-label,[dir="ltr"]  .spectrum-Tag > .spectrum-Avatar ~ .spectrum-Tag-label {
      margin-right: calc(var(--spectrum-tag-texticon-avatar-padding-x) - var(--spectrum-tag-texticon-padding-right));
}

[dir="rtl"] .spectrum-Tag > .spectrum-Icon ~ .spectrum-Tag-label,[dir="rtl"]  .spectrum-Tag > .spectrum-Avatar ~ .spectrum-Tag-label {
      margin-left: calc(var(--spectrum-tag-texticon-avatar-padding-x) - var(--spectrum-tag-texticon-padding-right));
}

[dir="ltr"] .spectrum-Tag .spectrum-ClearButton {
    margin-right: calc(-1 * var(--spectrum-tag-texticon-padding-right));
}

[dir="rtl"] .spectrum-Tag .spectrum-ClearButton {
    margin-left: calc(-1 * var(--spectrum-tag-texticon-padding-right));
}

.spectrum-Tag-label {
  height: 100%;
  line-height: calc(var(--spectrum-tag-texticon-height) - var(--spectrum-tag-texticon-border-size) * 2);
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  font-size: var(--spectrum-tag-texticon-text-size);
  cursor: default;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.spectrum-Tag.is-selected.focus-ring:after, .spectrum-Tag.is-selected.is-focused:after {
      box-shadow: 0 0 0 var(--spectrum-tag-texticon-focus-ring-size) var(--spectrum-tag-m-texticon-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
    }

.spectrum-Tag {
  color: var(--spectrum-tag-s-texticon-text-color, var(--spectrum-alias-label-text-color));
  background-color: var(--spectrum-tag-s-texticon-background-color, var(--spectrum-global-color-gray-75));
  border-color: var(--spectrum-tag-s-texticon-border-color, var(--spectrum-alias-border-color-darker-default));
}

.spectrum-Tag .spectrum-Tag-clearButton {
    color: var(--spectrum-tag-s-removable-texticon-icon-color, var(--spectrum-alias-icon-color));
  }

.spectrum-Tag:hover {
    background-color: var(--spectrum-tag-s-texticon-background-color-hover, var(--spectrum-global-color-gray-75));
    color: var(--spectrum-tag-s-texticon-text-color-hover, var(--spectrum-alias-text-color-hover));
    border-color: var(--spectrum-tag-s-texticon-border-color-hover, var(--spectrum-alias-border-color-darker-hover));
  }

.spectrum-Tag:hover .spectrum-Tag-clearButton {
      color: var(--spectrum-tag-s-removable-texticon-icon-color-hover, var(--spectrum-alias-icon-color-hover));
    }

.spectrum-Tag.focus-ring {
    background-color: var(--spectrum-tag-s-texticon-background-color-key-focus, var(--spectrum-global-color-gray-75));
    border-color: var(--spectrum-tag-s-texticon-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
    box-shadow: 0 0 0 var(--spectrum-tag-s-texticon-focus-ring-size, var(--spectrum-alias-focus-ring-size)) var(--spectrum-tag-s-texticon-focus-ring-color-key-focus, var(--spectrum-alias-focus-ring-color));
    color: var(--spectrum-tag-s-texticon-text-color-key-focus, var(--spectrum-alias-text-color-hover));

  }

.spectrum-Tag.focus-ring .spectrum-Tag-clearButton {
      color: var(--spectrum-tag-s-removable-texticon-icon-color-key-focus, var(--spectrum-alias-icon-color-key-focus));
    }

.spectrum-Tag.is-selected {
    background-color: var(--spectrum-tag-s-texticon-background-color-selected, var(--spectrum-global-color-gray-700));
    color: var(--spectrum-tag-s-texticon-text-color-selected, var(--spectrum-alias-text-color-overbackground));
    border-color: var(--spectrum-tag-s-texticon-border-color-selected, var(--spectrum-global-color-gray-700));
  }

.spectrum-Tag.is-selected .spectrum-TagIcon {
      color: var(--spectrum-tag-s-texticon-icon-color-selected, var(--spectrum-alias-icon-color-overbackground));
    }

.spectrum-Tag.is-selected .spectrum-Tag-clearButton {
      color: var(--spectrum-tag-s-removable-texticon-icon-color-selected, var(--spectrum-alias-icon-color-overbackground));
    }

.spectrum-Tag.is-selected:hover {
      background-color: var(--spectrum-tag-s-texticon-background-color-selected-hover, var(--spectrum-global-color-gray-800));
    }

.spectrum-Tag.is-selected:hover .spectrum-Tag-clearButton {
        color: var(--spectrum-tag-s-removable-texticon-icon-color-selected-hover, var(--spectrum-alias-icon-color-overbackground));
      }

.spectrum-Tag.is-selected.focus-ring {
      box-shadow: 0 0 0 var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-s-texticon-focus-ring-color-selected-key-focus, var(--spectrum-alias-focus-ring-color));
      border-color: var(--spectrum-tag-s-texticon-text-color-selected-key-focus, var(--spectrum-alias-text-color-overbackground));
    }

.spectrum-Tag.is-selected.focus-ring .spectrum-Tag-clearButton {
        color: var(--spectrum-tag-s-removable-texticon-icon-color-selected-key-focus, var(--spectrum-alias-icon-color-overbackground));
      }

.spectrum-Tag.is-selected.is-invalid {
      border-color: var(--spectrum-tag-s-texticon-border-color-error-selected, var(--spectrum-semantic-negative-background-color-default));
      background-color: var(--spectrum-tag-s-texticon-background-color-error-selected, var(--spectrum-semantic-negative-background-color-default));
    }

.spectrum-Tag.is-selected.is-invalid .spectrum-Tag-label {
        color: var(--spectrum-tag-s-removable-texticon-text-color-error-selected, var(--spectrum-alias-text-color-overbackground));
      }

.spectrum-Tag.is-selected.is-invalid .spectrum-Tag-icon {
        color: var(--spectrum-tag-s-removable-texticon-icon-color-error-selected, var(--spectrum-alias-icon-color-overbackground));
      }

.spectrum-Tag.is-selected.is-invalid .spectrum-Tag-clearButton {
        color: var(--spectrum-tag-s-removable-texticon-icon-color-error-selected, var(--spectrum-alias-icon-color-overbackground));
      }

.spectrum-Tag.is-selected.is-invalid.focus-ring {
        box-shadow: 0 0 0 var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-s-texticon-border-color-error-selected-key-focus, var(--spectrum-semantic-negative-background-color-key-focus));
        border-color: var(--spectrum-tag-s-texticon-text-color-selected-key-focus, var(--spectrum-alias-text-color-overbackground));
      }

.spectrum-Tag.is-selected.is-invalid:hover {
        border-color: var(--spectrum-tag-s-texticon-border-color-error-selected-hover, var(--spectrum-semantic-negative-background-color-hover));
        background-color: var(--spectrum-tag-s-texticon-background-color-error-selected-hover, var(--spectrum-semantic-negative-background-color-hover));
      }

.spectrum-Tag.is-selected.is-invalid:hover .spectrum-Tag-icon,
        .spectrum-Tag.is-selected.is-invalid:hover .spectrum-Tag-label,
        .spectrum-Tag.is-selected.is-invalid:hover .spectrum-Tag-clearButton {
          color: var(--spectrum-tag-s-texticon-icon-color-error-selected-hover, var(--spectrum-alias-icon-color-overbackground));
        }

.spectrum-Tag.is-invalid {
    color: var(--spectrum-tag-s-texticon-icon-color-error, var(--spectrum-semantic-negative-icon-color));
    border-color: var(--spectrum-tag-s-texticon-border-color-error, var(--spectrum-semantic-negative-color-default));

  }

.spectrum-Tag.is-invalid:hover {
      color: var(--spectrum-tag-s-texticon-icon-color-error-hover, var(--spectrum-semantic-negative-icon-color));
      border-color: var(--spectrum-tag-s-texticon-border-color-error-hover, var(--spectrum-semantic-negative-color-hover));
    }

.spectrum-Tag.is-invalid:hover .spectrum-Tag-icon,
      .spectrum-Tag.is-invalid:hover .spectrum-Tag-clearButton {
        color: var(--spectrum-tag-s-texticon-icon-color-error-hover, var(--spectrum-semantic-negative-icon-color));
      }

.spectrum-Tag.is-invalid.focus-ring {
      color: var(--spectrum-tag-s-texticon-icon-color-error-hover, var(--spectrum-semantic-negative-icon-color));
      border-color: var(--spectrum-tag-s-texticon-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
      box-shadow: 0 0 0 var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25)) var(--spectrum-tag-s-texticon-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
    }

.spectrum-Tag.is-invalid .spectrum-Tag-icon,
    .spectrum-Tag.is-invalid .spectrum-Tag-clearButton {
      color: var(--spectrum-tag-s-texticon-icon-color-error, var(--spectrum-semantic-negative-icon-color));
    }

.spectrum-Tag.is-invalid .spectrum-Tag-clearButton {
      color: var(--spectrum-tag-s-removable-texticon-icon-color-error, var(--spectrum-semantic-negative-icon-color));
    }

.spectrum-Tag.is-disabled {
    color: var(--spectrum-tag-s-texticon-text-color-disabled, var(--spectrum-alias-text-color-disabled));
    background-color: var(--spectrum-tag-s-texticon-background-color-disabled, var(--spectrum-alias-background-color-disabled));
    border-color: var(--spectrum-tag-s-texticon-border-color-disabled, var(--spectrum-alias-border-color-disabled));
  }

.spectrum-Tag.is-disabled .spectrum-Avatar {
      opacity: var(--spectrum-avatar-size-100-opacity-disabled, var(--spectrum-global-color-opacity-30));
    }

.spectrum-Tag.is-disabled .spectrum-Tag-icon {
      color: var(--spectrum-tag-s-texticon-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
    }

.spectrum-Tag.is-disabled .spectrum-Tag-clearButton {
      color: var(--spectrum-tag-s-removable-texticon-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
    }

.spectrum-Tag--removable:hover {
    color: var(--spectrum-tag-s-removable-texticon-text-color-hover, var(--spectrum-alias-text-color-hover));
  }

.spectrum-Tag--removable:hover .spectrum-Tag-clearButton {
      color: var(--spectrum-tag-s-removable-texticon-icon-color-hover, var(--spectrum-alias-icon-color-hover));
    }

.spectrum-Tag--removable:active {
    color: var(--spectrum-tag-s-removable-texticon-text-color-down, var(--spectrum-alias-text-color-down));
  }

.spectrum-Tag--removable:active .spectrum-Tag-clearButton {
      color: var(--spectrum-tag-s-removable-texticon-icon-color-down, var(--spectrum-alias-icon-color-down));
    }

.spectrum-Tag--removable.is-invalid:hover {
      border-color: var(--spectrum-tag-s-removable-texticon-border-color-error-hover, var(--spectrum-semantic-negative-color-hover));
      color: var(--spectrum-tag-s-removable-texticon-text-color-error-hover, var(--spectrum-semantic-negative-color-down));
    }

.spectrum-Tag--removable.is-invalid:hover .spectrum-Tag-clearButton {
        color: var(--spectrum-tag-s-removable-texticon-icon-color-error-hover, var(--spectrum-semantic-negative-icon-color));
      }

.spectrum-Tag--removable.is-invalid:active {
      border-color: var(--spectrum-tag-s-removable-texticon-border-color-error-down, var(--spectrum-semantic-negative-color-down));
      color: var(--spectrum-tag-s-removable-texticon-text-color-error-down, var(--spectrum-semantic-negative-color-down));
    }

.spectrum-Tag--removable.is-invalid:active .spectrum-Tag-clearButton {
        color: var(--spectrum-tag-s-removable-texticon-icon-color-error-down, var(--spectrum-semantic-negative-icon-color));
      }

.spectrum-Tag--removable.focus-ring {
    color: var(--spectrum-tag-s-removable-texticon-text-color-key-focus, var(--spectrum-alias-text-color-hover));
  }

.spectrum-Tag--removable.focus-ring .spectrum-Tag-clearButton {
      color: var(--spectrum-tag-s-removable-texticon-icon-color-key-focus, var(--spectrum-alias-icon-color-key-focus));
    }

.spectrum-Tag--removable.is-selected {
    color: var(--spectrum-tag-s-removable-texticon-text-color-selected, var(--spectrum-alias-text-color-overbackground));
  }

.spectrum-Tag--removable.is-selected.is-focused {
       color: var(--spectrum-tag-s-removable-texticon-text-color-selected-key-focus, var(--spectrum-alias-text-color-overbackground));
    }

.spectrum-Tag--removable.is-selected .spectrum-Tag-clearButton {
      color: var(--spectrum-tag-s-removable-texticon-icon-color-selected, var(--spectrum-alias-icon-color-overbackground));
    }

.spectrum-Tag--removable.is-selected .spectrum-Tag-clearButton:hover {
        color: var(--spectrum-tag-s-removable-texticon-icon-color-selected-hover, var(--spectrum-alias-icon-color-overbackground));
      }

.spectrum-Tag--removable.is-selected.is-invalid {
      color: var(--spectrum-tag-s-removable-texticon-text-color-error-key-focus, var(--spectrum-semantic-negative-color-down));
    }

.spectrum-Tag--removable .spectrum-Tag-clearButton.is-focused {
      border-color: var(--spectrum-tag-s-removable-texticon-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
      background-color: var(--spectrum-tag-s-removable-texticon-button-fill-background-color-key-focus, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus));
      color: var(--spectrum-tag-s-removable-texticon-icon-color-key-focus, var(--spectrum-alias-icon-color-key-focus));
    }

.spectrum-Tag--removable .spectrum-Tag-clearButton:hover {
      color: var(--spectrum-tag-s-removable-texticon-icon-color-hover, var(--spectrum-alias-icon-color-hover));
    }

.spectrum-Tag--removable .spectrum-Tag-clearButton:active {
      background-color: var(--spectrum-tag-s-removable-texticon-button-fill-background-color-hover, var(--spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover));
    }

.spectrum-TagGroup {
  --spectrum-taggroup-tag-gap-x: var(--spectrum-global-dimension-size-100);
  --spectrum-taggroup-tag-gap-y: var(--spectrum-global-dimension-size-100);
}

.spectrum-TagGroup {
  display: -ms-inline-flexbox;
  display: inline-flex;

  margin: 0;
  padding: 0;
  list-style: none;
}

.spectrum-TagGroup-item {
  margin-top: calc(var(--spectrum-taggroup-tag-gap-y, var(--spectrum-global-dimension-size-100)) / 2);
  margin-bottom: calc(var(--spectrum-taggroup-tag-gap-y, var(--spectrum-global-dimension-size-100)) / 2);
  margin-left: calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2);
  margin-right: calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2);
}

.spectrum-Textfield {
  --spectrum-textfield-texticon-padding-left: var(--spectrum-textfield-m-texticon-padding-left);
  --spectrum-textfield-quiet-texticon-border-bottom-size: var(--spectrum-textfield-m-quiet-texticon-border-bottom-size, var(--spectrum-alias-input-border-size));
  --spectrum-textfield-quiet-texticon-success-icon-margin-left: var(--spectrum-textfield-m-quiet-texticon-success-icon-margin-left, var(--spectrum-global-dimension-size-150));
  --spectrum-textfield-quiet-texticon-invalid-icon-margin-left: var(--spectrum-textfield-m-quiet-texticon-invalid-icon-margin-left, var(--spectrum-global-dimension-size-150));
  --spectrum-textfield-quiet-texticon-border-radius: var(--spectrum-textfield-m-quiet-texticon-border-radius, var(--spectrum-global-dimension-size-0));
  --spectrum-textfield-quiet-texticon-padding-left: var(--spectrum-textfield-m-quiet-texticon-padding-left, var(--spectrum-global-dimension-size-0));
  --spectrum-textfield-quiet-texticon-padding-right: var(--spectrum-textfield-m-quiet-texticon-padding-right, var(--spectrum-global-dimension-size-0));
  --spectrum-textfield-texticon-border-size: var(--spectrum-textfield-m-texticon-border-size, var(--spectrum-alias-input-border-size));
  --spectrum-textfield-texticon-text-line-height: var(--spectrum-textfield-m-texticon-text-line-height, var(--spectrum-alias-component-text-line-height));
  --spectrum-textfield-texticon-text-size: var(--spectrum-textfield-m-texticon-text-size, var(--spectrum-global-dimension-font-size-100));
  --spectrum-textfield-texticon-placeholder-text-font-style: var(--spectrum-textfield-m-texticon-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
  --spectrum-textfield-texticon-placeholder-text-font-weight: var(--spectrum-textfield-m-texticon-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
  --spectrum-textfield-texticon-success-icon-height: var(--spectrum-textfield-m-texticon-success-icon-height, var(--spectrum-alias-ui-icon-checkmark-size-100));
  --spectrum-textfield-texticon-success-icon-width: var(--spectrum-textfield-m-texticon-success-icon-width, var(--spectrum-alias-ui-icon-checkmark-size-100));
  --spectrum-textfield-texticon-success-icon-margin-left: var(--spectrum-textfield-m-texticon-success-icon-margin-left, var(--spectrum-global-dimension-size-150));
  --spectrum-textfield-texticon-invalid-icon-height: var(--spectrum-textfield-m-texticon-invalid-icon-height, var(--spectrum-alias-ui-icon-alert-size-100));
  --spectrum-textfield-texticon-invalid-icon-width: var(--spectrum-textfield-m-texticon-invalid-icon-width, var(--spectrum-alias-ui-icon-alert-size-100));
  --spectrum-textfield-texticon-invalid-icon-margin-left: var(--spectrum-textfield-m-texticon-invalid-icon-margin-left, var(--spectrum-global-dimension-size-150));
  --spectrum-textfield-texticon-min-width: var(--spectrum-textfield-m-texticon-min-width, var(--spectrum-global-dimension-size-600));
  --spectrum-textfield-texticon-border-radius: var(--spectrum-textfield-m-texticon-border-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-textfield-texticon-padding-right: var(--spectrum-textfield-m-texticon-padding-right, var(--spectrum-global-dimension-size-150));
  --spectrum-textfield-texticon-height: var(--spectrum-textfield-m-texticon-height, var(--spectrum-global-dimension-size-400));

  --spectrum-textarea-text-padding-top: var(--spectrum-textarea-m-text-padding-top, var(--spectrum-global-dimension-size-75));

  --spectrum-textarea-text-padding-bottom: var(--spectrum-textarea-m-text-padding-bottom, var(--spectrum-global-dimension-size-115));

  --spectrum-textarea-padding-left: var(--spectrum-textarea-m-padding-left, var(--spectrum-global-dimension-size-150));

  --spectrum-textarea-padding-right: var(--spectrum-textarea-m-padding-right, var(--spectrum-global-dimension-size-150));

  --spectrum-textarea-height: var(--spectrum-textarea-m-height, var(--spectrum-global-dimension-size-400));
  --spectrum-textfield-texticon-padding-top: 3px;
  --spectrum-textfield-texticon-padding-bottom: 5px;
  --spectrum-textfield-texticon-text-font-family: var(--spectrum-alias-body-text-font-family, var(--spectrum-global-font-family-base));
  --spectrum-textfield-texticon-icon-gap: var(--spectrum-global-dimension-size-65);
  --spectrum-textfield-quiet-texticon-icon-gap: var(--spectrum-global-dimension-size-75);
  --spectrum-textarea-min-height: var(--spectrum-textarea-height);
  --spectrum-textarea-height-adjusted: auto;
  --spectrum-textarea-padding-top: var(--spectrum-textarea-text-padding-top);
  --spectrum-textarea-padding-bottom: var(--spectrum-textarea-text-padding-bottom);
}

.🤫 {
  --spectrum-textfield-icon-inline-end-override: 0;
}

.spectrum-Textfield {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  min-width: var(--spectrum-textfield-texticon-min-width);
  width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
}

.spectrum-Textfield.spectrum-Textfield--quiet.spectrum-Textfield--multiline
    .spectrum-Textfield-input {
    height: var(--spectrum-textfield-texticon-height);
    min-height: var(--spectrum-textfield-texticon-height);
  }

.spectrum-Textfield:after {
    pointer-events: none;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: calc(var(--spectrum-textfield-m-texticon-focus-ring-gap, var(--spectrum-alias-input-focusring-gap)) * -1);
    border-radius: calc(var(--spectrum-textfield-texticon-border-radius) + var(--spectrum-textfield-m-texticon-focus-ring-gap, var(--spectrum-alias-input-focusring-gap)));
    border-color: transparent;
    transition: box-shadow var(--spectrum-global-animation-duration-100, 130ms) ease-in-out, border-color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
  }

.spectrum-Textfield.spectrum-Textfield--quiet:after {
      border-radius: 0;
    }

.spectrum-Textfield-input {
  box-sizing: border-box;
  border: var(--spectrum-textfield-texticon-border-size) solid;
  border-radius: var(--spectrum-textfield-texticon-border-radius);
  padding: var(--spectrum-textfield-texticon-padding-top)
    var(--spectrum-textfield-texticon-padding-right) var(--spectrum-textfield-texticon-padding-bottom)
    calc(var(--spectrum-textfield-texticon-padding-left) + 1px);
  text-indent: 0;

  width: 100%;
  height: var(--spectrum-textfield-texticon-height);

  vertical-align: top;
  margin: 0;
  overflow: visible;
  font-family: var(--spectrum-textfield-texticon-text-font-family);
  font-size: var(--spectrum-textfield-texticon-text-size);
  line-height: var(--spectrum-textfield-texticon-text-line-height);
  text-overflow: ellipsis;

  transition: border-color var(--spectrum-global-animation-duration-100, 130ms)
      ease-in-out;

  outline: none;

  -webkit-appearance: none;
  -moz-appearance: textfield;
}

.spectrum-Textfield-input::placeholder {
    font-weight: var(--spectrum-textfield-texticon-placeholder-text-font-weight);
    font-style: var(--spectrum-textfield-texticon-placeholder-text-font-style);
    transition: color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
    opacity: 1;
  }

.spectrum-Textfield-input::-ms-input-placeholder {
    font-weight: var(--spectrum-textfield-texticon-placeholder-text-font-weight);
    font-style: var(--spectrum-textfield-texticon-placeholder-text-font-style);
    transition: color var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;
    opacity: 1;
  }

.spectrum-Textfield-input:lang(ja)::placeholder, .spectrum-Textfield-input:lang(zh)::placeholder, .spectrum-Textfield-input:lang(ko)::placeholder {
      font-style: normal;
    }

.spectrum-Textfield-input:lang(ja)::-ms-input-placeholder, .spectrum-Textfield-input:lang(zh)::-ms-input-placeholder, .spectrum-Textfield-input:lang(ko)::-ms-input-placeholder {
      font-style: normal;
    }

.spectrum-Textfield-input:hover::placeholder {
      font-weight: var(--spectrum-textfield-texticon-placeholder-text-font-weight);
    }

.spectrum-Textfield-input:disabled {
    resize: none;
    opacity: 1;
  }

.spectrum-Textfield-input:disabled::placeholder {
      font-weight: var(--spectrum-textfield-texticon-placeholder-text-font-weight);
    }

.spectrum-Textfield-input::-ms-clear {
    width: 0;
    height: 0;
  }

.spectrum-Textfield-input::-webkit-inner-spin-button,
  .spectrum-Textfield-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

.spectrum-Textfield-input:-moz-ui-invalid {
    box-shadow: none;
  }

[dir="ltr"] .spectrum-Textfield.is-valid .spectrum-Textfield-input {
    padding-right: calc(var(--spectrum-textfield-texticon-padding-right) + var(--spectrum-textfield-texticon-success-icon-width) + var(--spectrum-textfield-icon-inline-end-override, var(--spectrum-textfield-texticon-success-icon-margin-left)));
}

[dir="rtl"] .spectrum-Textfield.is-valid .spectrum-Textfield-input {
    padding-left: calc(var(--spectrum-textfield-texticon-padding-right) + var(--spectrum-textfield-texticon-success-icon-width) + var(--spectrum-textfield-icon-inline-end-override, var(--spectrum-textfield-texticon-success-icon-margin-left)));
}

[dir="ltr"] .spectrum-Textfield.is-invalid .spectrum-Textfield-input {
    padding-right: calc(var(--spectrum-textfield-texticon-padding-right) + var(--spectrum-textfield-texticon-invalid-icon-width) + var(--spectrum-textfield-icon-inline-end-override, var(--spectrum-textfield-texticon-invalid-icon-margin-left)));
}

[dir="rtl"] .spectrum-Textfield.is-invalid .spectrum-Textfield-input {
    padding-left: calc(var(--spectrum-textfield-texticon-padding-right) + var(--spectrum-textfield-texticon-invalid-icon-width) + var(--spectrum-textfield-icon-inline-end-override, var(--spectrum-textfield-texticon-invalid-icon-margin-left)));
}

.spectrum-Textfield--multiline .spectrum-Textfield-input {
    height: var(--spectrum-textarea-height-adjusted);
    min-height: var(--spectrum-textarea-min-height);
    padding: var(--spectrum-textarea-padding-top)
      var(--spectrum-textarea-padding-right)
      var(--spectrum-textarea-padding-bottom)
      calc(var(--spectrum-textarea-padding-left) - 1px);
    overflow: auto;
  }

[dir="ltr"] .spectrum-Textfield--quiet .spectrum-Textfield-input {
    padding-left: var(--spectrum-textfield-quiet-texticon-padding-left);
}

[dir="rtl"] .spectrum-Textfield--quiet .spectrum-Textfield-input {
    padding-right: var(--spectrum-textfield-quiet-texticon-padding-left);
}

[dir="ltr"] .spectrum-Textfield--quiet .spectrum-Textfield-input {
    padding-right: var(--spectrum-textfield-quiet-texticon-padding-right);
}

[dir="rtl"] .spectrum-Textfield--quiet .spectrum-Textfield-input {
    padding-left: var(--spectrum-textfield-quiet-texticon-padding-right);
}

.spectrum-Textfield--quiet .spectrum-Textfield-input {
    border-radius: var(--spectrum-textfield-quiet-texticon-border-radius);
    border-top-width: 0;
    border-bottom-width: var(--spectrum-textfield-quiet-texticon-border-bottom-size);
    border-left-width: 0;
    border-right-width: 0;
    resize: none;
    overflow-y: hidden;
  }

[dir="ltr"] .is-invalid.spectrum-Textfield--quiet .spectrum-Textfield-input {
      padding-right: calc(var(--spectrum-textfield-texticon-invalid-icon-width) + var(--spectrum-textfield-quiet-texticon-invalid-icon-margin-left));
}

[dir="rtl"] .is-invalid.spectrum-Textfield--quiet .spectrum-Textfield-input {
      padding-left: calc(var(--spectrum-textfield-texticon-invalid-icon-width) + var(--spectrum-textfield-quiet-texticon-invalid-icon-margin-left));
}

[dir="ltr"] .is-valid.spectrum-Textfield--quiet .spectrum-Textfield-input {
      padding-right: calc(var(--spectrum-textfield-texticon-success-icon-width) + var(--spectrum-textfield-quiet-texticon-success-icon-margin-left));
}

[dir="rtl"] .is-valid.spectrum-Textfield--quiet .spectrum-Textfield-input {
      padding-left: calc(var(--spectrum-textfield-texticon-success-icon-width) + var(--spectrum-textfield-quiet-texticon-success-icon-margin-left));
}

.spectrum-Textfield-validationIcon {
  position: absolute;
  pointer-events: all;
}

[dir="ltr"] .spectrum-Textfield--quiet .spectrum-Textfield-validationIcon {
    padding-right: 0;
}

[dir="rtl"] .spectrum-Textfield--quiet .spectrum-Textfield-validationIcon {
    padding-left: 0;
}

[dir="ltr"] .spectrum-Textfield.is-invalid .spectrum-Textfield-validationIcon {

    right: var(--spectrum-textfield-icon-inline-end-override, var(--spectrum-textfield-texticon-invalid-icon-margin-left));
}

[dir="rtl"] .spectrum-Textfield.is-invalid .spectrum-Textfield-validationIcon {

    left: var(--spectrum-textfield-icon-inline-end-override, var(--spectrum-textfield-texticon-invalid-icon-margin-left));
}

.spectrum-Textfield.is-invalid .spectrum-Textfield-validationIcon {
    width: var(--spectrum-textfield-texticon-invalid-icon-width);
    height: var(--spectrum-textfield-texticon-invalid-icon-height);
    bottom: calc(var(--spectrum-textfield-texticon-height) / 2 - var(--spectrum-textfield-texticon-invalid-icon-height) / 2);
  }

[dir="ltr"] .spectrum-Textfield--quiet.spectrum-Textfield.is-invalid .spectrum-Textfield-validationIcon {
      right: var(--spectrum-textfield-icon-inline-end-override, 0);
}

[dir="rtl"] .spectrum-Textfield--quiet.spectrum-Textfield.is-invalid .spectrum-Textfield-validationIcon {
      left: var(--spectrum-textfield-icon-inline-end-override, 0);
}

[dir="ltr"] .spectrum-Textfield.is-valid .spectrum-Textfield-validationIcon {
    right: var(--spectrum-textfield-icon-inline-end-override, var(--spectrum-textfield-texticon-success-icon-margin-left));
}

[dir="rtl"] .spectrum-Textfield.is-valid .spectrum-Textfield-validationIcon {
    left: var(--spectrum-textfield-icon-inline-end-override, var(--spectrum-textfield-texticon-success-icon-margin-left));
}

.spectrum-Textfield.is-valid .spectrum-Textfield-validationIcon {
    width: var(--spectrum-textfield-texticon-success-icon-width);
    height: var(--spectrum-textfield-texticon-success-icon-height);
    bottom: calc(var(--spectrum-textfield-texticon-height) / 2 - var(--spectrum-textfield-texticon-success-icon-height) / 2);
  }

[dir="ltr"] .spectrum-Textfield--quiet.spectrum-Textfield.is-valid .spectrum-Textfield-validationIcon {
      right: var(--spectrum-textfield-icon-inline-end-override, 0);
}

[dir="rtl"] .spectrum-Textfield--quiet.spectrum-Textfield.is-valid .spectrum-Textfield-validationIcon {
      left: var(--spectrum-textfield-icon-inline-end-override, 0);
}

[dir="ltr"] .spectrum-Textfield-icon {
  left: var(--spectrum-textfield-texticon-padding-left);
}

[dir="rtl"] .spectrum-Textfield-icon {
  right: var(--spectrum-textfield-texticon-padding-left);
}

.spectrum-Textfield-icon {
  display: block;
  position: absolute;
  height: var(--spectrum-alias-workflow-icon-size-m, var(--spectrum-global-dimension-size-225));
  width: var(--spectrum-alias-workflow-icon-size-m, var(--spectrum-global-dimension-size-225));
  top: calc(var(--spectrum-textfield-texticon-height) / 2 - var(--spectrum-alias-workflow-icon-size-m, var(--spectrum-global-dimension-size-225)) / 2);
}

[dir="ltr"] .spectrum-Textfield--quiet .spectrum-Textfield-icon {
    left: 0;
}

[dir="rtl"] .spectrum-Textfield--quiet .spectrum-Textfield-icon {
    right: 0;
}

[dir="ltr"] .spectrum-Textfield--quiet .spectrum-Textfield-icon ~ .spectrum-Textfield-input {
      padding-left: calc(var(--spectrum-alias-workflow-icon-size-m, var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-quiet-texticon-icon-gap));
}

[dir="rtl"] .spectrum-Textfield--quiet .spectrum-Textfield-icon ~ .spectrum-Textfield-input {
      padding-right: calc(var(--spectrum-alias-workflow-icon-size-m, var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-quiet-texticon-icon-gap));
}

[dir="ltr"] .spectrum-Textfield-icon + .spectrum-Textfield-input {
    padding-left: calc(var(--spectrum-textfield-texticon-padding-left) + var(--spectrum-alias-workflow-icon-size-m, var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-texticon-icon-gap));
}

[dir="rtl"] .spectrum-Textfield-icon + .spectrum-Textfield-input {
    padding-right: calc(var(--spectrum-textfield-texticon-padding-left) + var(--spectrum-alias-workflow-icon-size-m, var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-texticon-icon-gap));
}

.spectrum-Textfield--multiline .spectrum-Textfield-icon ~ .spectrum-Textfield-input {
      height: var(--spectrum-textfield-texticon-height);
      min-height: var(--spectrum-textfield-texticon-height);
    }

.spectrum-Textfield:hover .spectrum-Textfield-input {
      border-color: var(--spectrum-textfield-m-texticon-border-color-hover, var(--spectrum-alias-input-border-color-hover));
      box-shadow: none;
    }

.spectrum-Textfield:hover .spectrum-Textfield-input::placeholder {
        color: var(--spectrum-textfield-m-texticon-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
      }

.spectrum-Textfield:hover .spectrum-Textfield-icon {
      color: var(--spectrum-textfield-m-texticon-icon-color-hover, var(--spectrum-alias-component-icon-color-hover));
    }

.spectrum-Textfield:active .spectrum-Textfield-input {
      border-color: var(--spectrum-textfield-m-texticon-border-color-down, var(--spectrum-alias-input-border-color-down));
    }

.spectrum-Textfield:active .spectrum-Textfield-icon {
      color: var(--spectrum-textfield-m-texticon-icon-color-down, var(--spectrum-alias-component-icon-color-down));
    }

.spectrum-Textfield.is-valid .spectrum-Textfield-validationIcon {
      color: var(--spectrum-textfield-m-texticon-validation-icon-color-valid, var(--spectrum-semantic-positive-icon-color));
    }

.spectrum-Textfield.is-invalid .spectrum-Textfield-validationIcon {
      color: var(--spectrum-textfield-m-texticon-validation-icon-color-invalid, var(--spectrum-semantic-negative-icon-color));
    }

.spectrum-Textfield.is-invalid:hover .spectrum-Textfield-input {
        border-color: var(--spectrum-textfield-m-texticon-border-color-invalid-hover, var(--spectrum-alias-input-border-color-invalid-hover));
      }

.spectrum-Textfield.is-disabled .spectrum-Textfield-validationIcon {
      color: var(--spectrum-textfield-m-texticon-validation-icon-color-invalid-disabled, var(--spectrum-alias-background-color-transparent));
    }

.spectrum-Textfield.is-disabled .spectrum-Textfield-icon {
      color: var(--spectrum-textfield-m-texticon-icon-color-disabled, var(--spectrum-alias-component-icon-color-disabled));
    }

.spectrum-Textfield-icon {
  color: var(--spectrum-textfield-m-texticon-icon-color, var(--spectrum-alias-component-icon-color-default));
}

.spectrum-Textfield-icon,
.spectrum-Textfield-validationIcon {
  pointer-events: none;
}

.spectrum-Textfield.is-keyboardFocused:after {
      box-shadow: 0 0 0 var(--spectrum-textfield-m-texticon-focus-ring-border-width, var(--spectrum-alias-component-focusring-size)) var(--spectrum-textfield-m-textonly-focus-ring-border-color-key-focus, var(--spectrum-alias-focus-ring-color));
    }

.spectrum-Textfield.is-keyboardFocused.spectrum-Textfield--quiet .spectrum-Textfield-input {
        box-shadow: none;
      }

.spectrum-Textfield.is-keyboardFocused.spectrum-Textfield--quiet:after {
        margin: 0;
        box-shadow: none;
        border-bottom: 2px solid var(--spectrum-textfield-m-textonly-focus-ring-border-color-key-focus, var(--spectrum-alias-focus-ring-color));
        bottom: calc(-1 * var(--spectrum-alias-input-quiet-focusline-gap, var(--spectrum-global-dimension-static-size-10)));
      }

.spectrum-Textfield-input {
  background-color: var(--spectrum-textfield-m-texticon-background-color, var(--spectrum-global-color-gray-50));
  border-color: var(--spectrum-textfield-m-texticon-border-color, var(--spectrum-alias-input-border-color-default));
  color: var(--spectrum-textfield-m-texticon-text-color, var(--spectrum-alias-component-text-color-default));
}

.spectrum-Textfield-input::placeholder {
    color: var(--spectrum-textfield-m-texticon-placeholder-text-color, var(--spectrum-global-color-gray-600));
  }

.spectrum-Textfield.is-focused .spectrum-Textfield-input,
  .spectrum-Textfield-input:focus {
    border-color: var(--spectrum-textfield-m-texticon-border-color-down, var(--spectrum-alias-input-border-color-down));
  }

.spectrum-Textfield.is-keyboardFocused .spectrum-Textfield-input,
  .spectrum-Textfield-input.focus-ring {
    border-color: var(--spectrum-textfield-m-texticon-border-color-key-focus, var(--spectrum-alias-input-border-color-key-focus));
  }

.spectrum-Textfield.is-invalid .spectrum-Textfield-input {
    border-color: var(--spectrum-textfield-m-texticon-border-color-invalid, var(--spectrum-alias-input-border-color-invalid-default));
  }

.is-focused.spectrum-Textfield.is-invalid .spectrum-Textfield-input,
    .spectrum-Textfield.is-invalid .spectrum-Textfield-input:focus {
      border-color: var(--spectrum-textfield-m-texticon-border-color-invalid-mouse-focus, var(--spectrum-alias-input-border-color-invalid-mouse-focus));
    }

.is-keyboardFocused.spectrum-Textfield.is-invalid .spectrum-Textfield-input,
    .spectrum-Textfield.is-invalid .spectrum-Textfield-input.focus-ring {
      border-color: var(--spectrum-textfield-m-texticon-border-color-invalid-key-focus, var(--spectrum-alias-input-border-color-invalid-key-focus));
    }

.spectrum-Textfield.is-disabled .spectrum-Textfield-input,
  .spectrum-Textfield.is-disabled:hover .spectrum-Textfield-input,
  .spectrum-Textfield-input :disabled {
    background-color: var(--spectrum-textfield-m-texticon-background-color-disabled, var(--spectrum-global-color-gray-200));
    border-color: var(--spectrum-textfield-m-texticon-border-color-disabled, var(--spectrum-alias-input-border-color-disabled));
    color: var(--spectrum-textfield-m-texticon-text-color-disabled, var(--spectrum-alias-component-text-color-disabled));
    -webkit-text-fill-color: var(--spectrum-textfield-m-texticon-text-color-disabled, var(--spectrum-alias-component-text-color-disabled));
  }

.spectrum-Textfield.is-disabled .spectrum-Textfield-input::placeholder, .spectrum-Textfield.is-disabled:hover .spectrum-Textfield-input::placeholder, .spectrum-Textfield-input :disabled::placeholder {
      color: var(--spectrum-textfield-m-texticon-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
    }

.spectrum-Textfield--quiet .spectrum-Textfield-input {
    background-color: var(--spectrum-textfield-m-quiet-texticon-background-color, var(--spectrum-alias-background-color-transparent));
    border-color: var(--spectrum-textfield-m-quiet-texticon-border-color, var(--spectrum-alias-input-border-color-default));
  }

:hover.spectrum-Textfield--quiet .spectrum-Textfield-input {
      border-color: var(--spectrum-textfield-m-quiet-texticon-border-color-hover, var(--spectrum-alias-input-border-color-hover));
    }

:active.spectrum-Textfield--quiet .spectrum-Textfield-input {
      border-color: var(--spectrum-textfield-m-quiet-texticon-border-color-down, var(--spectrum-alias-input-border-color-down));
    }

.is-focused.spectrum-Textfield--quiet .spectrum-Textfield-input,
    .spectrum-Textfield--quiet .spectrum-Textfield-input:focus {
      border-color: var(--spectrum-textfield-m-quiet-texticon-border-color-mouse-focus, var(--spectrum-alias-input-border-color-mouse-focus));
    }

.is-keyboardFocused.spectrum-Textfield--quiet .spectrum-Textfield-input,
    .spectrum-Textfield--quiet .spectrum-Textfield-input.focus-ring {
      border-color: var(--spectrum-textfield-m-texticon-border-color-key-focus, var(--spectrum-alias-input-border-color-key-focus));
      box-shadow: 0 1px 0 var(--spectrum-textfield-m-texticon-border-color-key-focus, var(--spectrum-alias-input-border-color-key-focus));
    }

.is-invalid.spectrum-Textfield--quiet .spectrum-Textfield-input {
      border-color: var(--spectrum-textfield-m-quiet-texticon-border-color-invalid, var(--spectrum-alias-input-border-color-invalid-default));
    }

.is-focused.is-invalid.spectrum-Textfield--quiet .spectrum-Textfield-input,
      .is-invalid.spectrum-Textfield--quiet .spectrum-Textfield-input:focus {
        border-color: var(--spectrum-textfield-m-quiet-texticon-border-color-invalid-mouse-focus, var(--spectrum-alias-input-border-color-invalid-mouse-focus));
      }

.is-keyboardFocused.is-invalid.spectrum-Textfield--quiet .spectrum-Textfield-input,
      .is-invalid.spectrum-Textfield--quiet .spectrum-Textfield-input.focus-ring {
        border-color: var(--spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus, var(--spectrum-alias-input-border-color-invalid-key-focus));
        box-shadow: 0 1px 0 var(--spectrum-textfield-m-quiet-texticon-border-color-invalid-key-focus, var(--spectrum-alias-input-border-color-invalid-key-focus));
      }

.is-disabled:hover.spectrum-Textfield--quiet .spectrum-Textfield-input,
    .is-disabled.spectrum-Textfield--quiet .spectrum-Textfield-input,
    .spectrum-Textfield--quiet .spectrum-Textfield-input :disabled {
      background-color: var(--spectrum-textfield-m-quiet-texticon-background-color-disabled, var(--spectrum-alias-background-color-transparent));
      border-color: var(--spectrum-textfield-m-quiet-texticon-border-color-disabled, var(--spectrum-alias-input-border-color-quiet-disabled));
    }

.spectrum-Thumbnail {
  position: relative;
  margin: 0;
  padding: 0;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;

  width: var(--spectrum-thumbnail-width);
  height: var(--spectrum-thumbnail-height);

  border-radius: var(--spectrum-thumbnail-border-radius);
  vertical-align: top;

  overflow: hidden;

  background-size: var(--spectrum-global-dimension-static-size-200, 16px) var(--spectrum-global-dimension-static-size-200, 16px);

  background-position: 0 0, 0 var(--spectrum-global-dimension-static-size-100, 8px), var(--spectrum-global-dimension-static-size-100, 8px) calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)), calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)) 0;
}

.spectrum-Thumbnail:before {
    content: '';
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: var(--spectrum-thumbnail-border-radius);
  }

.spectrum-Thumbnail--sizeXXS {
  --spectrum-thumbnail-border-color-selected: var(--spectrum-thumbnail-xxs-border-color-selected, var(--spectrum-alias-border-color-selected));
  --spectrum-thumbnail-border-size-selected-key-focus: var(--spectrum-thumbnail-xxs-border-size-selected-key-focus, var(--spectrum-alias-border-size-thick));
  --spectrum-thumbnail-border-size: var(--spectrum-thumbnail-xxs-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-thumbnail-border-color: var(--spectrum-thumbnail-xxs-border-color, var(--spectrum-alias-border-color-translucent));
  --spectrum-thumbnail-border-color-key-focus: var(--spectrum-thumbnail-xxs-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
  --spectrum-thumbnail-darksquare-background-color: var(--spectrum-thumbnail-xxs-darksquare-background-color, var(--spectrum-alias-thumbnail-darksquare-background-color));
  --spectrum-thumbnail-border-radius: var(--spectrum-thumbnail-xxs-border-radius, var(--spectrum-alias-thumbnail-border-radius-small));
  --spectrum-thumbnail-width: var(--spectrum-thumbnail-xxs-width, var(--spectrum-global-dimension-size-225));
  --spectrum-thumbnail-height: var(--spectrum-thumbnail-xxs-height, var(--spectrum-global-dimension-size-225));
}

.spectrum-Thumbnail--sizeXS {
  --spectrum-thumbnail-border-color-selected: var(--spectrum-thumbnail-xs-border-color-selected, var(--spectrum-alias-border-color-selected));
  --spectrum-thumbnail-border-size-selected-key-focus: var(--spectrum-thumbnail-xs-border-size-selected-key-focus, var(--spectrum-alias-border-size-thick));
  --spectrum-thumbnail-border-size: var(--spectrum-thumbnail-xs-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-thumbnail-border-color: var(--spectrum-thumbnail-xs-border-color, var(--spectrum-alias-border-color-translucent));
  --spectrum-thumbnail-border-color-key-focus: var(--spectrum-thumbnail-xs-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
  --spectrum-thumbnail-darksquare-background-color: var(--spectrum-thumbnail-xs-darksquare-background-color, var(--spectrum-alias-thumbnail-darksquare-background-color));
  --spectrum-thumbnail-border-radius: var(--spectrum-thumbnail-xs-border-radius, var(--spectrum-alias-thumbnail-border-radius-small));
  --spectrum-thumbnail-width: var(--spectrum-thumbnail-xs-width, var(--spectrum-global-dimension-size-300));
  --spectrum-thumbnail-height: var(--spectrum-thumbnail-xs-height, var(--spectrum-global-dimension-size-300));
}

.spectrum-Thumbnail--sizeS {
  --spectrum-thumbnail-border-color-selected: var(--spectrum-thumbnail-s-border-color-selected, var(--spectrum-alias-border-color-selected));
  --spectrum-thumbnail-border-size-selected-key-focus: var(--spectrum-thumbnail-s-border-size-selected-key-focus, var(--spectrum-alias-border-size-thick));
  --spectrum-thumbnail-border-size: var(--spectrum-thumbnail-s-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-thumbnail-border-color: var(--spectrum-thumbnail-s-border-color, var(--spectrum-alias-border-color-translucent));
  --spectrum-thumbnail-border-color-key-focus: var(--spectrum-thumbnail-s-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
  --spectrum-thumbnail-darksquare-background-color: var(--spectrum-thumbnail-s-darksquare-background-color, var(--spectrum-alias-thumbnail-darksquare-background-color));
  --spectrum-thumbnail-border-radius: var(--spectrum-thumbnail-s-border-radius, var(--spectrum-alias-thumbnail-border-radius-small));
  --spectrum-thumbnail-width: var(--spectrum-thumbnail-s-width, var(--spectrum-global-dimension-size-400));
  --spectrum-thumbnail-height: var(--spectrum-thumbnail-s-height, var(--spectrum-global-dimension-size-400));
}

.spectrum-Thumbnail--sizeM {
  --spectrum-thumbnail-border-color-selected: var(--spectrum-thumbnail-m-border-color-selected, var(--spectrum-alias-border-color-selected));
  --spectrum-thumbnail-border-size-selected-key-focus: var(--spectrum-thumbnail-m-border-size-selected-key-focus, var(--spectrum-alias-border-size-thick));
  --spectrum-thumbnail-border-size: var(--spectrum-thumbnail-m-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-thumbnail-border-color: var(--spectrum-thumbnail-m-border-color, var(--spectrum-alias-border-color-translucent));
  --spectrum-thumbnail-border-color-key-focus: var(--spectrum-thumbnail-m-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
  --spectrum-thumbnail-darksquare-background-color: var(--spectrum-thumbnail-m-darksquare-background-color, var(--spectrum-alias-thumbnail-darksquare-background-color));
  --spectrum-thumbnail-border-radius: var(--spectrum-thumbnail-m-border-radius, var(--spectrum-alias-thumbnail-border-radius-small));
  --spectrum-thumbnail-width: var(--spectrum-thumbnail-m-width, var(--spectrum-global-dimension-size-500));
  --spectrum-thumbnail-height: var(--spectrum-thumbnail-m-height, var(--spectrum-global-dimension-size-500));
}

.spectrum-Thumbnail--sizeL {
  --spectrum-thumbnail-border-color-selected: var(--spectrum-thumbnail-l-border-color-selected, var(--spectrum-alias-border-color-selected));
  --spectrum-thumbnail-border-size-selected-key-focus: var(--spectrum-thumbnail-l-border-size-selected-key-focus, var(--spectrum-alias-border-size-thick));
  --spectrum-thumbnail-border-size: var(--spectrum-thumbnail-l-border-size, var(--spectrum-alias-border-size-thin));
  --spectrum-thumbnail-border-color: var(--spectrum-thumbnail-l-border-color, var(--spectrum-alias-border-color-translucent));
  --spectrum-thumbnail-border-color-key-focus: var(--spectrum-thumbnail-l-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
  --spectrum-thumbnail-darksquare-background-color: var(--spectrum-thumbnail-l-darksquare-background-color, var(--spectrum-alias-thumbnail-darksquare-background-color));
  --spectrum-thumbnail-border-radius: var(--spectrum-thumbnail-l-border-radius, var(--spectrum-alias-thumbnail-border-radius-small));
  --spectrum-thumbnail-width: var(--spectrum-thumbnail-l-width, var(--spectrum-global-dimension-size-700));
  --spectrum-thumbnail-height: var(--spectrum-thumbnail-l-height, var(--spectrum-global-dimension-size-700));
}

.spectrum-Thumbnail-image {
  max-height: 100%;
  max-width: 100%;
  z-index: 1;
}

.spectrum-Thumbnail--cover .spectrum-Thumbnail-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }

.spectrum-Thumbnail-background {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center;
}

.spectrum-Thumbnail {
  background-color: var(--spectrum-global-color-static-white, rgb(255, 255, 255));
  background-image:
    linear-gradient(-45deg, transparent 75.5%, var(--spectrum-thumbnail-darksquare-background-color) 75.5%),
    linear-gradient(45deg, transparent 75.5%, var(--spectrum-thumbnail-darksquare-background-color) 75.5%),
    linear-gradient(-45deg, var(--spectrum-thumbnail-darksquare-background-color) 25.5%, transparent 25.5%),
    linear-gradient(45deg, var(--spectrum-thumbnail-darksquare-background-color) 25.5%, transparent 25.5%);
}

.spectrum-Thumbnail:before {
    box-shadow: inset 0 0 0 var(--spectrum-thumbnail-border-size) var(--spectrum-thumbnail-border-color);
  }

.spectrum-Thumbnail.is-selected {
    box-shadow: 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected-key-focus) / 2) var(--spectrum-thumbnail-border-color-selected);
  }

.spectrum-Thumbnail.is-selected:before {
      box-shadow: inset 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected-key-focus) / 2) var(--spectrum-thumbnail-border-color-selected);
    }

.spectrum-Thumbnail.is-focused,
  .spectrum-Thumbnail.focus-ring {
    box-shadow: 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected-key-focus) / 2) var(--spectrum-thumbnail-border-color-selected);
    outline: none;
    overflow: visible;
  }

.spectrum-Thumbnail.is-focused:before, .spectrum-Thumbnail.focus-ring:before {
      box-shadow: inset 0 0 0 calc(var(--spectrum-thumbnail-border-size-selected-key-focus) / 2) var(--spectrum-thumbnail-border-color-selected);
    }

.spectrum-Thumbnail.is-focused:after, .spectrum-Thumbnail.focus-ring:after {
      box-shadow: 0 0 0 var(--spectrum-thumbnail-border-size-selected-key-focus) var(--spectrum-thumbnail-border-color-key-focus);
      border-radius: calc(var(--spectrum-thumbnail-border-radius) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: calc(var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * -1);
    }

.spectrum-Toast {
  --spectrum-toast-icon-padding-y: var(--spectrum-global-dimension-size-85);
  --spectrum-toast-neutral-content-padding-top: var(
    --spectrum-global-dimension-size-65
  );
  --spectrum-toast-content-padding-bottom: var(
    --spectrum-global-dimension-size-65
  );

  --spectrum-toast-button-margin-right: var(
    --spectrum-global-dimension-size-130
  );
}

[dir="ltr"] .spectrum-Toast {
  padding-right: var(--spectrum-toast-neutral-padding-right, var(--spectrum-global-dimension-size-100));
}

[dir="rtl"] .spectrum-Toast {
  padding-left: var(--spectrum-toast-neutral-padding-right, var(--spectrum-global-dimension-size-100));
}

[dir="ltr"] .spectrum-Toast {
  padding-left: var(--spectrum-toast-neutral-padding-left, var(--spectrum-global-dimension-size-200));
}

[dir="rtl"] .spectrum-Toast {
  padding-right: var(--spectrum-toast-neutral-padding-left, var(--spectrum-global-dimension-size-200));
}

.spectrum-Toast {
  box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: stretch;
      align-items: stretch;

  border-radius: var(--spectrum-toast-neutral-border-radius, var(--spectrum-alias-border-radius-regular));

  padding-top: var(--spectrum-toast-neutral-padding-y, var(--spectrum-global-dimension-size-100));

  padding-bottom: var(--spectrum-toast-neutral-padding-y, var(--spectrum-global-dimension-size-100));

  font-size: var(--spectrum-toast-neutral-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-toast-neutral-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  -webkit-font-smoothing: antialiased;
}

[dir="ltr"] .spectrum-Toast-typeIcon {
  margin-right: var(--spectrum-toast-neutral-icon-padding-right, var(--spectrum-global-dimension-size-150));
}

[dir="rtl"] .spectrum-Toast-typeIcon {
  margin-left: var(--spectrum-toast-neutral-icon-padding-right, var(--spectrum-global-dimension-size-150));
}

[dir="ltr"] .spectrum-Toast-typeIcon {
  margin-left: 0;
}

[dir="rtl"] .spectrum-Toast-typeIcon {
  margin-right: 0;
}

.spectrum-Toast-typeIcon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;

  margin-top: var(--spectrum-toast-icon-padding-y);

  margin-bottom: var(--spectrum-toast-icon-padding-y);
}

[dir="ltr"] .spectrum-Toast-content {
  padding-right: var(--spectrum-toast-neutral-content-padding-right, var(--spectrum-global-dimension-size-200));
}

[dir="rtl"] .spectrum-Toast-content {
  padding-left: var(--spectrum-toast-neutral-content-padding-right, var(--spectrum-global-dimension-size-200));
}

[dir="ltr"] .spectrum-Toast-content {
  padding-left: 0;
}

[dir="rtl"] .spectrum-Toast-content {
  padding-right: 0;
}

[dir="ltr"] .spectrum-Toast-content {

  text-align: left;
}

[dir="rtl"] .spectrum-Toast-content {

  text-align: right;
}

.spectrum-Toast-content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: inline-block;
  box-sizing: border-box;

  padding-top: var(--spectrum-toast-neutral-content-padding-top, var(--spectrum-global-dimension-size-65));
  padding-bottom: var(--spectrum-toast-content-padding-bottom);

  font-size: var(--spectrum-toast-info-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-toast-info-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  line-height: var(--spectrum-toast-info-text-line-height, var(--spectrum-alias-component-text-line-height));
}

.spectrum-Toast-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-align: start;
      align-items: flex-start;
}

[dir="ltr"] .spectrum-Toast-buttons .spectrum-Button + .spectrum-Button,[dir="ltr"] 
    .spectrum-Toast-buttons .spectrum-Button + .spectrum-ClearButton,[dir="ltr"] 
    .spectrum-Toast-buttons .spectrum-ClearButton + .spectrum-Button,[dir="ltr"] 
    .spectrum-Toast-buttons .spectrum-ClearButton + .spectrum-ClearButton {
      margin-left: var(--spectrum-toast-neutral-button-gap-x, var(--spectrum-global-dimension-size-100));
}

[dir="rtl"] .spectrum-Toast-buttons .spectrum-Button + .spectrum-Button,[dir="rtl"] 
    .spectrum-Toast-buttons .spectrum-Button + .spectrum-ClearButton,[dir="rtl"] 
    .spectrum-Toast-buttons .spectrum-ClearButton + .spectrum-Button,[dir="rtl"] 
    .spectrum-Toast-buttons .spectrum-ClearButton + .spectrum-ClearButton {
      margin-right: var(--spectrum-toast-neutral-button-gap-x, var(--spectrum-global-dimension-size-100));
}

.spectrum-Toast-body {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

[dir="ltr"] .spectrum-Toast-body .spectrum-Button {
    float: right;
}

[dir="rtl"] .spectrum-Toast-body .spectrum-Button {
    float: left;
}

[dir="ltr"] .spectrum-Toast-body .spectrum-Button {
    margin-right: var(--spectrum-toast-button-margin-right);
}

[dir="rtl"] .spectrum-Toast-body .spectrum-Button {
    margin-left: var(--spectrum-toast-button-margin-right);
}

[dir="ltr"] .spectrum-Toast-body + .spectrum-Toast-buttons {
    padding-left: var(--spectrum-toast-neutral-padding-right, var(--spectrum-global-dimension-size-100));
}

[dir="rtl"] .spectrum-Toast-body + .spectrum-Toast-buttons {
    padding-right: var(--spectrum-toast-neutral-padding-right, var(--spectrum-global-dimension-size-100));
}

[dir="ltr"] .spectrum-Toast-body + .spectrum-Toast-buttons {

    border-left-width: 1px;
}

[dir="rtl"] .spectrum-Toast-body + .spectrum-Toast-buttons {

    border-right-width: 1px;
}

[dir="ltr"] .spectrum-Toast-body + .spectrum-Toast-buttons {
    border-left-style: solid;
}

[dir="rtl"] .spectrum-Toast-body + .spectrum-Toast-buttons {
    border-right-style: solid;
}

.spectrum-Toast {
  background-color: var(--spectrum-toast-neutral-background-color, var(--spectrum-semantic-neutral-background-color-default));
  color: var(--spectrum-toast-neutral-background-color, var(--spectrum-semantic-neutral-background-color-default));
}

.spectrum-Toast-content {
  color: var(--spectrum-toast-neutral-text-color, var(--spectrum-global-color-static-white));
}

.spectrum-Toast-typeIcon {
  color: white;
}

[dir="ltr"] .spectrum-Toast-buttons {
  border-left-color: rgba(255, 255, 255, 0.2);
}

[dir="rtl"] .spectrum-Toast-buttons {
  border-right-color: rgba(255, 255, 255, 0.2);
}

.spectrum-Toast--negative,
/** @deprecated */.spectrum-Toast--error {
  background-color: var(--spectrum-toast-negative-background-color, var(--spectrum-semantic-negative-background-color));
  color: var(--spectrum-toast-negative-background-color, var(--spectrum-semantic-negative-background-color));
}

.spectrum-Toast--negative .spectrum-Toast-closeButton.focus-ring:not(:active), .spectrum-Toast--error .spectrum-Toast-closeButton.focus-ring:not(:active) {
      color: var(--spectrum-toast-negative-background-color, var(--spectrum-semantic-negative-background-color));
    }

.spectrum-Toast--info {
  background-color: var(--spectrum-toast-info-background-color, var(--spectrum-semantic-informative-background-color));
  color: var(--spectrum-toast-info-background-color, var(--spectrum-semantic-informative-background-color));
}

.spectrum-Toast--info .spectrum-Toast-closeButton.focus-ring:not(:active) {
      color: var(--spectrum-toast-info-background-color, var(--spectrum-semantic-informative-background-color));
    }

.spectrum-Toast--positive,
/** @deprecated */.spectrum-Toast--success {
  background-color: var(--spectrum-toast-positive-background-color, var(--spectrum-semantic-positive-background-color));
  color: var(--spectrum-toast-positive-background-color, var(--spectrum-semantic-positive-background-color));
}

.spectrum-Toast--positive .spectrum-Toast-closeButton.focus-ring:not(:active), .spectrum-Toast--success .spectrum-Toast-closeButton.focus-ring:not(:active) {
      color: var(--spectrum-toast-positive-background-color, var(--spectrum-semantic-positive-background-color));
    }

.spectrum-Tooltip {
  --spectrum-overlay-animation-distance: var(--spectrum-picker-m-texticon-popover-offset-y, var(--spectrum-global-dimension-size-75));

  visibility: hidden;

  opacity: 0;

  transition: transform var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
              opacity var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
              visibility 0ms linear var(--spectrum-global-animation-duration-100, 130ms);

  pointer-events: none;
}

.spectrum-Tooltip.is-open {
  visibility: visible;

  opacity: 1;

  transition-delay: 0ms;

  pointer-events: auto;
}

.spectrum-Tooltip--bottom.is-open {
  transform: translateY(var(--spectrum-overlay-animation-distance));
}

.spectrum-Tooltip--top.is-open {
  transform: translateY(calc(-1 * var(--spectrum-overlay-animation-distance)));
}

.spectrum-Tooltip--right.is-open {
  transform: translateX(var(--spectrum-overlay-animation-distance));
}

.spectrum-Tooltip--left.is-open {
  transform: translateX(calc(-1 * var(--spectrum-overlay-animation-distance)));
}

.spectrum-Tooltip {
  --spectrum-tooltip-neutral-target-offset: 3px;
  --spectrum-tooltip-neutral-tip-width: var(--spectrum-tooltip-neutral-tip-height, var(--spectrum-global-dimension-size-50));
}

.spectrum-Tooltip {

  position: relative;
  left: 0px;
  top: 0px;

  display: -ms-inline-flexbox;

  display: inline-flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  box-sizing: border-box;

  vertical-align: top;

  width: auto;
  padding: 0 var(--spectrum-tooltip-neutral-padding-x, var(--spectrum-global-dimension-size-85));
  border-radius: var(--spectrum-tooltip-neutral-border-radius, var(--spectrum-alias-component-border-radius));
  min-height: var(--spectrum-tooltip-neutral-min-height, var(--spectrum-global-dimension-size-300));
  max-width: var(--spectrum-tooltip-neutral-max-width, var(--spectrum-global-dimension-size-2000));

  font-size: var(--spectrum-tooltip-neutral-text-size, var(--spectrum-global-dimension-font-size-75));
  font-weight: var(--spectrum-tooltip-neutral-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  line-height: var(--spectrum-tooltip-neutral-text-line-height, var(--spectrum-alias-component-text-line-height));
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
}

.spectrum-Tooltip {
    cursor: default;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

.spectrum-Tooltip p {
    margin: 0;
  }

.spectrum-Tooltip-tip {
  position: absolute;

  height: 0;
  width: 0;

  border-width: var(--spectrum-tooltip-neutral-tip-width, var(--spectrum-global-dimension-size-100));
  border-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.spectrum-Tooltip--right .spectrum-Tooltip-tip, .spectrum-Tooltip--left .spectrum-Tooltip-tip {
    top: 50%;
    margin-top: calc(-1 * var(--spectrum-tooltip-neutral-tip-width, var(--spectrum-global-dimension-size-100)));
  }

.spectrum-Tooltip--right {
  margin-left: var(--spectrum-tooltip-neutral-target-offset);
}

.spectrum-Tooltip--right .spectrum-Tooltip-tip {
    right: 100%;
    transform: rotate(90deg);
  }

.spectrum-Tooltip--left {
  margin-right: var(--spectrum-tooltip-neutral-target-offset);
}

.spectrum-Tooltip--left .spectrum-Tooltip-tip {
    left: 100%;
    transform: rotate(-90deg);
  }

.spectrum-Tooltip--top {
  margin-bottom: var(--spectrum-tooltip-neutral-target-offset);
}

.spectrum-Tooltip--top .spectrum-Tooltip-tip {
    top: 100%;
  }

.spectrum-Tooltip--bottom {
  margin-top: var(--spectrum-tooltip-neutral-target-offset);
}

.spectrum-Tooltip--bottom .spectrum-Tooltip-tip {
    bottom: 100%;
    transform: rotate(-180deg);
  }

.spectrum-Tooltip--bottom .spectrum-Tooltip-tip, .spectrum-Tooltip--top .spectrum-Tooltip-tip {
    left: 50%;
    margin-left: calc(-1 * var(--spectrum-tooltip-neutral-tip-width, var(--spectrum-global-dimension-size-100)));
  }

[dir="ltr"] .spectrum-Tooltip-typeIcon {
  margin-left: calc(var(--spectrum-tooltip-neutral-icon-margin-x, var(--spectrum-global-dimension-size-85)) - var(--spectrum-tooltip-neutral-padding-x, var(--spectrum-global-dimension-size-85)));
}

[dir="rtl"] .spectrum-Tooltip-typeIcon {
  margin-right: calc(var(--spectrum-tooltip-neutral-icon-margin-x, var(--spectrum-global-dimension-size-85)) - var(--spectrum-tooltip-neutral-padding-x, var(--spectrum-global-dimension-size-85)));
}

[dir="ltr"] .spectrum-Tooltip-typeIcon {
  margin-right: var(--spectrum-tooltip-neutral-icon-margin-x, var(--spectrum-global-dimension-size-85));
}

[dir="rtl"] .spectrum-Tooltip-typeIcon {
  margin-left: var(--spectrum-tooltip-neutral-icon-margin-x, var(--spectrum-global-dimension-size-85));
}

.spectrum-Tooltip-typeIcon {
  margin-top: var(--spectrum-tooltip-neutral-icon-margin-y, var(--spectrum-global-dimension-size-50));
  margin-bottom: var(--spectrum-tooltip-neutral-icon-margin-y, var(--spectrum-global-dimension-size-50));
  width: var(--spectrum-tooltip-neutral-icon-size, var(--spectrum-global-dimension-size-200));
  height: var(--spectrum-tooltip-neutral-icon-size, var(--spectrum-global-dimension-size-200));
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.spectrum-Tooltip-label {
  line-height: var(--spectrum-tooltip-neutral-text-line-height, var(--spectrum-alias-component-text-line-height));
  margin-top: var(--spectrum-tooltip-neutral-text-margin-top, var(--spectrum-global-dimension-static-size-50));
  margin-bottom: var(--spectrum-tooltip-neutral-text-margin-bottom);
}

.u-tooltip-showOnHover {
  display: inline-block;
  position: relative;
}

.u-tooltip-showOnHover .spectrum-Tooltip {
    position: absolute;
    white-space: nowrap;
    visibility: visible !important;
    transition: transform var(--spectrum-global-animation-duration-100, 130ms)
      ease-in-out;
    top: -100%;
  }

.u-tooltip-showOnHover .spectrum-Tooltip-label {
    max-width: none;
  }

.u-tooltip-showOnHover .spectrum-Tooltip--right,
  .u-tooltip-showOnHover .spectrum-Tooltip--left {
    top: 50%;
  }

.u-tooltip-showOnHover .spectrum-Tooltip--right .spectrum-Tooltip-tip, .u-tooltip-showOnHover .spectrum-Tooltip--left .spectrum-Tooltip-tip {
      top: 50%;
    }

.u-tooltip-showOnHover .spectrum-Tooltip--right {
    left: 100%;
    transform: translate(0, -50%);
  }

.u-tooltip-showOnHover .spectrum-Tooltip--left {
    transform: translate(-100%, -50%);
  }

.u-tooltip-showOnHover .spectrum-Tooltip--bottom,
  .u-tooltip-showOnHover .spectrum-Tooltip--top {
    left: 50%;
  }

.u-tooltip-showOnHover .spectrum-Tooltip--bottom .spectrum-Tooltip-tip, .u-tooltip-showOnHover .spectrum-Tooltip--top .spectrum-Tooltip-tip {
      left: 50%;
    }

.u-tooltip-showOnHover .spectrum-Tooltip--bottom {
    top: 100%;
    transform: translate(-50%, calc(-1 * var(--spectrum-tooltip-neutral-tip-margin, var(--spectrum-global-dimension-size-50))));
  }

.u-tooltip-showOnHover .spectrum-Tooltip--top {
    transform: translate(-50%, var(--spectrum-tooltip-neutral-tip-margin, var(--spectrum-global-dimension-size-50)));
  }

.u-tooltip-showOnHover:hover .spectrum-Tooltip,
  .u-tooltip-showOnHover:focus .spectrum-Tooltip,
  .u-tooltip-showOnHover.is-focused .spectrum-Tooltip,
  .u-tooltip-showOnHover *:focus .spectrum-Tooltip {
    opacity: 1;
  }

.u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--bottom,
  .u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--bottom,
  .u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--bottom,
  .u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--bottom {
    transform: translate(-50%, 0);
  }

.u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--top,
  .u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--top,
  .u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--top,
  .u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--top {
    transform: translate(-50%, calc(-1 * var(--spectrum-tooltip-neutral-tip-margin, var(--spectrum-global-dimension-size-50))));
  }

.u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--left,
  .u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--left,
  .u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--left,
  .u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--left {
    transform: translate(
      calc(-100% - var(--spectrum-tooltip-neutral-tip-margin, var(--spectrum-global-dimension-size-50))),
      -50%
    );
  }

.u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--right,
  .u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--right,
  .u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--right,
  .u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--right {
    transform: translate(var(--spectrum-tooltip-neutral-tip-margin, var(--spectrum-global-dimension-size-50)), -50%);
  }

.spectrum-Tooltip {
  background-color: var(--spectrum-tooltip-neutral-background-color, var(--spectrum-semantic-neutral-background-color-default));

  color: var(--spectrum-tooltip-neutral-text-color, var(--spectrum-global-color-static-white));
}

.spectrum-Tooltip-tip {
  border-top-color: var(--spectrum-tooltip-neutral-background-color, var(--spectrum-semantic-neutral-background-color-default));
}

.spectrum-Tooltip--negative,
/** @deprecated */.spectrum-Tooltip--error {
  background-color: var(--spectrum-tooltip-negative-background-color, var(--spectrum-semantic-negative-background-color));
}

.spectrum-Tooltip--negative .spectrum-Tooltip-tip, .spectrum-Tooltip--error .spectrum-Tooltip-tip {
    border-top-color: var(--spectrum-tooltip-negative-background-color, var(--spectrum-semantic-negative-background-color));
  }

.spectrum-Tooltip--info,
/** @deprecated */.spectrum-Tooltip--help {
  background-color: var(--spectrum-tooltip-info-background-color, var(--spectrum-semantic-informative-background-color));
}

.spectrum-Tooltip--info .spectrum-Tooltip-tip, .spectrum-Tooltip--help .spectrum-Tooltip-tip {
    border-top-color: var(--spectrum-tooltip-info-background-color, var(--spectrum-semantic-informative-background-color));
  }

.spectrum-Tooltip--positive,
/** @deprecated */.spectrum-Tooltip--success {
  background-color: var(--spectrum-tooltip-positive-background-color, var(--spectrum-semantic-positive-background-color));
}

.spectrum-Tooltip--positive .spectrum-Tooltip-tip, .spectrum-Tooltip--success .spectrum-Tooltip-tip {
    border-top-color: var(--spectrum-tooltip-positive-background-color, var(--spectrum-semantic-positive-background-color));
  }

.spectrum-Tray {

  visibility: hidden;

  opacity: 0;

  transition: transform var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
              opacity var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
              visibility 0ms linear var(--spectrum-global-animation-duration-100, 130ms);

  pointer-events: none;
}

.spectrum-Tray.is-open {
  visibility: visible;

  opacity: 1;

  transition-delay: 0ms;

  pointer-events: auto;
}

.spectrum-Tray {
  --spectrum-dialog-confirm-exit-animation-delay: 0ms;
  --spectrum-tray-margin-top: 64px;
}

[dir="ltr"] .spectrum-Tray-wrapper {
  left: 0;
}

[dir="rtl"] .spectrum-Tray-wrapper {
  right: 0;
}

.spectrum-Tray-wrapper {
  position: fixed;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  z-index: 2;
}

.spectrum-Tray {
  width: var(--spectrum-tray-width, 100%);
  max-width: var(--spectrum-tray-max-width, 375px);
  min-height: var(--spectrum-tray-min-height, var(--spectrum-global-dimension-static-size-800));
  max-height: calc(100vh - var(--spectrum-tray-margin-top));
  overflow: auto;
  outline: none;
  border-radius: var(--spectrum-tray-full-width-border-radius, var(--spectrum-alias-border-radius-regular))
    var(--spectrum-tray-full-width-border-radius, var(--spectrum-alias-border-radius-regular))
    var(--spectrum-tray-border-radius, 0px) var(--spectrum-tray-border-radius, 0px);
  padding: var(--spectrum-tray-padding-y, 0) var(--spectrum-tray-padding-x, var(--spectrum-global-dimension-static-size-100));
  transform: translateY(100%);
  transition: opacity var(--spectrum-dialog-confirm-exit-animation-duration, var(--spectrum-global-animation-duration-100))
      cubic-bezier(0.5, 0, 1, 1)
      var(--spectrum-dialog-confirm-exit-animation-delay, 0ms),
    visibility 0ms linear
      calc(var(--spectrum-dialog-confirm-exit-animation-delay, 0ms) + var(--spectrum-dialog-confirm-exit-animation-duration, var(--spectrum-global-animation-duration-100))),
    transform var(--spectrum-dialog-confirm-exit-animation-duration, var(--spectrum-global-animation-duration-100))
      cubic-bezier(0.5, 0, 1, 1)
      var(--spectrum-dialog-confirm-exit-animation-delay, 0ms);
}

.spectrum-Tray.is-open {
    transition: transform
        var(--spectrum-dialog-confirm-entry-animation-duration, var(--spectrum-global-animation-duration-500))
        cubic-bezier(0, 0, 0.4, 1)
        var(--spectrum-dialog-confirm-entry-animation-delay, var(--spectrum-global-animation-duration-200)),
      opacity var(--spectrum-dialog-confirm-entry-animation-duration, var(--spectrum-global-animation-duration-500))
        cubic-bezier(0, 0, 0.4, 1)
        var(--spectrum-dialog-confirm-entry-animation-delay, var(--spectrum-global-animation-duration-200));
    transform: translateY(0);
  }

@media (max-width: 375px) {
  .spectrum-Tray {
    border-radius: var(--spectrum-tray-border-radius, 0px);
  }
}


.spectrum-TreeView {
  --spectrum-treeview-heading-font-weight: var(--spectrum-global-font-weight-bold, 700);
  --spectrum-treeview-item-hover-offset: var(--spectrum-global-dimension-size-25);
  --spectrum-treeview-item-border-size-selected: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
}

.spectrum-TreeView--sizeS {
  --spectrum-treeview-item-text-padding-top: var(--spectrum-treeview-s-item-text-padding-top, var(--spectrum-global-dimension-static-size-50));
  --spectrum-treeview-item-indentation: var(--spectrum-treeview-s-item-indentation, var(--spectrum-global-dimension-size-150));
  --spectrum-treeview-item-min-height: var(--spectrum-treeview-s-item-min-height, var(--spectrum-global-dimension-size-300));
  --spectrum-treeview-item-border-radius: var(--spectrum-treeview-s-item-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-padding-left: var(--spectrum-treeview-s-item-padding-left, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-padding-right: var(--spectrum-treeview-s-item-padding-right, var(--spectrum-global-dimension-size-115));
  --spectrum-treeview-item-padding-top: var(--spectrum-treeview-s-item-padding-top, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-padding-bottom: var(--spectrum-treeview-s-item-padding-bottom, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-border-size: var(--spectrum-treeview-s-item-border-size, var(--spectrum-global-dimension-static-size-25));
  --spectrum-treeview-item-affordance-size: var(--spectrum-treeview-s-item-affordance-size, var(--spectrum-global-dimension-size-300));
  --spectrum-treeview-s-item-icon-gap: var(--spectrum-global-dimension-size-85);
}

.spectrum-TreeView--sizeM {
  --spectrum-treeview-item-text-padding-top: var(--spectrum-treeview-m-item-text-padding-top, var(--spectrum-global-dimension-size-75));
  --spectrum-treeview-item-text-padding-bottom: var(--spectrum-treeview-m-item-text-padding-bottom, var(--spectrum-global-dimension-size-115));
  --spectrum-treeview-item-indentation: var(--spectrum-treeview-m-item-indentation, var(--spectrum-global-dimension-size-200));
  --spectrum-treeview-item-min-height: var(--spectrum-treeview-m-item-min-height, var(--spectrum-global-dimension-size-300));
  --spectrum-treeview-item-border-radius: var(--spectrum-treeview-m-item-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-padding-left: var(--spectrum-treeview-m-item-padding-left, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-padding-right: var(--spectrum-treeview-m-item-padding-right, var(--spectrum-global-dimension-size-150));
  --spectrum-treeview-item-padding-top: var(--spectrum-treeview-m-item-padding-top, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-padding-bottom: var(--spectrum-treeview-m-item-padding-bottom, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-border-size: var(--spectrum-treeview-m-item-border-size, var(--spectrum-global-dimension-static-size-25));
  --spectrum-treeview-item-affordance-size: var(--spectrum-treeview-m-item-affordance-size, var(--spectrum-global-dimension-size-400));
}

.spectrum-TreeView--sizeL {
  --spectrum-treeview-item-text-padding-bottom: var(--spectrum-treeview-l-item-text-padding-bottom, var(--spectrum-global-dimension-size-130));
  --spectrum-treeview-item-indentation: var(--spectrum-treeview-l-item-indentation, var(--spectrum-global-dimension-size-250));
  --spectrum-treeview-item-min-height: var(--spectrum-treeview-l-item-min-height, var(--spectrum-global-dimension-size-400));
  --spectrum-treeview-item-border-radius: var(--spectrum-treeview-l-item-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-padding-left: var(--spectrum-treeview-l-item-padding-left, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-padding-right: var(--spectrum-treeview-l-item-padding-right, var(--spectrum-global-dimension-size-185));
  --spectrum-treeview-item-padding-top: var(--spectrum-treeview-l-item-padding-top, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-padding-bottom: var(--spectrum-treeview-l-item-padding-bottom, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-border-size: var(--spectrum-treeview-l-item-border-size, var(--spectrum-global-dimension-static-size-25));
  --spectrum-treeview-item-affordance-size: var(--spectrum-treeview-l-item-affordance-size, var(--spectrum-global-dimension-size-500));
}

.spectrum-TreeView--sizeXL {
  --spectrum-treeview-item-text-padding-top: var(--spectrum-treeview-xl-item-text-padding-top, var(--spectrum-global-dimension-size-150));
  --spectrum-treeview-item-text-padding-bottom: var(--spectrum-treeview-xl-item-text-padding-bottom, var(--spectrum-global-dimension-size-175));
  --spectrum-treeview-item-indentation: var(--spectrum-treeview-xl-item-indentation, var(--spectrum-global-dimension-size-300));
  --spectrum-treeview-item-min-height: var(--spectrum-treeview-xl-item-min-height, var(--spectrum-global-dimension-size-500));
  --spectrum-treeview-item-border-radius: var(--spectrum-treeview-xl-item-border-radius, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-padding-left: var(--spectrum-treeview-xl-item-padding-left, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-padding-right: var(--spectrum-treeview-xl-item-padding-right, var(--spectrum-global-dimension-size-225));
  --spectrum-treeview-item-padding-top: var(--spectrum-treeview-xl-item-padding-top, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-padding-bottom: var(--spectrum-treeview-xl-item-padding-bottom, var(--spectrum-global-dimension-static-size-0));
  --spectrum-treeview-item-border-size: var(--spectrum-treeview-xl-item-border-size, var(--spectrum-global-dimension-static-size-25));
  --spectrum-treeview-item-affordance-size: var(--spectrum-treeview-xl-item-affordance-size, var(--spectrum-global-dimension-size-600));
}

.spectrum-TreeView {
  display: block;
  position: relative;

  padding: 0;

  list-style: none;
  outline: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.spectrum-TreeView-item {
  overflow: hidden;
}

[dir="ltr"] .spectrum-TreeView-item.is-open > .spectrum-TreeView-itemLink > .spectrum-TreeView-itemIndicator { transform: rotate(90deg); }

[dir="rtl"] .spectrum-TreeView-item.is-open > .spectrum-TreeView-itemLink > .spectrum-TreeView-itemIndicator { transform: matrix(-1, 0, 0, 1, 0, 0) rotate(90deg); }

.spectrum-TreeView-item.is-open > .spectrum-TreeView {
      height: auto;
      visibility: visible;
    }

.spectrum-TreeView-item.is-drop-target .spectrum-TreeView-itemLink:before {
        border-width: var(--spectrum-treeview-item-border-size);
      }

.spectrum-TreeView-item.is-selected .spectrum-TreeView-itemLink:not(.focus-ring):before {
        border-width: var(--spectrum-treeview-item-border-size-selected);
      }

.spectrum-TreeView-itemLabel {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.spectrum-TreeView-itemLink {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;

  box-sizing: border-box;
  cursor: pointer;

  padding-top: var(--spectrum-treeview-item-text-padding-top);

  padding-bottom: var(--spectrum-treeview-item-text-padding-bottom);
  padding-left: var(--spectrum-treeview-item-affordance-size);
  padding-right: var(--spectrum-treeview-item-affordance-size);

  text-decoration: none;

  min-height: var(--spectrum-treeview-item-min-height);
  white-space: nowrap;
  overflow: hidden;

  outline: none;
}

[dir="ltr"] .spectrum-TreeView-itemLink .spectrum-TreeView-itemIcon {
    margin-right: var(--spectrum-treeview-s-item-icon-gap, var(--spectrum-global-dimension-size-85));
}

[dir="rtl"] .spectrum-TreeView-itemLink .spectrum-TreeView-itemIcon {
    margin-left: var(--spectrum-treeview-s-item-icon-gap, var(--spectrum-global-dimension-size-85));
}

.spectrum-TreeView-itemLink .spectrum-TreeView-itemIcon {
    vertical-align: top;
  }

[dir="ltr"] .spectrum-TreeView-itemLink:before {
    left: var(--spectrum-treeview-item-border-size);
}

[dir="rtl"] .spectrum-TreeView-itemLink:before {
    right: var(--spectrum-treeview-item-border-size);
}

[dir="ltr"] .spectrum-TreeView-itemLink:before {
    right: 0;
}

[dir="rtl"] .spectrum-TreeView-itemLink:before {
    left: 0;
}

.spectrum-TreeView-itemLink:before {
    content: '\00a0';


    position: absolute;

    height: calc(var(--spectrum-treeview-item-min-height) - var(--spectrum-treeview-item-hover-offset) * 2);
    padding-top: calc(var(--spectrum-treeview-item-text-padding-top) - var(--spectrum-treeview-item-border-size));
    padding-bottom: calc(var(--spectrum-treeview-item-text-padding-bottom) - var(--spectrum-treeview-item-border-size));

    border-style: solid;
    border-color: transparent;
    border-width: var(--spectrum-treeview-item-border-size) 0 var(--spectrum-treeview-item-border-size) 0;
    background-color: transparent;
    color: transparent;
  }

.spectrum-TreeView-itemLink.focus-ring:before {
      border-width: var(--spectrum-treeview-item-border-size);
    }

.spectrum-TreeView--standalone .spectrum-TreeView-itemLink:before {
      border-radius: var(--spectrum-treeview-item-border-radius);
      border-width: var(--spectrum-treeview-item-border-size);
    }

[dir="ltr"] .spectrum-TreeView--thumbnail .spectrum-TreeView-itemThumbnail {
    margin-right: var(--spectrum-treeview-s-item-icon-gap, var(--spectrum-global-dimension-size-85));
}

[dir="rtl"] .spectrum-TreeView--thumbnail .spectrum-TreeView-itemThumbnail {
    margin-left: var(--spectrum-treeview-s-item-icon-gap, var(--spectrum-global-dimension-size-85));
}

.spectrum-TreeView--thumbnail .spectrum-TreeView-itemLink {
    box-sizing: content-box;
    height: var(--spectrum-treeview-item-affordance-size);
    padding-top: var(--spectrum-treeview-item-text-padding-top);
    padding-bottom: calc(var(--spectrum-treeview-item-text-padding-bottom) - var(--spectrum-treeview-item-border-size));
  }

.spectrum-TreeView--thumbnail .spectrum-TreeView-itemLink:before {
      height: var(--spectrum-treeview-item-affordance-size);
    }

[dir="ltr"] .spectrum-TreeView-itemIndicator {

  float: left;
}

[dir="rtl"] .spectrum-TreeView-itemIndicator {

  float: right;
}

[dir="ltr"] .spectrum-TreeView-itemIndicator {

  left: var(--spectrum-global-dimension-size-125);
}

[dir="rtl"] .spectrum-TreeView-itemIndicator {

  right: var(--spectrum-global-dimension-size-125);
}

[dir="ltr"] .spectrum-TreeView-itemIndicator {
  margin-left: calc(-1 * var(--spectrum-global-dimension-size-500));
}

[dir="rtl"] .spectrum-TreeView-itemIndicator {
  margin-right: calc(-1 * var(--spectrum-global-dimension-size-500));
}

[dir="ltr"] .spectrum-TreeView-itemIndicator {
  margin-right: var(--spectrum-global-dimension-size-85);
}

[dir="rtl"] .spectrum-TreeView-itemIndicator {
  margin-left: var(--spectrum-global-dimension-size-85);
}

[dir="rtl"] .spectrum-TreeView-itemIndicator { transform: matrix(-1, 0, 0, 1, 0, 0) ; }

.spectrum-TreeView-itemIndicator {
  display: block;
  box-sizing: content-box;
  position: relative;
  z-index: 1;
  top: calc(-1 * var(--spectrum-global-dimension-size-65));
  margin-bottom: calc(-1 * var(--spectrum-global-dimension-size-125));

  padding-left: var(--spectrum-global-dimension-size-150);

  padding-right: var(--spectrum-global-dimension-size-150);
  padding-top: var(--spectrum-global-dimension-size-125);
  padding-bottom: var(--spectrum-global-dimension-size-125);
  transition: transform ease var(--spectrum-global-animation-duration-100, 130ms);

  pointer-events: all;
}

[dir="ltr"] .spectrum-TreeView .spectrum-TreeView {

  padding-left: var(--spectrum-treeview-item-indentation);
}

[dir="rtl"] .spectrum-TreeView .spectrum-TreeView {

  padding-right: var(--spectrum-treeview-item-indentation);
}

.spectrum-TreeView .spectrum-TreeView {
  position: static;
  height: 0;
  visibility: hidden;
}

[dir="ltr"] .spectrum-TreeView-item--indent1 {
  padding-left: var(--spectrum-treeview-item-indentation);
}

[dir="rtl"] .spectrum-TreeView-item--indent1 {
  padding-right: var(--spectrum-treeview-item-indentation);
}

[dir="ltr"] .spectrum-TreeView-item--indent2 {
  padding-left: calc(2 * var(--spectrum-treeview-item-indentation));
}

[dir="rtl"] .spectrum-TreeView-item--indent2 {
  padding-right: calc(2 * var(--spectrum-treeview-item-indentation));
}

[dir="ltr"] .spectrum-TreeView-item--indent3 {
  padding-left: calc(3 * var(--spectrum-treeview-item-indentation));
}

[dir="rtl"] .spectrum-TreeView-item--indent3 {
  padding-right: calc(3 * var(--spectrum-treeview-item-indentation));
}

[dir="ltr"] .spectrum-TreeView-item--indent4 {
  padding-left: calc(4 * var(--spectrum-treeview-item-indentation));
}

[dir="rtl"] .spectrum-TreeView-item--indent4 {
  padding-right: calc(4 * var(--spectrum-treeview-item-indentation));
}

[dir="ltr"] .spectrum-TreeView-item--indent5 {
  padding-left: calc(5 * var(--spectrum-treeview-item-indentation));
}

[dir="rtl"] .spectrum-TreeView-item--indent5 {
  padding-right: calc(5 * var(--spectrum-treeview-item-indentation));
}

[dir="ltr"] .spectrum-TreeView-item--indent6 {
  padding-left: calc(6 * var(--spectrum-treeview-item-indentation));
}

[dir="rtl"] .spectrum-TreeView-item--indent6 {
  padding-right: calc(6 * var(--spectrum-treeview-item-indentation));
}

[dir="ltr"] .spectrum-TreeView-item--indent7 {
  padding-left: calc(7 * var(--spectrum-treeview-item-indentation));
}

[dir="rtl"] .spectrum-TreeView-item--indent7 {
  padding-right: calc(7 * var(--spectrum-treeview-item-indentation));
}

[dir="ltr"] .spectrum-TreeView-item--indent8 {
  padding-left: calc(8 * var(--spectrum-treeview-item-indentation));
}

[dir="rtl"] .spectrum-TreeView-item--indent8 {
  padding-right: calc(8 * var(--spectrum-treeview-item-indentation));
}

[dir="ltr"] .spectrum-TreeView-item--indent9 {
  padding-left: calc(9 * var(--spectrum-treeview-item-indentation));
}

[dir="rtl"] .spectrum-TreeView-item--indent9 {
  padding-right: calc(9 * var(--spectrum-treeview-item-indentation));
}

[dir="ltr"] .spectrum-TreeView-item--indent10 {
  padding-left: calc(10 * var(--spectrum-treeview-item-indentation));
}

[dir="rtl"] .spectrum-TreeView-item--indent10 {
  padding-right: calc(10 * var(--spectrum-treeview-item-indentation));
}

.spectrum-TreeView-heading {
  padding: var(--spectrum-treeview-item-padding-left) var(--spectrum-treeview-item-padding-top) var(--spectrum-treeview-item-padding-right) var(--spectrum-treeview-item-padding-bottom);
  font-weight: var(--spectrum-treeview-heading-font-weight);
}

.spectrum-TreeView-heading:not(:first-child) {
    margin-top: var(--spectrum-global-dimension-size-200);
  }

.spectrum-TreeView {
  --spectrum-treeview-item-background-color-selected: var(--spectrum-alias-highlight-selected);

  --spectrum-treeview-item-background-color-quiet-selected: var(--spectrum-alias-highlight-hover);
  --spectrum-treeview-item-icon-color: var(--spectrum-alias-icon-color, var(--spectrum-global-color-gray-700));
  --spectrum-treeview-item-icon-color-hover: var(--spectrum-alias-icon-color-hover, var(--spectrum-global-color-gray-900));
  --spectrum-treeview-item-icon-color-focus: var(--spectrum-alias-icon-color-key-focus, var(--spectrum-global-color-gray-900));
  --spectrum-treeview-item-icon-color-selected: var(--spectrum-alias-icon-color-selected-neutral, var(--spectrum-global-color-gray-900));
  --spectrum-treeview-item-icon-color-disabled: var(--spectrum-alias-icon-color-disabled, var(--spectrum-global-color-gray-400));
  --spectrum-treeview-m-item-text-color-selected: var(--spectrum-alias-text-color-selected-neutral, var(--spectrum-global-color-gray-900));
}

.spectrum-TreeView-item.is-disabled > .spectrum-TreeView-itemLink {
      color: var(--spectrum-treeview-m-item-text-color-disabled, var(--spectrum-alias-component-text-color-disabled));
    }

.spectrum-TreeView-item.is-disabled > .spectrum-TreeView-itemLink .spectrum-Icon {
        color: var(--spectrum-treeview-item-icon-color-disabled);
      }

.spectrum-TreeView-item.is-selected > .spectrum-TreeView-itemLink {
      color: var(--spectrum-treeview-m-item-text-color-selected);
    }

.spectrum-TreeView-item.is-selected > .spectrum-TreeView-itemLink:before {
        background-color: var(--spectrum-treeview-item-background-color-selected);
        border-color: var(--spectrum-treeview-m-item-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
      }

.spectrum-TreeView-item.is-selected > .spectrum-TreeView-itemLink .spectrum-TreeView-itemIcon {
        color: var(--spectrum-treeview-item-icon-color-selected);
      }

.spectrum-TreeView-item.is-drop-target > .spectrum-TreeView-itemLink:before {
        background-color: var(--spectrum-alias-highlight-selected);
        border-color: var(--spectrum-treeview-m-item-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
      }

.spectrum-TreeView--quiet .spectrum-TreeView-item.is-selected > .spectrum-TreeView-itemLink:before {
          background-color: var(--spectrum-treeview-item-background-color-quiet-selected);
          border-color: transparent;
        }

.spectrum-TreeView--quiet .spectrum-TreeView-item.is-selected > .spectrum-TreeView-itemLink.focus-ring:before {
            border-color: var(--spectrum-treeview-m-item-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
          }

.spectrum-TreeView-itemIcon {
  color: var(--spectrum-treeview-item-icon-color);
}

.spectrum-TreeView-itemLink {
  color: var(--spectrum-treeview-m-item-text-color, var(--spectrum-alias-component-text-color-default));
}

.spectrum-TreeView-itemLink:hover {
    color: var(--spectrum-treeview-m-item-text-color-hover, var(--spectrum-alias-component-text-color-hover));
  }

.spectrum-TreeView-itemLink:hover:before {
      background-color: var(--spectrum-treeview-m-item-background-color-hover, var(--spectrum-global-color-gray-200));
    }

.spectrum-TreeView-itemLink:hover .spectrum-TreeView-itemIcon {
      color: var(--spectrum-treeview-item-icon-color-hover);
    }

.spectrum-TreeView-itemLink.focus-ring {
    color: var(--spectrum-treeview-m-item-text-color-mouse-focus, var(--spectrum-alias-component-text-color-mouse-focus));
  }

.spectrum-TreeView-itemLink.focus-ring::before {
      background-color: var(--spectrum-treeview-m-item-background-color-key-focus, var(--spectrum-global-color-gray-200));

      border-color: var(--spectrum-treeview-m-item-border-color-key-focus, var(--spectrum-alias-border-color-key-focus));
    }

.spectrum-TreeView-itemLink.focus-ring .spectrum-TreeView-itemIcon {
      color: var(--spectrum-treeview-item-icon-color-focus);
    }

.spectrum {
  font-family: var(--spectrum-alias-body-text-font-family, var(--spectrum-global-font-family-base));
  font-size: var(--spectrum-alias-font-size-default, var(--spectrum-global-dimension-font-size-100));
}

.spectrum:lang(ar) {
    font-family: var(--spectrum-alias-font-family-ar, var(--spectrum-global-font-font-family-ar));
  }

.spectrum:lang(he) {
    font-family: var(--spectrum-alias-font-family-he, var(--spectrum-global-font-font-family-he));
  }

.spectrum:lang(zh-Hans) {
    font-family: var(--spectrum-alias-font-family-zhhans, var(--spectrum-global-font-font-family-zhhans));
  }

.spectrum:lang(zh-Hant) {
    font-family: var(--spectrum-alias-font-family-zh, var(--spectrum-global-font-font-family-zh));
  }

.spectrum:lang(zh) {
    font-family: var(--spectrum-alias-font-family-zh, var(--spectrum-global-font-font-family-zh));
  }

.spectrum:lang(ko) {
    font-family: var(--spectrum-alias-font-family-ko, var(--spectrum-global-font-font-family-ko));
  }

.spectrum:lang(ja) {
    font-family: var(--spectrum-alias-font-family-ja, var(--spectrum-global-font-font-family-ja));
  }

.spectrum-Heading--sizeXXXL {
  

    font-size: var(--spectrum-heading-xxxl-text-size, var(--spectrum-alias-heading-xxxl-text-size));
  font-weight: var(--spectrum-heading-xxxl-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-xxxl-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-heading-xxxl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-xxxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-heading-xxxl-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Heading--sizeXXL {
  

    font-size: var(--spectrum-heading-xxl-text-size, var(--spectrum-alias-heading-xxl-text-size));
  font-weight: var(--spectrum-heading-xxl-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-xxl-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-heading-xxl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-xxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-heading-xxl-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Heading--sizeXL {
  

    font-size: var(--spectrum-heading-xl-text-size, var(--spectrum-alias-heading-xl-text-size));
  font-weight: var(--spectrum-heading-xl-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-xl-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-heading-xl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-heading-xl-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Heading--sizeL {
  

    font-size: var(--spectrum-heading-l-text-size, var(--spectrum-alias-heading-l-text-size));
  font-weight: var(--spectrum-heading-l-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-l-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-heading-l-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-heading-l-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Heading--sizeM {
  

    font-size: var(--spectrum-heading-m-text-size, var(--spectrum-alias-heading-m-text-size));
  font-weight: var(--spectrum-heading-m-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-m-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-heading-m-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-heading-m-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Heading--sizeS {
  

    font-size: var(--spectrum-heading-s-text-size, var(--spectrum-alias-heading-s-text-size));
  font-weight: var(--spectrum-heading-s-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-s-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-heading-s-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-s-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-heading-s-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Heading--sizeXS {
  

    font-size: var(--spectrum-heading-xs-text-size, var(--spectrum-alias-heading-xs-text-size));
  font-weight: var(--spectrum-heading-xs-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-xs-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-heading-xs-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-xs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-heading-xs-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Heading--sizeXXS {
  

    font-size: var(--spectrum-heading-xxs-text-size, var(--spectrum-alias-heading-xxs-text-size));
  font-weight: var(--spectrum-heading-xxs-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-xxs-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-heading-xxs-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-xxs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-heading-xxs-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Heading {
  font-family: var(--spectrum-heading-m-text-font-family, var(--spectrum-alias-body-text-font-family));
  font-weight: var(--spectrum-heading-m-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular));
}

.spectrum-Heading em,
  .spectrum-Heading .spectrum-Heading-emphasized {
    font-style: var(--spectrum-heading-m-emphasized-text-font-style, var(--spectrum-global-font-style-italic));
  }

.spectrum-Heading strong,
  .spectrum-Heading .spectrum-Heading-strong {
    font-weight: var(--spectrum-heading-m-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-regular-strong));
  }

.spectrum-Heading--serif {
  font-family: var(--spectrum-body-m-serif-text-font-family, var(--spectrum-alias-serif-text-font-family));
}

.spectrum-Heading--heavy {
  font-weight: var(--spectrum-heading-m-heavy-text-font-weight, var(--spectrum-alias-heading-text-font-weight-heavy));
}

.spectrum-Heading--heavy em,
  .spectrum-Heading--heavy .spectrum-Heading-emphasized {
    font-style: var(--spectrum-heading-m-heavy-emphasized-text-font-style, var(--spectrum-global-font-style-italic));
  }

.spectrum-Heading--heavy strong,
  .spectrum-Heading--heavy .spectrum-Heading-strong {
    font-weight: var(--spectrum-heading-m-heavy-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-heavy-strong));
  }

.spectrum-Heading--light {
  font-weight: var(--spectrum-heading-m-light-emphasized-text-font-weight, var(--spectrum-alias-heading-text-font-weight-light));
}

.spectrum-Heading--light em,
  .spectrum-Heading--light .spectrum-Heading-emphasized {
    font-style: var(--spectrum-heading-m-light-emphasized-text-font-style, var(--spectrum-global-font-style-italic));
  }

.spectrum-Heading--light strong,
  .spectrum-Heading--light .spectrum-Heading-strong {
    font-weight: var(--spectrum-heading-m-light-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-light-strong));
  }

.spectrum-Body--sizeXXXL {
  

    font-size: var(--spectrum-body-xxxl-text-size, var(--spectrum-global-dimension-font-size-600));
  font-weight: var(--spectrum-body-xxxl-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  line-height: var(--spectrum-body-xxxl-text-line-height, var(--spectrum-alias-body-text-line-height));
  font-style: var(--spectrum-body-xxxl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-body-xxxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-body-xxxl-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Body--sizeXXL {
  

    font-size: var(--spectrum-body-xxl-text-size, var(--spectrum-global-dimension-font-size-500));
  font-weight: var(--spectrum-body-xxl-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  line-height: var(--spectrum-body-xxl-text-line-height, var(--spectrum-alias-body-text-line-height));
  font-style: var(--spectrum-body-xxl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-body-xxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-body-xxl-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Body--sizeXL {
  

    font-size: var(--spectrum-body-xl-text-size, var(--spectrum-global-dimension-font-size-400));
  font-weight: var(--spectrum-body-xl-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  line-height: var(--spectrum-body-xl-text-line-height, var(--spectrum-alias-body-text-line-height));
  font-style: var(--spectrum-body-xl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-body-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-body-xl-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Body--sizeL {
  

    font-size: var(--spectrum-body-l-text-size, var(--spectrum-global-dimension-font-size-300));
  font-weight: var(--spectrum-body-l-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  line-height: var(--spectrum-body-l-text-line-height, var(--spectrum-alias-body-text-line-height));
  font-style: var(--spectrum-body-l-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-body-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-body-l-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Body--sizeM {
  

    font-size: var(--spectrum-body-m-text-size, var(--spectrum-global-dimension-font-size-200));
  font-weight: var(--spectrum-body-m-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  line-height: var(--spectrum-body-m-text-line-height, var(--spectrum-alias-body-text-line-height));
  font-style: var(--spectrum-body-m-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-body-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-body-m-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Body--sizeS {
  

    font-size: var(--spectrum-body-s-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-body-s-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  line-height: var(--spectrum-body-s-text-line-height, var(--spectrum-alias-body-text-line-height));
  font-style: var(--spectrum-body-s-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-body-s-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-body-s-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Body--sizeXS {
  

    font-size: var(--spectrum-body-xs-text-size, var(--spectrum-global-dimension-font-size-75));
  font-weight: var(--spectrum-body-xs-text-font-weight, var(--spectrum-alias-body-text-font-weight));
  line-height: var(--spectrum-body-xs-text-line-height, var(--spectrum-alias-body-text-line-height));
  font-style: var(--spectrum-body-xs-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-body-xs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  text-transform: var(--spectrum-body-xs-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum-Body {
  font-family: var(--spectrum-body-m-text-font-family, var(--spectrum-alias-body-text-font-family));
}

.spectrum-Body strong,
  .spectrum-Body .spectrum-Body-strong {
    font-weight: var(--spectrum-body-m-strong-text-font-weight, var(--spectrum-global-font-weight-bold));
  }

.spectrum-Body em,
  .spectrum-Body .spectrum-Body-emphasized {
    font-style: var(--spectrum-body-m-emphasized-text-font-style, var(--spectrum-global-font-style-italic));
  }

.spectrum-Body--serif {
  font-family: var(--spectrum-body-m-serif-text-font-family, var(--spectrum-alias-serif-text-font-family));
}

.spectrum-Detail {
  font-family: var(--spectrum-heading-m-text-font-family, var(--spectrum-alias-body-text-font-family));
}

.spectrum-Detail strong,
  .spectrum-Detail .spectrum-Detail-strong {
    font-weight: var(--spectrum-detail-m-strong-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  }

.spectrum-Detail em,
  .spectrum-Detail .spectrum-Detail-emphasized {
    font-style: var(--spectrum-detail-m-emphasized-text-font-style, var(--spectrum-global-font-style-italic));
  }

.spectrum-Detail--light {
  font-style: var(--spectrum-detail-m-light-text-font-style, var(--spectrum-global-font-style-regular));
  font-weight: var(--spectrum-detail-m-light-text-font-weight, var(--spectrum-alias-detail-text-font-weight-light));
}

.spectrum-Detail--serif {
  font-family: var(--spectrum-body-m-serif-text-font-family, var(--spectrum-alias-serif-text-font-family));
}

.spectrum-Detail--sizeXL {
  

    font-size: var(--spectrum-detail-xl-text-size, var(--spectrum-global-dimension-font-size-200));
  font-weight: var(--spectrum-detail-xl-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  line-height: var(--spectrum-detail-xl-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-detail-xl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-xl-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;
  
  }

.spectrum-Detail--sizeXL em {
        font-size: var(--spectrum-detail-xl-emphasized-text-size, var(--spectrum-global-dimension-font-size-200));
  font-weight: var(--spectrum-detail-xl-emphasized-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  line-height: var(--spectrum-detail-xl-emphasized-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-detail-xl-emphasized-text-font-style, var(--spectrum-global-font-style-italic));
  letter-spacing: var(--spectrum-detail-xl-emphasized-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-xl-emphasized-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum-Detail--sizeXL strong {
        font-size: var(--spectrum-detail-xl-strong-text-size, var(--spectrum-global-dimension-font-size-200));
  font-weight: var(--spectrum-detail-xl-strong-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  line-height: var(--spectrum-detail-xl-strong-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-detail-xl-strong-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-xl-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-xl-strong-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum-Detail--sizeL {
  

    font-size: var(--spectrum-detail-l-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-detail-l-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  line-height: var(--spectrum-detail-l-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-detail-l-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-l-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;
  
  }

.spectrum-Detail--sizeL em {
        font-size: var(--spectrum-detail-l-emphasized-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-detail-l-emphasized-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  line-height: var(--spectrum-detail-l-emphasized-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-detail-l-emphasized-text-font-style, var(--spectrum-global-font-style-italic));
  letter-spacing: var(--spectrum-detail-l-emphasized-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-l-emphasized-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum-Detail--sizeL strong {
        font-size: var(--spectrum-detail-l-strong-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-detail-l-strong-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  line-height: var(--spectrum-detail-l-strong-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-detail-l-strong-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-l-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-l-strong-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum-Detail--sizeM {
  

    font-size: var(--spectrum-detail-m-text-size, var(--spectrum-global-dimension-font-size-75));
  font-weight: var(--spectrum-detail-m-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  line-height: var(--spectrum-detail-m-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-detail-m-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-m-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;
  
  }

.spectrum-Detail--sizeM em {
        font-size: var(--spectrum-detail-m-emphasized-text-size, var(--spectrum-global-dimension-font-size-75));
  font-weight: var(--spectrum-detail-m-emphasized-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  line-height: var(--spectrum-detail-m-emphasized-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-detail-m-emphasized-text-font-style, var(--spectrum-global-font-style-italic));
  letter-spacing: var(--spectrum-detail-m-emphasized-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-m-emphasized-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum-Detail--sizeM strong {
        font-size: var(--spectrum-detail-m-strong-text-size, var(--spectrum-global-dimension-font-size-75));
  font-weight: var(--spectrum-detail-m-strong-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  line-height: var(--spectrum-detail-m-strong-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-detail-m-strong-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-m-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-m-strong-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum-Detail--sizeS {
  

    font-size: var(--spectrum-detail-s-text-size, var(--spectrum-global-dimension-font-size-50));
  font-weight: var(--spectrum-detail-s-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  line-height: var(--spectrum-detail-s-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-detail-s-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-s-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-s-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;
  
  }

.spectrum-Detail--sizeS em {
        font-size: var(--spectrum-detail-s-emphasized-text-size, var(--spectrum-global-dimension-font-size-50));
  font-weight: var(--spectrum-detail-s-emphasized-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  line-height: var(--spectrum-detail-s-emphasized-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-detail-s-emphasized-text-font-style, var(--spectrum-global-font-style-italic));
  letter-spacing: var(--spectrum-detail-s-emphasized-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-s-emphasized-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum-Detail--sizeS strong {
        font-size: var(--spectrum-detail-s-strong-text-size, var(--spectrum-global-dimension-font-size-50));
  font-weight: var(--spectrum-detail-s-strong-text-font-weight, var(--spectrum-alias-detail-text-font-weight-regular));
  line-height: var(--spectrum-detail-s-strong-text-line-height, var(--spectrum-alias-heading-text-line-height));
  font-style: var(--spectrum-detail-s-strong-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-s-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-s-strong-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum-Code {
  font-family: var(--spectrum-heading-m-text-font-family, var(--spectrum-alias-body-text-font-family));
}

.spectrum-Code strong,
  .spectrum-Code .spectrum-Code-strong {
    font-weight: var(--spectrum-code-m-strong-text-font-weight, var(--spectrum-global-font-weight-bold));
  }

.spectrum-Code em,
  .spectrum-Code .spectrum-Code-emphasized {
    font-style: var(--spectrum-code-m-emphasized-text-font-style, var(--spectrum-global-font-style-italic));
  }

.spectrum-Code--serif {
  font-family: var(--spectrum-body-m-serif-text-font-family, var(--spectrum-alias-serif-text-font-family));
}

.spectrum-Code--sizeXL {
  

    font-size: var(--spectrum-code-xl-text-size, var(--spectrum-global-dimension-font-size-400));
  font-weight: var(--spectrum-code-xl-text-font-weight, var(--spectrum-alias-code-text-font-weight-regular));
  line-height: var(--spectrum-code-xl-text-line-height, var(--spectrum-alias-body-text-line-height));
  font-style: var(--spectrum-code-xl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-code-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--spectrum-code-xl-text-font-family, var(--spectrum-alias-code-text-font-family));

    
  }

.spectrum-Code--sizeL {
  

    font-size: var(--spectrum-code-l-text-size, var(--spectrum-global-dimension-font-size-300));
  font-weight: var(--spectrum-code-l-text-font-weight, var(--spectrum-alias-code-text-font-weight-regular));
  line-height: var(--spectrum-code-l-text-line-height, var(--spectrum-alias-body-text-line-height));
  font-style: var(--spectrum-code-l-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-code-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--spectrum-code-l-text-font-family, var(--spectrum-alias-code-text-font-family));

    
  }

.spectrum-Code--sizeM {
  

    font-size: var(--spectrum-code-m-text-size, var(--spectrum-global-dimension-font-size-200));
  font-weight: var(--spectrum-code-m-text-font-weight, var(--spectrum-alias-code-text-font-weight-regular));
  line-height: var(--spectrum-code-m-text-line-height, var(--spectrum-alias-body-text-line-height));
  font-style: var(--spectrum-code-m-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-code-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--spectrum-code-m-text-font-family, var(--spectrum-alias-code-text-font-family));

    
  }

.spectrum-Code--sizeS {
  

    font-size: var(--spectrum-code-s-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-code-s-text-font-weight, var(--spectrum-alias-code-text-font-weight-regular));
  line-height: var(--spectrum-code-s-text-line-height, var(--spectrum-alias-body-text-line-height));
  font-style: var(--spectrum-code-s-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-code-s-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--spectrum-code-s-text-font-family, var(--spectrum-alias-code-text-font-family));

    
  }

.spectrum-Code--sizeXS {
  

    font-size: var(--spectrum-code-xs-text-size, var(--spectrum-global-dimension-font-size-75));
  font-weight: var(--spectrum-code-xs-text-font-weight, var(--spectrum-alias-code-text-font-weight-regular));
  line-height: var(--spectrum-code-xs-text-line-height, var(--spectrum-alias-body-text-line-height));
  font-style: var(--spectrum-code-xs-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-code-xs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-none));
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--spectrum-code-xs-text-font-family, var(--spectrum-alias-code-text-font-family));

    
  }

.spectrum-Typography .spectrum-Heading--sizeXXXL {
    margin-top: var(--spectrum-heading-xxxl-margin-top, var(--spectrum-alias-heading-xxxl-margin-top));
    margin-bottom: var(--spectrum-heading-xxxl-margin-bottom, var(--spectrum-global-dimension-size-125));
  }

.spectrum-Typography .spectrum-Heading--sizeXXL {
    margin-top: var(--spectrum-heading-xxl-margin-top, var(--spectrum-alias-heading-xxl-margin-top));
    margin-bottom: var(--spectrum-heading-xxl-margin-bottom, var(--spectrum-global-dimension-size-115));
  }

.spectrum-Typography .spectrum-Heading--sizeXL {
    margin-top: var(--spectrum-heading-xl-margin-top, var(--spectrum-alias-heading-xl-margin-top));
    margin-bottom: var(--spectrum-heading-xl-margin-bottom, var(--spectrum-global-dimension-size-100));
  }

.spectrum-Typography .spectrum-Heading--sizeL {
    margin-top: var(--spectrum-heading-l-margin-top, var(--spectrum-alias-heading-l-margin-top));
    margin-bottom: var(--spectrum-heading-l-margin-bottom, var(--spectrum-global-dimension-size-85));
  }

.spectrum-Typography .spectrum-Heading--sizeM {
    margin-top: var(--spectrum-heading-m-margin-top, var(--spectrum-alias-heading-m-margin-top));
    margin-bottom: var(--spectrum-heading-m-margin-bottom, var(--spectrum-global-dimension-size-75));
  }

.spectrum-Typography .spectrum-Heading--sizeS {
    margin-top: var(--spectrum-heading-s-margin-top, var(--spectrum-alias-heading-s-margin-top));
    margin-bottom: var(--spectrum-heading-s-margin-bottom, var(--spectrum-global-dimension-size-65));
  }

.spectrum-Typography .spectrum-Heading--sizeXS {
    margin-top: var(--spectrum-heading-xs-margin-top, var(--spectrum-alias-heading-xs-margin-top));
    margin-bottom: var(--spectrum-heading-xs-margin-bottom, var(--spectrum-global-dimension-size-50));
  }

.spectrum-Typography .spectrum-Heading--sizeXXS {
    margin-top: var(--spectrum-heading-xxs-margin-top, var(--spectrum-alias-heading-xxs-margin-top));
    margin-bottom: var(--spectrum-heading-xxs-margin-bottom, var(--spectrum-global-dimension-size-40));
  }

.spectrum-Typography .spectrum-Body--sizeXXXL {
    margin-top: var(--spectrum-body-xxxl-margin-top, 0px);
    margin-bottom: var(--spectrum-body-xxxl-margin-bottom, var(--spectrum-global-dimension-size-400));
  }

.spectrum-Typography .spectrum-Body--sizeXXL {
    margin-top: var(--spectrum-body-xxl-margin-top, 0px);
    margin-bottom: var(--spectrum-body-xxl-margin-bottom, var(--spectrum-global-dimension-size-300));
  }

.spectrum-Typography .spectrum-Body--sizeXL {
    margin-top: var(--spectrum-body-xl-margin-top, 0px);
    margin-bottom: var(--spectrum-body-xl-margin-bottom, var(--spectrum-global-dimension-size-200));
  }

.spectrum-Typography .spectrum-Body--sizeL {
    margin-top: var(--spectrum-body-l-margin-top, 0px);
    margin-bottom: var(--spectrum-body-l-margin-bottom, var(--spectrum-global-dimension-size-160));
  }

.spectrum-Typography .spectrum-Body--sizeM {
    margin-top: var(--spectrum-body-m-margin-top, 0px);
    margin-bottom: var(--spectrum-body-m-margin-bottom, var(--spectrum-global-dimension-size-150));
  }

.spectrum-Typography .spectrum-Body--sizeS {
    margin-top: var(--spectrum-body-s-margin-top, 0px);
    margin-bottom: var(--spectrum-body-s-margin-bottom, var(--spectrum-global-dimension-size-125));
  }

.spectrum-Typography .spectrum-Body--sizeXS {
    margin-top: var(--spectrum-body-xs-margin-top, 0px);
    margin-bottom: var(--spectrum-body-xs-margin-bottom, var(--spectrum-global-dimension-size-115));
  }

.spectrum:lang(ja) .spectrum-Heading--sizeXXXL, .spectrum:lang(ko) .spectrum-Heading--sizeXXXL, .spectrum:lang(zh) .spectrum-Heading--sizeXXXL {
  

    font-size: var(--spectrum-heading-han-xxxl-text-size, var(--spectrum-alias-heading-han-xxxl-text-size));
  font-weight: var(--spectrum-heading-han-xxxl-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-han-xxxl-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-heading-han-xxxl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-han-xxxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-heading-han-xxxl-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Heading--sizeXXL, .spectrum:lang(ko) .spectrum-Heading--sizeXXL, .spectrum:lang(zh) .spectrum-Heading--sizeXXL {
  

    font-size: var(--spectrum-heading-han-xxl-text-size, var(--spectrum-alias-heading-han-xxl-text-size));
  font-weight: var(--spectrum-heading-han-xxl-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-han-xxl-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-heading-han-xxl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-han-xxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-heading-han-xxl-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Heading--sizeXL, .spectrum:lang(ko) .spectrum-Heading--sizeXL, .spectrum:lang(zh) .spectrum-Heading--sizeXL {
  

    font-size: var(--spectrum-heading-han-xl-text-size, var(--spectrum-alias-heading-han-xl-text-size));
  font-weight: var(--spectrum-heading-han-xl-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-han-xl-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-heading-han-xl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-han-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-heading-han-xl-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Heading--sizeL, .spectrum:lang(ko) .spectrum-Heading--sizeL, .spectrum:lang(zh) .spectrum-Heading--sizeL {
  

    font-size: var(--spectrum-heading-han-l-text-size, var(--spectrum-alias-heading-han-l-text-size));
  font-weight: var(--spectrum-heading-han-l-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-han-l-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-heading-han-l-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-han-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-heading-han-l-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Heading--sizeM, .spectrum:lang(ko) .spectrum-Heading--sizeM, .spectrum:lang(zh) .spectrum-Heading--sizeM {
  

    font-size: var(--spectrum-heading-han-m-text-size, var(--spectrum-alias-heading-han-m-text-size));
  font-weight: var(--spectrum-heading-han-m-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-han-m-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-heading-han-m-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-han-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-heading-han-m-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Heading--sizeS, .spectrum:lang(ko) .spectrum-Heading--sizeS, .spectrum:lang(zh) .spectrum-Heading--sizeS {
  

    font-size: var(--spectrum-heading-han-s-text-size, var(--spectrum-alias-heading-han-s-text-size));
  font-weight: var(--spectrum-heading-han-s-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-han-s-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-heading-han-s-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-han-s-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-heading-han-s-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Heading--sizeXS, .spectrum:lang(ko) .spectrum-Heading--sizeXS, .spectrum:lang(zh) .spectrum-Heading--sizeXS {
  

    font-size: var(--spectrum-heading-han-xs-text-size, var(--spectrum-alias-heading-han-xs-text-size));
  font-weight: var(--spectrum-heading-han-xs-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-han-xs-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-heading-han-xs-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-han-xs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-heading-han-xs-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Heading--sizeXXS, .spectrum:lang(ko) .spectrum-Heading--sizeXXS, .spectrum:lang(zh) .spectrum-Heading--sizeXXS {
  

    font-size: var(--spectrum-heading-han-xxs-text-size, var(--spectrum-alias-heading-han-xxs-text-size));
  font-weight: var(--spectrum-heading-han-xxs-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
  line-height: var(--spectrum-heading-han-xxs-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-heading-han-xxs-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-heading-han-xxs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-heading-han-xxs-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Heading--heavy, .spectrum:lang(ko) .spectrum-Heading--heavy, .spectrum:lang(zh) .spectrum-Heading--heavy {
      font-weight: var(--spectrum-heading-han-m-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
    }

.spectrum:lang(ja) .spectrum-Heading--heavy em,
      .spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--emphasized,
      .spectrum:lang(ko) .spectrum-Heading--heavy em,
      .spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--emphasized,
      .spectrum:lang(zh) .spectrum-Heading--heavy em,
      .spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--emphasized {
        font-style: var(
          --spectrum-heading-han-heavy-m-emphasized-text-font-style
        );
        font-weight: var(
          --spectrum-heading-han-heavy-m-emphasized-text-font-weight
        );
      }

.spectrum:lang(ja) .spectrum-Heading--heavy strong,
      .spectrum:lang(ja) .spectrum-Heading--heavy .spectrum-Heading--strong,
      .spectrum:lang(ko) .spectrum-Heading--heavy strong,
      .spectrum:lang(ko) .spectrum-Heading--heavy .spectrum-Heading--strong,
      .spectrum:lang(zh) .spectrum-Heading--heavy strong,
      .spectrum:lang(zh) .spectrum-Heading--heavy .spectrum-Heading--strong {
        font-style: var(--spectrum-heading-m-heavy-strong-text-font-style, var(--spectrum-global-font-style-regular));
        font-weight: var(--spectrum-heading-m-heavy-strong-text-font-weight, var(--spectrum-alias-heading-text-font-weight-heavy-strong));
      }

.spectrum:lang(ja) .spectrum-Heading--light, .spectrum:lang(ko) .spectrum-Heading--light, .spectrum:lang(zh) .spectrum-Heading--light {
      font-weight: var(--spectrum-heading-han-m-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
    }

.spectrum:lang(ja) .spectrum-Heading--light em,
      .spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--emphasized,
      .spectrum:lang(ko) .spectrum-Heading--light em,
      .spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--emphasized,
      .spectrum:lang(zh) .spectrum-Heading--light em,
      .spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--emphasized {
        font-style: var(--spectrum-heading-han-m-light-emphasized-text-font-style, var(--spectrum-global-font-style-regular));
        font-weight: var(--spectrum-heading-han-m-light-emphasized-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-light-emphasis));
      }

.spectrum:lang(ja) .spectrum-Heading--light strong,
      .spectrum:lang(ja) .spectrum-Heading--light .spectrum-Heading--strong,
      .spectrum:lang(ko) .spectrum-Heading--light strong,
      .spectrum:lang(ko) .spectrum-Heading--light .spectrum-Heading--strong,
      .spectrum:lang(zh) .spectrum-Heading--light strong,
      .spectrum:lang(zh) .spectrum-Heading--light .spectrum-Heading--strong {
        font-style: var(--spectrum-heading-han-m-light-strong-text-font-style, var(--spectrum-global-font-style-regular));
        font-weight: var(--spectrum-heading-han-m-light-strong-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-light-strong));
      }

.spectrum:lang(ja) .spectrum-Body--sizeXXXL, .spectrum:lang(ko) .spectrum-Body--sizeXXXL, .spectrum:lang(zh) .spectrum-Body--sizeXXXL {
  

    font-size: var(--spectrum-body-han-xxxl-text-size, var(--spectrum-global-dimension-font-size-600));
  font-weight: var(--spectrum-body-han-xxxl-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
  line-height: var(--spectrum-body-han-xxxl-text-line-height, var(--spectrum-alias-han-body-text-line-height));
  font-style: var(--spectrum-body-han-xxxl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-body-han-xxxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-body-han-xxxl-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Body--sizeXXL, .spectrum:lang(ko) .spectrum-Body--sizeXXL, .spectrum:lang(zh) .spectrum-Body--sizeXXL {
  

    font-size: var(--spectrum-body-han-xxl-text-size, var(--spectrum-global-dimension-font-size-500));
  font-weight: var(--spectrum-body-han-xxl-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
  line-height: var(--spectrum-body-han-xxl-text-line-height, var(--spectrum-alias-han-body-text-line-height));
  font-style: var(--spectrum-body-han-xxl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-body-han-xxl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-body-han-xxl-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Body--sizeXL, .spectrum:lang(ko) .spectrum-Body--sizeXL, .spectrum:lang(zh) .spectrum-Body--sizeXL {
  

    font-size: var(--spectrum-body-han-xl-text-size, var(--spectrum-global-dimension-font-size-400));
  font-weight: var(--spectrum-body-han-xl-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
  line-height: var(--spectrum-body-han-xl-text-line-height, var(--spectrum-alias-han-body-text-line-height));
  font-style: var(--spectrum-body-han-xl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-body-han-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-body-han-xl-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Body--sizeL, .spectrum:lang(ko) .spectrum-Body--sizeL, .spectrum:lang(zh) .spectrum-Body--sizeL {
  

    font-size: var(--spectrum-body-han-l-text-size, var(--spectrum-global-dimension-font-size-300));
  font-weight: var(--spectrum-body-han-l-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
  line-height: var(--spectrum-body-han-l-text-line-height, var(--spectrum-alias-han-body-text-line-height));
  font-style: var(--spectrum-body-han-l-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-body-han-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-body-han-l-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Body--sizeM, .spectrum:lang(ko) .spectrum-Body--sizeM, .spectrum:lang(zh) .spectrum-Body--sizeM {
  

    font-size: var(--spectrum-body-han-m-text-size, var(--spectrum-global-dimension-font-size-200));
  font-weight: var(--spectrum-body-han-m-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
  line-height: var(--spectrum-body-han-m-text-line-height, var(--spectrum-alias-han-body-text-line-height));
  font-style: var(--spectrum-body-han-m-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-body-han-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-body-han-m-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Body--sizeS, .spectrum:lang(ko) .spectrum-Body--sizeS, .spectrum:lang(zh) .spectrum-Body--sizeS {
  

    font-size: var(--spectrum-body-han-s-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-body-han-s-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
  line-height: var(--spectrum-body-han-s-text-line-height, var(--spectrum-alias-han-body-text-line-height));
  font-style: var(--spectrum-body-han-s-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-body-han-s-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-body-han-s-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Body--sizeXS, .spectrum:lang(ko) .spectrum-Body--sizeXS, .spectrum:lang(zh) .spectrum-Body--sizeXS {
  

    font-size: var(--spectrum-body-han-xs-text-size, var(--spectrum-global-dimension-font-size-75));
  font-weight: var(--spectrum-body-han-xs-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
  line-height: var(--spectrum-body-han-xs-text-line-height, var(--spectrum-alias-han-body-text-line-height));
  font-style: var(--spectrum-body-han-xs-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-body-han-xs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  text-transform: var(--spectrum-body-han-xs-text-transform, none);
  margin-top: 0;
  margin-bottom: 0;

    
  }

.spectrum:lang(ja) .spectrum-Detail--sizeXL, .spectrum:lang(ko) .spectrum-Detail--sizeXL, .spectrum:lang(zh) .spectrum-Detail--sizeXL {
  

    font-size: var(--spectrum-detail-han-xl-text-size, var(--spectrum-global-dimension-font-size-200));
  font-weight: var(--spectrum-detail-han-xl-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
  line-height: var(--spectrum-detail-han-xl-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-detail-han-xl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-han-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-han-xl-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;
  
  }

.spectrum:lang(ja) .spectrum-Detail--sizeXL em, .spectrum:lang(ko) .spectrum-Detail--sizeXL em, .spectrum:lang(zh) .spectrum-Detail--sizeXL em {
        font-size: var(--spectrum-detail-han-xl-emphasized-text-size, var(--spectrum-global-dimension-font-size-200));
  font-weight: var(--spectrum-detail-han-xl-emphasized-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis));
  line-height: var(--spectrum-detail-han-xl-emphasized-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-detail-han-xl-emphasized-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-han-xl-emphasized-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-han-xl-emphasized-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum:lang(ja) .spectrum-Detail--sizeXL strong, .spectrum:lang(ko) .spectrum-Detail--sizeXL strong, .spectrum:lang(zh) .spectrum-Detail--sizeXL strong {
        font-size: var(--spectrum-detail-han-xl-strong-text-size, var(--spectrum-global-dimension-font-size-200));
  font-weight: var(--spectrum-detail-han-xl-strong-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular-strong));
  line-height: var(--spectrum-detail-han-xl-strong-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-detail-han-xl-strong-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-han-xl-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-han-xl-strong-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum:lang(ja) .spectrum-Detail--sizeL, .spectrum:lang(ko) .spectrum-Detail--sizeL, .spectrum:lang(zh) .spectrum-Detail--sizeL {
  

    font-size: var(--spectrum-detail-han-l-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-detail-han-l-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
  line-height: var(--spectrum-detail-han-l-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-detail-han-l-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-han-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-han-l-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;
  
  }

.spectrum:lang(ja) .spectrum-Detail--sizeL em, .spectrum:lang(ko) .spectrum-Detail--sizeL em, .spectrum:lang(zh) .spectrum-Detail--sizeL em {
        font-size: var(--spectrum-detail-han-l-emphasized-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-detail-han-l-emphasized-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis));
  line-height: var(--spectrum-detail-han-l-emphasized-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-detail-han-l-emphasized-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-han-l-emphasized-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-han-l-emphasized-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum:lang(ja) .spectrum-Detail--sizeL strong, .spectrum:lang(ko) .spectrum-Detail--sizeL strong, .spectrum:lang(zh) .spectrum-Detail--sizeL strong {
        font-size: var(--spectrum-detail-han-l-strong-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-detail-han-l-strong-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular-strong));
  line-height: var(--spectrum-detail-han-l-strong-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-detail-han-l-strong-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-han-l-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-han-l-strong-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum:lang(ja) .spectrum-Detail--sizeM, .spectrum:lang(ko) .spectrum-Detail--sizeM, .spectrum:lang(zh) .spectrum-Detail--sizeM {
  

    font-size: var(--spectrum-detail-han-m-text-size, var(--spectrum-global-dimension-font-size-75));
  font-weight: var(--spectrum-detail-han-m-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
  line-height: var(--spectrum-detail-han-m-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-detail-han-m-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-han-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-han-m-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;
  
  }

.spectrum:lang(ja) .spectrum-Detail--sizeM em, .spectrum:lang(ko) .spectrum-Detail--sizeM em, .spectrum:lang(zh) .spectrum-Detail--sizeM em {
        font-size: var(--spectrum-detail-han-m-emphasized-text-size, var(--spectrum-global-dimension-font-size-75));
  font-weight: var(--spectrum-detail-han-m-emphasized-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis));
  line-height: var(--spectrum-detail-han-m-emphasized-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-detail-han-m-emphasized-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-han-m-emphasized-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-han-m-emphasized-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum:lang(ja) .spectrum-Detail--sizeM strong, .spectrum:lang(ko) .spectrum-Detail--sizeM strong, .spectrum:lang(zh) .spectrum-Detail--sizeM strong {
        font-size: var(--spectrum-detail-han-m-strong-text-size, var(--spectrum-global-dimension-font-size-75));
  font-weight: var(--spectrum-detail-han-m-strong-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular-strong));
  line-height: var(--spectrum-detail-han-m-strong-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-detail-han-m-strong-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-han-m-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-han-m-strong-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum:lang(ja) .spectrum-Detail--sizeS, .spectrum:lang(ko) .spectrum-Detail--sizeS, .spectrum:lang(zh) .spectrum-Detail--sizeS {
  

    font-size: var(--spectrum-detail-han-s-text-size, var(--spectrum-global-dimension-font-size-50));
  font-weight: var(--spectrum-detail-han-s-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
  line-height: var(--spectrum-detail-han-s-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-detail-han-s-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-han-s-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-han-s-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;
  
  }

.spectrum:lang(ja) .spectrum-Detail--sizeS em, .spectrum:lang(ko) .spectrum-Detail--sizeS em, .spectrum:lang(zh) .spectrum-Detail--sizeS em {
        font-size: var(--spectrum-detail-han-s-emphasized-text-size, var(--spectrum-global-dimension-font-size-50));
  font-weight: var(--spectrum-detail-han-s-emphasized-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular-emphasis));
  line-height: var(--spectrum-detail-han-s-emphasized-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-detail-han-s-emphasized-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-han-s-emphasized-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-han-s-emphasized-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum:lang(ja) .spectrum-Detail--sizeS strong, .spectrum:lang(ko) .spectrum-Detail--sizeS strong, .spectrum:lang(zh) .spectrum-Detail--sizeS strong {
        font-size: var(--spectrum-detail-han-s-strong-text-size, var(--spectrum-global-dimension-font-size-50));
  font-weight: var(--spectrum-detail-han-s-strong-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular-strong));
  line-height: var(--spectrum-detail-han-s-strong-text-line-height, var(--spectrum-alias-han-heading-text-line-height));
  font-style: var(--spectrum-detail-han-s-strong-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-detail-han-s-strong-text-letter-spacing, var(--spectrum-global-font-letter-spacing-medium));
  text-transform: var(--spectrum-detail-han-s-strong-text-transform, uppercase);
  margin-top: 0;
  margin-bottom: 0;

    }

.spectrum:lang(ja) .spectrum-Detail--light, .spectrum:lang(ko) .spectrum-Detail--light, .spectrum:lang(zh) .spectrum-Detail--light {
      font-weight: var(--spectrum-detail-han-m-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-regular));
    }

.spectrum:lang(ja) .spectrum-Detail--light em,
      .spectrum:lang(ja) .spectrum-Detail--light .spectrum-Detail--emphasized,
      .spectrum:lang(ko) .spectrum-Detail--light em,
      .spectrum:lang(ko) .spectrum-Detail--light .spectrum-Detail--emphasized,
      .spectrum:lang(zh) .spectrum-Detail--light em,
      .spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--emphasized {
        font-style: var(--spectrum-detail-han-m-light-emphasized-text-font-style, var(--spectrum-global-font-style-regular));
        font-weight: var(--spectrum-detail-han-m-light-emphasized-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-light-emphasis));
      }

.spectrum:lang(ja) .spectrum-Detail--light strong,
      .spectrum:lang(ja) .spectrum-Detail--light .spectrum-Detail--strong,
      .spectrum:lang(ko) .spectrum-Detail--light strong,
      .spectrum:lang(ko) .spectrum-Detail--light .spectrum-Detail--strong,
      .spectrum:lang(zh) .spectrum-Detail--light strong,
      .spectrum:lang(zh) .spectrum-Detail--light .spectrum-Detail--strong {
        font-style: var(--spectrum-detail-han-m-light-strong-text-font-style, var(--spectrum-global-font-style-regular));
        font-weight: var(--spectrum-detail-han-m-light-strong-text-font-weight, var(--spectrum-alias-han-heading-text-font-weight-light-strong));
      }

.spectrum:lang(ja) .spectrum-Code--sizeXL, .spectrum:lang(ko) .spectrum-Code--sizeXL, .spectrum:lang(zh) .spectrum-Code--sizeXL {
  

    font-size: var(--spectrum-code-han-xl-text-size, var(--spectrum-global-dimension-font-size-400));
  font-weight: var(--spectrum-code-han-xl-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
  line-height: var(--spectrum-code-han-xl-text-line-height, var(--spectrum-alias-han-body-text-line-height));
  font-style: var(--spectrum-code-han-xl-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-code-han-xl-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  margin-top: 0;
  margin-bottom: 0;
      font-family: var(--spectrum-code-han-xl-text-font-family, var(--spectrum-alias-font-family-zh));

    
  }

.spectrum:lang(ja) .spectrum-Code--sizeL, .spectrum:lang(ko) .spectrum-Code--sizeL, .spectrum:lang(zh) .spectrum-Code--sizeL {
  

    font-size: var(--spectrum-code-han-l-text-size, var(--spectrum-global-dimension-font-size-300));
  font-weight: var(--spectrum-code-han-l-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
  line-height: var(--spectrum-code-han-l-text-line-height, var(--spectrum-alias-han-body-text-line-height));
  font-style: var(--spectrum-code-han-l-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-code-han-l-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  margin-top: 0;
  margin-bottom: 0;
      font-family: var(--spectrum-code-han-l-text-font-family, var(--spectrum-alias-font-family-zh));

    
  }

.spectrum:lang(ja) .spectrum-Code--sizeM, .spectrum:lang(ko) .spectrum-Code--sizeM, .spectrum:lang(zh) .spectrum-Code--sizeM {
  

    font-size: var(--spectrum-code-han-m-text-size, var(--spectrum-global-dimension-font-size-200));
  font-weight: var(--spectrum-code-han-m-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
  line-height: var(--spectrum-code-han-m-text-line-height, var(--spectrum-alias-han-body-text-line-height));
  font-style: var(--spectrum-code-han-m-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-code-han-m-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  margin-top: 0;
  margin-bottom: 0;
      font-family: var(--spectrum-code-han-m-text-font-family, var(--spectrum-alias-font-family-zh));

    
  }

.spectrum:lang(ja) .spectrum-Code--sizeS, .spectrum:lang(ko) .spectrum-Code--sizeS, .spectrum:lang(zh) .spectrum-Code--sizeS {
  

    font-size: var(--spectrum-code-han-s-text-size, var(--spectrum-global-dimension-font-size-100));
  font-weight: var(--spectrum-code-han-s-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
  line-height: var(--spectrum-code-han-s-text-line-height, var(--spectrum-alias-han-body-text-line-height));
  font-style: var(--spectrum-code-han-s-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-code-han-s-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  margin-top: 0;
  margin-bottom: 0;
      font-family: var(--spectrum-code-han-s-text-font-family, var(--spectrum-alias-font-family-zh));

    
  }

.spectrum:lang(ja) .spectrum-Code--sizeXS, .spectrum:lang(ko) .spectrum-Code--sizeXS, .spectrum:lang(zh) .spectrum-Code--sizeXS {
  

    font-size: var(--spectrum-code-han-xs-text-size, var(--spectrum-global-dimension-font-size-75));
  font-weight: var(--spectrum-code-han-xs-text-font-weight, var(--spectrum-alias-han-body-text-font-weight-regular));
  line-height: var(--spectrum-code-han-xs-text-line-height, var(--spectrum-alias-han-body-text-line-height));
  font-style: var(--spectrum-code-han-xs-text-font-style, var(--spectrum-global-font-style-regular));
  letter-spacing: var(--spectrum-code-han-xs-text-letter-spacing, var(--spectrum-global-font-letter-spacing-han));
  margin-top: 0;
  margin-bottom: 0;
      font-family: var(--spectrum-code-han-xs-text-font-family, var(--spectrum-alias-font-family-zh));

    
  }

.spectrum-Heading--sizeXXXL {
    
    color: var(--spectrum-heading-xxxl-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading--sizeXXL {
    
    color: var(--spectrum-heading-xxl-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading--sizeXL {
    
    color: var(--spectrum-heading-xl-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading--sizeL {
    
    color: var(--spectrum-heading-l-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading--sizeM {
    
    color: var(--spectrum-heading-m-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading--sizeS {
    
    color: var(--spectrum-heading-s-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading--sizeXS {
    
    color: var(--spectrum-heading-xs-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading--sizeXXS {
    
    color: var(--spectrum-heading-xxs-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading-sizeXXXL--light {
    
    color: var(--spectrum-heading-xxxl-light-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading-sizeXXL--light {
    
    color: var(--spectrum-heading-xxl-light-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading-sizeXL--light {
    
    color: var(--spectrum-heading-xl-light-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading-sizeL--light {
    
    color: var(--spectrum-heading-l-light-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading-sizeXXXL--heavy {
    
    color: var(--spectrum-heading-xxxl-heavy-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading-sizeXXL--heavy {
    
    color: var(--spectrum-heading-xxl-heavy-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading-sizeXL--heavy {
    
    color: var(--spectrum-heading-xl-heavy-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading-sizeL--heavy {
    
    color: var(--spectrum-heading-l-heavy-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading-sizeXXXL--heading {
    
    color: var(--spectrum-heading-xxxl-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading-sizeXXL--heading {
    
    color: var(--spectrum-heading-xxl-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading-sizeXL--heading {
    
    color: var(--spectrum-heading-xl-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Heading-sizeL--heading {
    
    color: var(--spectrum-heading-l-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Body--sizeXXXL {
    
    color: var(--spectrum-body-xxxl-text-color, var(--spectrum-alias-text-color));
  }

.spectrum-Body--sizeXXL {
    
    color: var(--spectrum-body-xxl-text-color, var(--spectrum-alias-text-color));
  }

.spectrum-Body--sizeXL {
    
    color: var(--spectrum-body-xl-text-color, var(--spectrum-alias-text-color));
  }

.spectrum-Body--sizeL {
    
    color: var(--spectrum-body-l-text-color, var(--spectrum-alias-text-color));
  }

.spectrum-Body--sizeM {
    
    color: var(--spectrum-body-m-text-color, var(--spectrum-alias-text-color));
  }

.spectrum-Body--sizeS {
    
    color: var(--spectrum-body-s-text-color, var(--spectrum-alias-text-color));
  }

.spectrum-Body--sizeXS {
    
    color: var(--spectrum-body-xs-text-color, var(--spectrum-alias-text-color));
  }

.spectrum-Detail--sizeXL {
    
    color: var(--spectrum-detail-xl-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Detail--sizeL {
    
    color: var(--spectrum-detail-l-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Detail--sizeM {
    
    color: var(--spectrum-detail-m-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Detail--sizeS {
    
    color: var(--spectrum-detail-s-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum-Code--sizeXL {
    
    color: var(--spectrum-code-xl-text-color, var(--spectrum-alias-text-color));
  }

.spectrum-Code--sizeL {
    
    color: var(--spectrum-code-l-text-color, var(--spectrum-alias-text-color));
  }

.spectrum-Code--sizeM {
    
    color: var(--spectrum-code-m-text-color, var(--spectrum-alias-text-color));
  }

.spectrum-Code--sizeS {
    
    color: var(--spectrum-code-s-text-color, var(--spectrum-alias-text-color));
  }

.spectrum-Code--sizeXS {
    
    color: var(--spectrum-code-xs-text-color, var(--spectrum-alias-text-color));
  }

.spectrum:lang(ja) .spectrum-Body--sizeXXXL, .spectrum:lang(ko) .spectrum-Body--sizeXXXL, .spectrum:lang(zh) .spectrum-Body--sizeXXXL {
    
    color: var(--spectrum-body-han-xxxl-text-color, var(--spectrum-alias-text-color));
  }

.spectrum:lang(ja) .spectrum-Body--sizeXXL, .spectrum:lang(ko) .spectrum-Body--sizeXXL, .spectrum:lang(zh) .spectrum-Body--sizeXXL {
    
    color: var(--spectrum-body-han-xxl-text-color, var(--spectrum-alias-text-color));
  }

.spectrum:lang(ja) .spectrum-Body--sizeXL, .spectrum:lang(ko) .spectrum-Body--sizeXL, .spectrum:lang(zh) .spectrum-Body--sizeXL {
    
    color: var(--spectrum-body-han-xl-text-color, var(--spectrum-alias-text-color));
  }

.spectrum:lang(ja) .spectrum-Body--sizeL, .spectrum:lang(ko) .spectrum-Body--sizeL, .spectrum:lang(zh) .spectrum-Body--sizeL {
    
    color: var(--spectrum-body-han-l-text-color, var(--spectrum-alias-text-color));
  }

.spectrum:lang(ja) .spectrum-Body--sizeM, .spectrum:lang(ko) .spectrum-Body--sizeM, .spectrum:lang(zh) .spectrum-Body--sizeM {
    
    color: var(--spectrum-body-han-m-text-color, var(--spectrum-alias-text-color));
  }

.spectrum:lang(ja) .spectrum-Body--sizeS, .spectrum:lang(ko) .spectrum-Body--sizeS, .spectrum:lang(zh) .spectrum-Body--sizeS {
    
    color: var(--spectrum-body-han-s-text-color, var(--spectrum-alias-text-color));
  }

.spectrum:lang(ja) .spectrum-Body--sizeXS, .spectrum:lang(ko) .spectrum-Body--sizeXS, .spectrum:lang(zh) .spectrum-Body--sizeXS {
    
    color: var(--spectrum-body-han-xs-text-color, var(--spectrum-alias-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading--sizeXXXL, .spectrum:lang(ko) .spectrum-Heading--sizeXXXL, .spectrum:lang(zh) .spectrum-Heading--sizeXXXL {
    
    color: var(--spectrum-heading-xxxl-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading--sizeXXL, .spectrum:lang(ko) .spectrum-Heading--sizeXXL, .spectrum:lang(zh) .spectrum-Heading--sizeXXL {
    
    color: var(--spectrum-heading-xxl-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading--sizeXL, .spectrum:lang(ko) .spectrum-Heading--sizeXL, .spectrum:lang(zh) .spectrum-Heading--sizeXL {
    
    color: var(--spectrum-heading-xl-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading--sizeL, .spectrum:lang(ko) .spectrum-Heading--sizeL, .spectrum:lang(zh) .spectrum-Heading--sizeL {
    
    color: var(--spectrum-heading-l-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading--sizeM, .spectrum:lang(ko) .spectrum-Heading--sizeM, .spectrum:lang(zh) .spectrum-Heading--sizeM {
    
    color: var(--spectrum-heading-m-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading--sizeS, .spectrum:lang(ko) .spectrum-Heading--sizeS, .spectrum:lang(zh) .spectrum-Heading--sizeS {
    
    color: var(--spectrum-heading-s-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading--sizeXS, .spectrum:lang(ko) .spectrum-Heading--sizeXS, .spectrum:lang(zh) .spectrum-Heading--sizeXS {
    
    color: var(--spectrum-heading-xs-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading--sizeXXS, .spectrum:lang(ko) .spectrum-Heading--sizeXXS, .spectrum:lang(zh) .spectrum-Heading--sizeXXS {
    
    color: var(--spectrum-heading-xxs-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--light, .spectrum:lang(ko) .spectrum-Heading-sizeXXXL--light, .spectrum:lang(zh) .spectrum-Heading-sizeXXXL--light {
    
    color: var(--spectrum-heading-xxxl-light-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading-sizeXXL--light, .spectrum:lang(ko) .spectrum-Heading-sizeXXL--light, .spectrum:lang(zh) .spectrum-Heading-sizeXXL--light {
    
    color: var(--spectrum-heading-xxl-light-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading-sizeXL--light, .spectrum:lang(ko) .spectrum-Heading-sizeXL--light, .spectrum:lang(zh) .spectrum-Heading-sizeXL--light {
    
    color: var(--spectrum-heading-xl-light-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading-sizeL--light, .spectrum:lang(ko) .spectrum-Heading-sizeL--light, .spectrum:lang(zh) .spectrum-Heading-sizeL--light {
    
    color: var(--spectrum-heading-l-light-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--heavy, .spectrum:lang(ko) .spectrum-Heading-sizeXXXL--heavy, .spectrum:lang(zh) .spectrum-Heading-sizeXXXL--heavy {
    
    color: var(--spectrum-heading-xxxl-heavy-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading-sizeXXL--heavy, .spectrum:lang(ko) .spectrum-Heading-sizeXXL--heavy, .spectrum:lang(zh) .spectrum-Heading-sizeXXL--heavy {
    
    color: var(--spectrum-heading-xxl-heavy-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading-sizeXL--heavy, .spectrum:lang(ko) .spectrum-Heading-sizeXL--heavy, .spectrum:lang(zh) .spectrum-Heading-sizeXL--heavy {
    
    color: var(--spectrum-heading-xl-heavy-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading-sizeL--heavy, .spectrum:lang(ko) .spectrum-Heading-sizeL--heavy, .spectrum:lang(zh) .spectrum-Heading-sizeL--heavy {
    
    color: var(--spectrum-heading-l-heavy-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading-sizeXXXL--heading, .spectrum:lang(ko) .spectrum-Heading-sizeXXXL--heading, .spectrum:lang(zh) .spectrum-Heading-sizeXXXL--heading {
    
    color: var(--spectrum-heading-xxxl-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading-sizeXXL--heading, .spectrum:lang(ko) .spectrum-Heading-sizeXXL--heading, .spectrum:lang(zh) .spectrum-Heading-sizeXXL--heading {
    
    color: var(--spectrum-heading-xxl-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading-sizeXL--heading, .spectrum:lang(ko) .spectrum-Heading-sizeXL--heading, .spectrum:lang(zh) .spectrum-Heading-sizeXL--heading {
    
    color: var(--spectrum-heading-xl-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Heading-sizeL--heading, .spectrum:lang(ko) .spectrum-Heading-sizeL--heading, .spectrum:lang(zh) .spectrum-Heading-sizeL--heading {
    
    color: var(--spectrum-heading-l-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Detail--sizeXL, .spectrum:lang(ko) .spectrum-Detail--sizeXL, .spectrum:lang(zh) .spectrum-Detail--sizeXL {
    
    color: var(--spectrum-detail-xl-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Detail--sizeL, .spectrum:lang(ko) .spectrum-Detail--sizeL, .spectrum:lang(zh) .spectrum-Detail--sizeL {
    
    color: var(--spectrum-detail-l-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Detail--sizeM, .spectrum:lang(ko) .spectrum-Detail--sizeM, .spectrum:lang(zh) .spectrum-Detail--sizeM {
    
    color: var(--spectrum-detail-m-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Detail--sizeS, .spectrum:lang(ko) .spectrum-Detail--sizeS, .spectrum:lang(zh) .spectrum-Detail--sizeS {
    
    color: var(--spectrum-detail-s-text-color, var(--spectrum-alias-heading-text-color));
  }

.spectrum:lang(ja) .spectrum-Code--sizeXL, .spectrum:lang(ko) .spectrum-Code--sizeXL, .spectrum:lang(zh) .spectrum-Code--sizeXL {
    
    color: var(--spectrum-code-xl-text-color, var(--spectrum-alias-text-color));
  }

.spectrum:lang(ja) .spectrum-Code--sizeL, .spectrum:lang(ko) .spectrum-Code--sizeL, .spectrum:lang(zh) .spectrum-Code--sizeL {
    
    color: var(--spectrum-code-l-text-color, var(--spectrum-alias-text-color));
  }

.spectrum:lang(ja) .spectrum-Code--sizeM, .spectrum:lang(ko) .spectrum-Code--sizeM, .spectrum:lang(zh) .spectrum-Code--sizeM {
    
    color: var(--spectrum-code-m-text-color, var(--spectrum-alias-text-color));
  }

.spectrum:lang(ja) .spectrum-Code--sizeS, .spectrum:lang(ko) .spectrum-Code--sizeS, .spectrum:lang(zh) .spectrum-Code--sizeS {
    
    color: var(--spectrum-code-s-text-color, var(--spectrum-alias-text-color));
  }

.spectrum:lang(ja) .spectrum-Code--sizeXS, .spectrum:lang(ko) .spectrum-Code--sizeXS, .spectrum:lang(zh) .spectrum-Code--sizeXS {
    
    color: var(--spectrum-code-xs-text-color, var(--spectrum-alias-text-color));
  }

.spectrum,
.spectrum-Body {
  color: var(--spectrum-body-m-text-color, var(--spectrum-alias-text-color));
}

.spectrum-Underlay {

  visibility: hidden;

  opacity: 0;

  transition: transform var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
              opacity var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
              visibility 0ms linear var(--spectrum-global-animation-duration-100, 130ms);

  pointer-events: none;
}

.spectrum-Underlay.is-open {
  visibility: visible;

  opacity: 1;

  transition-delay: 0ms;

  pointer-events: auto;
}

.spectrum-Underlay {
  --spectrum-dialog-confirm-background-entry-animation-delay: 0ms;
  --spectrum-dialog-confirm-background-exit-animation-ease: cubic-bezier(0.5, 0, 1, 1);
  --spectrum-dialog-confirm-background-entry-animation-ease: cubic-bezier(0, 0, 0.40, 1);
}

.spectrum-Underlay {

  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;

  overflow: hidden;
  transition: opacity var(--spectrum-dialog-confirm-background-exit-animation-duration, var(--spectrum-global-animation-duration-300)) var(--spectrum-dialog-confirm-background-exit-animation-ease, var(--spectrum-global-animation-linear)) var(--spectrum-dialog-confirm-background-exit-animation-delay, var(--spectrum-global-animation-duration-200)),
              visibility 0ms linear calc(var(--spectrum-dialog-confirm-background-exit-animation-delay, var(--spectrum-global-animation-duration-200)) + var(--spectrum-dialog-confirm-background-exit-animation-duration, var(--spectrum-global-animation-duration-300)));
}

.spectrum-Underlay.is-open {
  transition: opacity var(--spectrum-dialog-confirm-background-entry-animation-duration, var(--spectrum-global-animation-duration-600)) var(--spectrum-dialog-confirm-background-entry-animation-ease, var(--spectrum-global-animation-linear)) var(--spectrum-dialog-confirm-background-entry-animation-delay, 0ms);
}

.spectrum-Underlay {
  background: var(--spectrum-dialog-confirm-overlay-background-color, var(--spectrum-alias-background-color-modal-overlay));
}

.spectrum-Well {
  --spectrum-well-padding: var(--spectrum-global-dimension-size-200);
  --spectrum-well-border-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
  --spectrum-well-margin-top: var(--spectrum-global-dimension-size-50);
  --spectrum-well-min-width: var(--spectrum-global-dimension-size-3000);
}

[dir="ltr"] .spectrum-Well {
  text-align: left;
}

[dir="rtl"] .spectrum-Well {
  text-align: right;
}

.spectrum-Well {
  display: block;
  min-width: var(--spectrum-well-min-width);
  padding: var(--spectrum-well-padding, var(--spectrum-global-dimension-size-200));
  margin-top: var(--spectrum-well-margin-top);
  border-width: var(--spectrum-well-border-width, var(--spectrum-alias-border-size-thin));
  border-style: solid;
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
}

.spectrum-Well {
  background-color: var(--spectrum-well-background-color);
  border-color: var(--spectrum-well-border-color);
}