html,
 body,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video,
 input,
 textarea {
     border: 0;
     font-family: inherit;
     font-size: 100%;
     margin: 0;
     padding: 0;
     vertical-align: baseline
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
     display: block
 }

 body {
     line-height: normal
 }

 ol,
 ul {
     list-style: none
 }

 blockquote,
 q {
     quotes: none
 }

 blockquote::before,
 blockquote::after,
 q::before,
 q::after {
     content: "";
     content: none
 }

 table {
     border-collapse: collapse;
     border-spacing: 0
 }

 .clear {
     clear: both;
     height: 0
 }

 .clearfix::after {
     clear: both;
     content: "";
     display: table
 }

 .DesignTokenThemeSelectors-theme--darkMode {
     color-scheme: dark
 }

 @media(prefers-color-scheme: dark) {
     .DesignTokenThemeSelectors-theme--systemDarkMode {
         color-scheme: dark
     }
 }

 .DesignTokenThemeSelectors-theme--blacklight .DesignTokenThemeSelectors-deprecatedComponent {
     outline: 2px solid red
 }

 .DesignTokenThemeDisablerInternal {
     color-scheme: light
 }

 :root {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #e8e5e4;
     --color-customization-background-weak-deprecated-opaque: #e8e5e4;
     --color-customization-background-weak-deprecated: #e8e5e4;
     --color-customization-background-weak-hover: #e1dedd;
     --color-customization-background-weak-hover-deprecated: #e1dedd;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #1e1f21;
     --color-customization-foreground-weak-deprecated: #1e1f21;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #1e1f21;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #1e1f21;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #1e1f21;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #1e1f21;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #1e1f21;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #1e1f21;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #1e1f21;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #1e1f21;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #1e1f21;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #1e1f21;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #1e1f21;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #1e1f21;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #1e1f21
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #e8e5e4;
     --color-customization-background-weak-deprecated-opaque: #e8e5e4;
     --color-customization-background-weak-deprecated: #e8e5e4;
     --color-customization-background-weak-hover: #e1dedd;
     --color-customization-background-weak-hover-deprecated: #e1dedd;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #1e1f21;
     --color-customization-foreground-weak-deprecated: #1e1f21;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #1e1f21;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #1e1f21;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #1e1f21;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #1e1f21;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #1e1f21;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #1e1f21;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #1e1f21;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #1e1f21;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #1e1f21;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #1e1f21;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #1e1f21;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #1e1f21;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #1e1f21
 }

 @media print {
     :root {
         --color-customization-background: #c7c4c4;
         --color-customization-background-deprecated: #c7c4c4;
         --color-customization-background-deprecated-opaque: #c7c4c4;
         --color-customization-background-hover: #bfbcbc;
         --color-customization-background-hover-deprecated: #bfbcbc;
         --color-customization-background-active: #b9b6b6;
         --color-customization-background-active-deprecated: #b9b6b6;
         --color-customization-background-weak: #e8e5e4;
         --color-customization-background-weak-deprecated-opaque: #e8e5e4;
         --color-customization-background-weak-deprecated: #e8e5e4;
         --color-customization-background-weak-hover: #e1dedd;
         --color-customization-background-weak-hover-deprecated: #e1dedd;
         --color-customization-foreground: #1e1f21;
         --color-customization-foreground-weak: #1e1f21;
         --color-customization-foreground-weak-deprecated: #1e1f21;
         --color-customization-red-background: #f06a6a;
         --color-customization-red-background-rgb: 240, 106, 106;
         --color-customization-red-background-hover: #eb6868;
         --color-customization-red-foreground: #1e1f21;
         --color-customization-red-foreground-hover: #1e1f21;
         --color-customization-red-text-deprecated: #1e1f21;
         --color-customization-orange-background: #ec8d71;
         --color-customization-orange-background-rgb: 236, 141, 113;
         --color-customization-orange-background-hover: #e3886d;
         --color-customization-orange-foreground: #1e1f21;
         --color-customization-orange-foreground-hover: #1e1f21;
         --color-customization-orange-text-deprecated: #1e1f21;
         --color-customization-yellow-orange-background: #f1bd6c;
         --color-customization-yellow-orange-background-rgb: 241, 189, 108;
         --color-customization-yellow-orange-background-hover: #e7b568;
         --color-customization-yellow-orange-foreground: #1e1f21;
         --color-customization-yellow-orange-foreground-hover: #1e1f21;
         --color-customization-yellow-orange-text-deprecated: #1e1f21;
         --color-customization-yellow-background: #f8df72;
         --color-customization-yellow-background-rgb: 248, 223, 114;
         --color-customization-yellow-background-hover: #f2da6f;
         --color-customization-yellow-foreground: #1e1f21;
         --color-customization-yellow-foreground-hover: #1e1f21;
         --color-customization-yellow-text-deprecated: #1e1f21;
         --color-customization-yellow-green-background: #aecf55;
         --color-customization-yellow-green-background-rgb: 174, 207, 85;
         --color-customization-yellow-green-background-hover: #a9c953;
         --color-customization-yellow-green-foreground: #1e1f21;
         --color-customization-yellow-green-foreground-hover: #1e1f21;
         --color-customization-yellow-green-text-deprecated: #1e1f21;
         --color-customization-green-background: #5da283;
         --color-customization-green-background-rgb: 93, 162, 131;
         --color-customization-green-background-hover: #5a9b7e;
         --color-customization-green-foreground: #fff;
         --color-customization-green-foreground-hover: #fff;
         --color-customization-green-text-deprecated: #1e1f21;
         --color-customization-blue-green-background: #4ecbc4;
         --color-customization-blue-green-background-rgb: 78, 203, 196;
         --color-customization-blue-green-background-hover: #4abeb7;
         --color-customization-blue-green-foreground: #1e1f21;
         --color-customization-blue-green-foreground-hover: #1e1f21;
         --color-customization-blue-green-text-deprecated: #1e1f21;
         --color-customization-aqua-background: #9ee7e3;
         --color-customization-aqua-background-rgb: 158, 231, 227;
         --color-customization-aqua-background-hover: #99dfdb;
         --color-customization-aqua-foreground: #1e1f21;
         --color-customization-aqua-foreground-hover: #1e1f21;
         --color-customization-aqua-text-deprecated: #1e1f21;
         --color-customization-blue-background: #4573d2;
         --color-customization-blue-background-rgb: 69, 115, 210;
         --color-customization-blue-background-hover: #526dc6;
         --color-customization-blue-foreground: #fff;
         --color-customization-blue-foreground-hover: #fff;
         --color-customization-blue-text-deprecated: #1e1f21;
         --color-customization-indigo-background: #8d84e8;
         --color-customization-indigo-background-rgb: 141, 132, 232;
         --color-customization-indigo-background-hover: #867ddc;
         --color-customization-indigo-foreground: #fff;
         --color-customization-indigo-foreground-hover: #fff;
         --color-customization-indigo-text-deprecated: #1e1f21;
         --color-customization-purple-background: #b36bd4;
         --color-customization-purple-background-rgb: 179, 107, 212;
         --color-customization-purple-background-hover: #ad67cc;
         --color-customization-purple-foreground: #fff;
         --color-customization-purple-foreground-hover: #fff;
         --color-customization-purple-text-deprecated: #1e1f21;
         --color-customization-magenta-background: #f9aaef;
         --color-customization-magenta-background-rgb: 249, 170, 239;
         --color-customization-magenta-background-hover: #f1a5e8;
         --color-customization-magenta-foreground: #1e1f21;
         --color-customization-magenta-foreground-hover: #1e1f21;
         --color-customization-magenta-text-deprecated: #1e1f21;
         --color-customization-hot-pink-background: #f26fb2;
         --color-customization-hot-pink-background-rgb: 242, 111, 178;
         --color-customization-hot-pink-background-hover: #e66aa9;
         --color-customization-hot-pink-foreground: #1e1f21;
         --color-customization-hot-pink-foreground-hover: #1e1f21;
         --color-customization-hot-pink-text-deprecated: #1e1f21;
         --color-customization-pink-background: #fc979a;
         --color-customization-pink-background-rgb: 252, 151, 154;
         --color-customization-pink-background-hover: #f39294;
         --color-customization-pink-foreground: #1e1f21;
         --color-customization-pink-foreground-hover: #1e1f21;
         --color-customization-pink-text-deprecated: #1e1f21;
         --color-customization-cool-gray-background: #6d6e6f;
         --color-customization-cool-gray-background-rgb: 109, 110, 111;
         --color-customization-cool-gray-background-hover: #656667;
         --color-customization-cool-gray-foreground: #fff;
         --color-customization-cool-gray-foreground-hover: #fff;
         --color-customization-cool-gray-text-deprecated: #1e1f21
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #424244;
     --color-customization-background-weak-deprecated-opaque: #424244;
     --color-customization-background-weak-deprecated: #424244;
     --color-customization-background-weak-hover: #464648;
     --color-customization-background-weak-hover-deprecated: #464648;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #fff;
     --color-customization-foreground-weak-deprecated: #fff;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #f5f4f3;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #f5f4f3;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #f5f4f3;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #f5f4f3;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #f5f4f3;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #f5f4f3;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #f5f4f3;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #f5f4f3;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #f5f4f3;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #f5f4f3;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #f5f4f3;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #f5f4f3;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #f5f4f3
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-customization-background: #c7c4c4;
         --color-customization-background-deprecated: #c7c4c4;
         --color-customization-background-deprecated-opaque: #c7c4c4;
         --color-customization-background-hover: #bfbcbc;
         --color-customization-background-hover-deprecated: #bfbcbc;
         --color-customization-background-active: #b9b6b6;
         --color-customization-background-active-deprecated: #b9b6b6;
         --color-customization-background-weak: #424244;
         --color-customization-background-weak-deprecated-opaque: #424244;
         --color-customization-background-weak-deprecated: #424244;
         --color-customization-background-weak-hover: #464648;
         --color-customization-background-weak-hover-deprecated: #464648;
         --color-customization-foreground: #1e1f21;
         --color-customization-foreground-weak: #fff;
         --color-customization-foreground-weak-deprecated: #fff;
         --color-customization-red-background: #f06a6a;
         --color-customization-red-background-rgb: 240, 106, 106;
         --color-customization-red-background-hover: #eb6868;
         --color-customization-red-foreground: #1e1f21;
         --color-customization-red-foreground-hover: #1e1f21;
         --color-customization-red-text-deprecated: #f5f4f3;
         --color-customization-orange-background: #ec8d71;
         --color-customization-orange-background-rgb: 236, 141, 113;
         --color-customization-orange-background-hover: #e3886d;
         --color-customization-orange-foreground: #1e1f21;
         --color-customization-orange-foreground-hover: #1e1f21;
         --color-customization-orange-text-deprecated: #f5f4f3;
         --color-customization-yellow-orange-background: #f1bd6c;
         --color-customization-yellow-orange-background-rgb: 241, 189, 108;
         --color-customization-yellow-orange-background-hover: #e7b568;
         --color-customization-yellow-orange-foreground: #1e1f21;
         --color-customization-yellow-orange-foreground-hover: #1e1f21;
         --color-customization-yellow-orange-text-deprecated: #f5f4f3;
         --color-customization-yellow-background: #f8df72;
         --color-customization-yellow-background-rgb: 248, 223, 114;
         --color-customization-yellow-background-hover: #f2da6f;
         --color-customization-yellow-foreground: #1e1f21;
         --color-customization-yellow-foreground-hover: #1e1f21;
         --color-customization-yellow-text-deprecated: #f5f4f3;
         --color-customization-yellow-green-background: #aecf55;
         --color-customization-yellow-green-background-rgb: 174, 207, 85;
         --color-customization-yellow-green-background-hover: #a9c953;
         --color-customization-yellow-green-foreground: #1e1f21;
         --color-customization-yellow-green-foreground-hover: #1e1f21;
         --color-customization-yellow-green-text-deprecated: #f5f4f3;
         --color-customization-green-background: #5da283;
         --color-customization-green-background-rgb: 93, 162, 131;
         --color-customization-green-background-hover: #5a9b7e;
         --color-customization-green-foreground: #fff;
         --color-customization-green-foreground-hover: #fff;
         --color-customization-green-text-deprecated: #f5f4f3;
         --color-customization-blue-green-background: #4ecbc4;
         --color-customization-blue-green-background-rgb: 78, 203, 196;
         --color-customization-blue-green-background-hover: #4abeb7;
         --color-customization-blue-green-foreground: #1e1f21;
         --color-customization-blue-green-foreground-hover: #1e1f21;
         --color-customization-blue-green-text-deprecated: #f5f4f3;
         --color-customization-aqua-background: #9ee7e3;
         --color-customization-aqua-background-rgb: 158, 231, 227;
         --color-customization-aqua-background-hover: #99dfdb;
         --color-customization-aqua-foreground: #1e1f21;
         --color-customization-aqua-foreground-hover: #1e1f21;
         --color-customization-aqua-text-deprecated: #f5f4f3;
         --color-customization-blue-background: #4573d2;
         --color-customization-blue-background-rgb: 69, 115, 210;
         --color-customization-blue-background-hover: #526dc6;
         --color-customization-blue-foreground: #fff;
         --color-customization-blue-foreground-hover: #fff;
         --color-customization-blue-text-deprecated: #f5f4f3;
         --color-customization-indigo-background: #8d84e8;
         --color-customization-indigo-background-rgb: 141, 132, 232;
         --color-customization-indigo-background-hover: #867ddc;
         --color-customization-indigo-foreground: #fff;
         --color-customization-indigo-foreground-hover: #fff;
         --color-customization-indigo-text-deprecated: #f5f4f3;
         --color-customization-purple-background: #b36bd4;
         --color-customization-purple-background-rgb: 179, 107, 212;
         --color-customization-purple-background-hover: #ad67cc;
         --color-customization-purple-foreground: #fff;
         --color-customization-purple-foreground-hover: #fff;
         --color-customization-purple-text-deprecated: #f5f4f3;
         --color-customization-magenta-background: #f9aaef;
         --color-customization-magenta-background-rgb: 249, 170, 239;
         --color-customization-magenta-background-hover: #f1a5e8;
         --color-customization-magenta-foreground: #1e1f21;
         --color-customization-magenta-foreground-hover: #1e1f21;
         --color-customization-magenta-text-deprecated: #f5f4f3;
         --color-customization-hot-pink-background: #f26fb2;
         --color-customization-hot-pink-background-rgb: 242, 111, 178;
         --color-customization-hot-pink-background-hover: #e66aa9;
         --color-customization-hot-pink-foreground: #1e1f21;
         --color-customization-hot-pink-foreground-hover: #1e1f21;
         --color-customization-hot-pink-text-deprecated: #f5f4f3;
         --color-customization-pink-background: #fc979a;
         --color-customization-pink-background-rgb: 252, 151, 154;
         --color-customization-pink-background-hover: #f39294;
         --color-customization-pink-foreground: #1e1f21;
         --color-customization-pink-foreground-hover: #1e1f21;
         --color-customization-pink-text-deprecated: #f5f4f3;
         --color-customization-cool-gray-background: #6d6e6f;
         --color-customization-cool-gray-background-rgb: 109, 110, 111;
         --color-customization-cool-gray-background-hover: #656667;
         --color-customization-cool-gray-foreground: #fff;
         --color-customization-cool-gray-foreground-hover: #fff;
         --color-customization-cool-gray-text-deprecated: #f5f4f3
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #424244;
     --color-customization-background-weak-deprecated-opaque: #424244;
     --color-customization-background-weak-deprecated: #424244;
     --color-customization-background-weak-hover: #464648;
     --color-customization-background-weak-hover-deprecated: #464648;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #fff;
     --color-customization-foreground-weak-deprecated: #fff;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #f5f4f3;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #f5f4f3;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #f5f4f3;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #f5f4f3;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #f5f4f3;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #f5f4f3;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #f5f4f3;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #f5f4f3;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #f5f4f3;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #f5f4f3;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #f5f4f3;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #f5f4f3;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #f5f4f3;
     --color-customization-background-weak: #5f2748;
     --color-customization-background-weak-deprecated-opaque: #5f2748;
     --color-customization-background-weak-deprecated: #5f2748;
     --color-customization-background-weak-hover: #5f2748;
     --color-customization-background-weak-hover-deprecated: #5f2748
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-customization-red-background: #e8384f;
     --color-customization-red-background-rgb: 232, 56, 79;
     --color-customization-red-background-hover: #de1a33;
     --color-customization-red-foreground: #fff;
     --color-customization-red-foreground-hover: #fff;
     --color-customization-red-text-deprecated: #d74854;
     --color-customization-orange-background: #fd817d;
     --color-customization-orange-background-rgb: 253, 129, 125;
     --color-customization-orange-background-hover: #fc5a55;
     --color-customization-orange-foreground: #560401;
     --color-customization-orange-foreground-hover: #2e0201;
     --color-customization-orange-text-deprecated: #d67a74;
     --color-customization-yellow-orange-background: #fdae33;
     --color-customization-yellow-orange-background-rgb: 253, 174, 51;
     --color-customization-yellow-orange-background-hover: #fd9e0b;
     --color-customization-yellow-orange-foreground: #513201;
     --color-customization-yellow-orange-foreground-hover: #291901;
     --color-customization-yellow-orange-text-deprecated: #bf8b3e;
     --color-customization-yellow-background: #eecc16;
     --color-customization-yellow-background-rgb: 238, 204, 22;
     --color-customization-yellow-background-hover: #ccae0f;
     --color-customization-yellow-foreground: #504107;
     --color-customization-yellow-foreground-hover: #2a2304;
     --color-customization-yellow-text-deprecated: #d67a74;
     --color-customization-yellow-green-background: #a4c61a;
     --color-customization-yellow-green-background-rgb: 164, 198, 26;
     --color-customization-yellow-green-background-hover: #86a215;
     --color-customization-yellow-green-foreground: #333b07;
     --color-customization-yellow-green-foreground-hover: #131703;
     --color-customization-yellow-green-text-deprecated: #899d36;
     --color-customization-green-background: #62bb35;
     --color-customization-green-background-rgb: 98, 187, 53;
     --color-customization-green-background-hover: #519b2c;
     --color-customization-green-foreground: #182c0c;
     --color-customization-green-foreground-hover: #070c03;
     --color-customization-green-text-deprecated: #679c40;
     --color-customization-blue-green-background: #37a862;
     --color-customization-blue-green-background-rgb: 55, 168, 98;
     --color-customization-blue-green-background-hover: #2d8950;
     --color-customization-blue-green-foreground: #fff;
     --color-customization-blue-green-foreground-hover: #fff;
     --color-customization-blue-green-text-deprecated: #59a368;
     --color-customization-aqua-background: #208ea3;
     --color-customization-aqua-background-rgb: 32, 142, 163;
     --color-customization-aqua-background-hover: #197081;
     --color-customization-aqua-foreground: #fff;
     --color-customization-aqua-foreground-hover: #fff;
     --color-customization-aqua-text-deprecated: #448da0;
     --color-customization-blue-background: #4178bc;
     --color-customization-blue-background-rgb: 65, 120, 188;
     --color-customization-blue-background-hover: #37659e;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #4d79b7;
     --color-customization-indigo-background: #7a71f6;
     --color-customization-indigo-background-rgb: 122, 113, 246;
     --color-customization-indigo-background-hover: #564bf4;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #7776ee;
     --color-customization-purple-background: #aa71ff;
     --color-customization-purple-background-rgb: 170, 113, 255;
     --color-customization-purple-background-hover: #9248ff;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #a178f7;
     --color-customization-magenta-background: #e37cff;
     --color-customization-magenta-background-rgb: 227, 124, 255;
     --color-customization-magenta-background-hover: #da53ff;
     --color-customization-magenta-foreground: #48005c;
     --color-customization-magenta-foreground-hover: #280033;
     --color-customization-magenta-text-deprecated: #c078df;
     --color-customization-hot-pink-background: #ea4e9d;
     --color-customization-hot-pink-background-rgb: 234, 78, 157;
     --color-customization-hot-pink-background-hover: #e62a89;
     --color-customization-hot-pink-foreground: #fff;
     --color-customization-hot-pink-foreground-hover: #fff;
     --color-customization-hot-pink-text-deprecated: #d95b9b;
     --color-customization-pink-background: #fca7e4;
     --color-customization-pink-background-rgb: 252, 167, 228;
     --color-customization-pink-background-hover: #fb80d8;
     --color-customization-pink-foreground: #760456;
     --color-customization-pink-foreground-hover: #4f0339;
     --color-customization-pink-text-deprecated: #b984ad;
     --color-customization-cool-gray-background: #8d9f9b;
     --color-customization-cool-gray-background-rgb: 141, 159, 155;
     --color-customization-cool-gray-background-hover: #778c88;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-customization-red-background: #e8384f;
     --color-customization-red-background-rgb: 232, 56, 79;
     --color-customization-red-background-hover: #de1a33;
     --color-customization-red-foreground: #fff;
     --color-customization-red-foreground-hover: #fff;
     --color-customization-red-text-deprecated: #d74854;
     --color-customization-orange-background: #fd817d;
     --color-customization-orange-background-rgb: 253, 129, 125;
     --color-customization-orange-background-hover: #fc5a55;
     --color-customization-orange-foreground: #560401;
     --color-customization-orange-foreground-hover: #2e0201;
     --color-customization-orange-text-deprecated: #d67a74;
     --color-customization-yellow-orange-background: #fdae33;
     --color-customization-yellow-orange-background-rgb: 253, 174, 51;
     --color-customization-yellow-orange-background-hover: #fd9e0b;
     --color-customization-yellow-orange-foreground: #513201;
     --color-customization-yellow-orange-foreground-hover: #291901;
     --color-customization-yellow-orange-text-deprecated: #bf8b3e;
     --color-customization-yellow-background: #eecc16;
     --color-customization-yellow-background-rgb: 238, 204, 22;
     --color-customization-yellow-background-hover: #ccae0f;
     --color-customization-yellow-foreground: #504107;
     --color-customization-yellow-foreground-hover: #2a2304;
     --color-customization-yellow-text-deprecated: #d67a74;
     --color-customization-yellow-green-background: #a4c61a;
     --color-customization-yellow-green-background-rgb: 164, 198, 26;
     --color-customization-yellow-green-background-hover: #86a215;
     --color-customization-yellow-green-foreground: #333b07;
     --color-customization-yellow-green-foreground-hover: #131703;
     --color-customization-yellow-green-text-deprecated: #899d36;
     --color-customization-green-background: #62bb35;
     --color-customization-green-background-rgb: 98, 187, 53;
     --color-customization-green-background-hover: #519b2c;
     --color-customization-green-foreground: #182c0c;
     --color-customization-green-foreground-hover: #070c03;
     --color-customization-green-text-deprecated: #679c40;
     --color-customization-blue-green-background: #37a862;
     --color-customization-blue-green-background-rgb: 55, 168, 98;
     --color-customization-blue-green-background-hover: #2d8950;
     --color-customization-blue-green-foreground: #fff;
     --color-customization-blue-green-foreground-hover: #fff;
     --color-customization-blue-green-text-deprecated: #59a368;
     --color-customization-aqua-background: #208ea3;
     --color-customization-aqua-background-rgb: 32, 142, 163;
     --color-customization-aqua-background-hover: #197081;
     --color-customization-aqua-foreground: #fff;
     --color-customization-aqua-foreground-hover: #fff;
     --color-customization-aqua-text-deprecated: #448da0;
     --color-customization-blue-background: #4178bc;
     --color-customization-blue-background-rgb: 65, 120, 188;
     --color-customization-blue-background-hover: #37659e;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #4d79b7;
     --color-customization-indigo-background: #7a71f6;
     --color-customization-indigo-background-rgb: 122, 113, 246;
     --color-customization-indigo-background-hover: #564bf4;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #7776ee;
     --color-customization-purple-background: #aa71ff;
     --color-customization-purple-background-rgb: 170, 113, 255;
     --color-customization-purple-background-hover: #9248ff;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #a178f7;
     --color-customization-magenta-background: #e37cff;
     --color-customization-magenta-background-rgb: 227, 124, 255;
     --color-customization-magenta-background-hover: #da53ff;
     --color-customization-magenta-foreground: #48005c;
     --color-customization-magenta-foreground-hover: #280033;
     --color-customization-magenta-text-deprecated: #c078df;
     --color-customization-hot-pink-background: #ea4e9d;
     --color-customization-hot-pink-background-rgb: 234, 78, 157;
     --color-customization-hot-pink-background-hover: #e62a89;
     --color-customization-hot-pink-foreground: #fff;
     --color-customization-hot-pink-foreground-hover: #fff;
     --color-customization-hot-pink-text-deprecated: #d95b9b;
     --color-customization-pink-background: #fca7e4;
     --color-customization-pink-background-rgb: 252, 167, 228;
     --color-customization-pink-background-hover: #fb80d8;
     --color-customization-pink-foreground: #760456;
     --color-customization-pink-foreground-hover: #4f0339;
     --color-customization-pink-text-deprecated: #b984ad;
     --color-customization-cool-gray-background: #8d9f9b;
     --color-customization-cool-gray-background-rgb: 141, 159, 155;
     --color-customization-cool-gray-background-hover: #778c88;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff
 }

 .DesignTokenThemeSelectors-theme--darkMode {
     color-scheme: dark
 }

 @media(prefers-color-scheme: dark) {
     .DesignTokenThemeSelectors-theme--systemDarkMode {
         color-scheme: dark
     }
 }

 .DesignTokenThemeSelectors-theme--blacklight .DesignTokenThemeSelectors-deprecatedComponent {
     outline: 2px solid red
 }

 .DesignTokenThemeDisablerInternal {
     color-scheme: light
 }

 :root {
     --color-text: #1e1f21;
     --color-text-rgb: 30, 31, 33;
     --color-text-foreground: #fff;
     --color-text-disabled: #afabac;
     --color-text-weak: #6d6e6f;
     --color-text-weak-hover: #1e1f21;
     --color-icon: #6d6e6f;
     --color-icon-rgb: 109, 110, 111;
     --color-icon-foreground: #fff;
     --color-icon-hover: #1e1f21;
     --color-icon-active: #1e1f21;
     --color-icon-disabled: #afabac;
     --color-icon-strong: #6d6e6f;
     --color-border: #edeae9;
     --color-border-rgb: 237, 234, 233;
     --color-border-hover: #afabac;
     --color-border-active: #6d6e6f;
     --color-border-strong: #cfcbcb;
     --color-background-weak: #fff;
     --color-background-weak-rgb: 255, 255, 255;
     --color-background-weak-hover-deprecated: #f9f8f8;
     --color-background-medium: #f9f8f8;
     --color-background-medium-rgb: 249, 248, 248;
     --color-background-hover: rgba(55, 23, 23, 0.03);
     --color-background-active: rgba(55, 23, 23, 0.05);
     --color-background-strong: #f5f3f3;
     --color-background-strong-rgb: 245, 243, 243;
     --color-selected-text: #3f6ac4;
     --color-selected-text-hover: #4464bb;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #3f6ac4;
     --color-selected-icon-rgb: 63, 106, 196;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #3f6ac4;
     --color-selected-border-hover: #3f6ac4;
     --color-selected-border-active: #3f6ac4;
     --color-selected-background: #f1f2fc;
     --color-selected-background-hover: #e7e9fc;
     --color-selected-background-active: #dbe0fd;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #0d7f56;
     --color-success-text-hover: #12714d;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #58a182;
     --color-success-icon-hover: #368e6a;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #8dc2ac;
     --color-success-border-hover: #58a182;
     --color-success-border-active: #58a182;
     --color-success-background: #e6f8f1;
     --color-success-background-hover: #e0f4ec;
     --color-success-background-active: #cce8dd;
     --color-success-background-strong: #58a182;
     --color-success-background-strong-hover: #519d7d;
     --color-success-background-strong-active: #3f9470;
     --color-warning-text: #986516;
     --color-warning-text-hover: #805411;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #b58e53;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #f1bd6c;
     --color-warning-border-hover: #b58e53;
     --color-warning-background: #fff6ee;
     --color-warning-background-hover: #ffecda;
     --color-warning-background-active: #fedcb6;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #986516;
     --color-upsell-text-hover: #805411;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #b58e53;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #fff6ee;
     --color-upsell-background-hover: #ffecda;
     --color-upsell-background-active: #fedcb6;
     --color-upsell-background-weak-hover: #fff6ee;
     --color-upsell-background-weak-active: #ffecda;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #f1bd6c;
     --color-danger-text: #c92f54;
     --color-danger-text-hover: #a42b45;
     --color-danger-text-strong: #fff;
     --color-danger-icon: #de5f73;
     --color-danger-icon-hover: #d33e5d;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #f1a2a9;
     --color-danger-border-hover: #e37281;
     --color-danger-border-active: #e37281;
     --color-danger-background: #feebec;
     --color-danger-background-hover: #fcdadc;
     --color-danger-background-active: #f9c6ca;
     --color-danger-background-strong: #de5f73;
     --color-danger-background-strong-hover: #d84f67;
     --color-danger-background-strong-active: #d33e5d;
     --color-drop-target-background: rgba(255, 255, 255, 0.95);
     --color-beta-text: #6e66b1;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #8d84e8;
     --color-beta-icon-rgb: 141, 132, 232;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #575089;
     --color-beta-background-weak: #f6f4fd;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #8d84e8;
     --color-beta-border-hover: #726ab9;
     --color-beta-border-active: #726ab9;
     --color-primary-text: #3f6ac4;
     --color-primary-text-hover: #4464bb;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #3f6ac4;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #3f6ac4;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #3f6ac4;
     --color-on-hold-text-hover: #4464bb;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #3f6ac4;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #3f6ac4;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-text: #1e1f21;
     --color-text-rgb: 30, 31, 33;
     --color-text-foreground: #fff;
     --color-text-disabled: #afabac;
     --color-text-weak: #6d6e6f;
     --color-text-weak-hover: #1e1f21;
     --color-icon: #6d6e6f;
     --color-icon-rgb: 109, 110, 111;
     --color-icon-foreground: #fff;
     --color-icon-hover: #1e1f21;
     --color-icon-active: #1e1f21;
     --color-icon-disabled: #afabac;
     --color-icon-strong: #6d6e6f;
     --color-border: #edeae9;
     --color-border-rgb: 237, 234, 233;
     --color-border-hover: #afabac;
     --color-border-active: #6d6e6f;
     --color-border-strong: #cfcbcb;
     --color-background-weak: #fff;
     --color-background-weak-rgb: 255, 255, 255;
     --color-background-weak-hover-deprecated: #f9f8f8;
     --color-background-medium: #f9f8f8;
     --color-background-medium-rgb: 249, 248, 248;
     --color-background-hover: rgba(55, 23, 23, 0.03);
     --color-background-active: rgba(55, 23, 23, 0.05);
     --color-background-strong: #f5f3f3;
     --color-background-strong-rgb: 245, 243, 243;
     --color-selected-text: #3f6ac4;
     --color-selected-text-hover: #4464bb;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #3f6ac4;
     --color-selected-icon-rgb: 63, 106, 196;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #3f6ac4;
     --color-selected-border-hover: #3f6ac4;
     --color-selected-border-active: #3f6ac4;
     --color-selected-background: #f1f2fc;
     --color-selected-background-hover: #e7e9fc;
     --color-selected-background-active: #dbe0fd;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #0d7f56;
     --color-success-text-hover: #12714d;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #58a182;
     --color-success-icon-hover: #368e6a;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #8dc2ac;
     --color-success-border-hover: #58a182;
     --color-success-border-active: #58a182;
     --color-success-background: #e6f8f1;
     --color-success-background-hover: #e0f4ec;
     --color-success-background-active: #cce8dd;
     --color-success-background-strong: #58a182;
     --color-success-background-strong-hover: #519d7d;
     --color-success-background-strong-active: #3f9470;
     --color-warning-text: #986516;
     --color-warning-text-hover: #805411;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #b58e53;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #f1bd6c;
     --color-warning-border-hover: #b58e53;
     --color-warning-background: #fff6ee;
     --color-warning-background-hover: #ffecda;
     --color-warning-background-active: #fedcb6;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #986516;
     --color-upsell-text-hover: #805411;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #b58e53;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #fff6ee;
     --color-upsell-background-hover: #ffecda;
     --color-upsell-background-active: #fedcb6;
     --color-upsell-background-weak-hover: #fff6ee;
     --color-upsell-background-weak-active: #ffecda;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #f1bd6c;
     --color-danger-text: #c92f54;
     --color-danger-text-hover: #a42b45;
     --color-danger-text-strong: #fff;
     --color-danger-icon: #de5f73;
     --color-danger-icon-hover: #d33e5d;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #f1a2a9;
     --color-danger-border-hover: #e37281;
     --color-danger-border-active: #e37281;
     --color-danger-background: #feebec;
     --color-danger-background-hover: #fcdadc;
     --color-danger-background-active: #f9c6ca;
     --color-danger-background-strong: #de5f73;
     --color-danger-background-strong-hover: #d84f67;
     --color-danger-background-strong-active: #d33e5d;
     --color-drop-target-background: rgba(255, 255, 255, 0.95);
     --color-beta-text: #6e66b1;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #8d84e8;
     --color-beta-icon-rgb: 141, 132, 232;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #575089;
     --color-beta-background-weak: #f6f4fd;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #8d84e8;
     --color-beta-border-hover: #726ab9;
     --color-beta-border-active: #726ab9;
     --color-primary-text: #3f6ac4;
     --color-primary-text-hover: #4464bb;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #3f6ac4;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #3f6ac4;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #3f6ac4;
     --color-on-hold-text-hover: #4464bb;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #3f6ac4;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #3f6ac4;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 @media print {
     :root {
         --color-text: #1e1f21;
         --color-text-rgb: 30, 31, 33;
         --color-text-foreground: #fff;
         --color-text-disabled: #afabac;
         --color-text-weak: #6d6e6f;
         --color-text-weak-hover: #1e1f21;
         --color-icon: #6d6e6f;
         --color-icon-rgb: 109, 110, 111;
         --color-icon-foreground: #fff;
         --color-icon-hover: #1e1f21;
         --color-icon-active: #1e1f21;
         --color-icon-disabled: #afabac;
         --color-icon-strong: #6d6e6f;
         --color-border: #edeae9;
         --color-border-rgb: 237, 234, 233;
         --color-border-hover: #afabac;
         --color-border-active: #6d6e6f;
         --color-border-strong: #cfcbcb;
         --color-background-weak: #fff;
         --color-background-weak-rgb: 255, 255, 255;
         --color-background-weak-hover-deprecated: #f9f8f8;
         --color-background-medium: #f9f8f8;
         --color-background-medium-rgb: 249, 248, 248;
         --color-background-hover: rgba(55, 23, 23, 0.03);
         --color-background-active: rgba(55, 23, 23, 0.05);
         --color-background-strong: #f5f3f3;
         --color-background-strong-rgb: 245, 243, 243;
         --color-selected-text: #3f6ac4;
         --color-selected-text-hover: #4464bb;
         --color-selected-text-strong: #fff;
         --color-selected-icon: #3f6ac4;
         --color-selected-icon-rgb: 63, 106, 196;
         --color-selected-icon-strong: #fff;
         --color-selected-border: #3f6ac4;
         --color-selected-border-hover: #3f6ac4;
         --color-selected-border-active: #3f6ac4;
         --color-selected-background: #f1f2fc;
         --color-selected-background-hover: #e7e9fc;
         --color-selected-background-active: #dbe0fd;
         --color-selected-background-strong: #4573d2;
         --color-selected-background-strong-rgb: 69, 115, 210;
         --color-selected-background-strong-hover: #426dc6;
         --color-selected-background-strong-active: #3f66ba;
         --color-success-text: #0d7f56;
         --color-success-text-hover: #12714d;
         --color-success-text-strong: #1e1f21;
         --color-success-icon: #58a182;
         --color-success-icon-hover: #368e6a;
         --color-success-icon-strong: #1e1f21;
         --color-success-border: #8dc2ac;
         --color-success-border-hover: #58a182;
         --color-success-border-active: #58a182;
         --color-success-background: #e6f8f1;
         --color-success-background-hover: #e0f4ec;
         --color-success-background-active: #cce8dd;
         --color-success-background-strong: #58a182;
         --color-success-background-strong-hover: #519d7d;
         --color-success-background-strong-active: #3f9470;
         --color-warning-text: #986516;
         --color-warning-text-hover: #805411;
         --color-warning-text-strong: #1e1f21;
         --color-warning-icon: #f1bd6c;
         --color-warning-icon-rgb: 241, 189, 108;
         --color-warning-icon-hover: #b58e53;
         --color-warning-icon-strong: #1e1f21;
         --color-warning-border: #f1bd6c;
         --color-warning-border-hover: #b58e53;
         --color-warning-background: #fff6ee;
         --color-warning-background-hover: #ffecda;
         --color-warning-background-active: #fedcb6;
         --color-warning-background-strong: #f1bd6c;
         --color-warning-background-strong-hover: #e8b668;
         --color-warning-background-strong-active: #e2b266;
         --color-upsell-text: #986516;
         --color-upsell-text-hover: #805411;
         --color-upsell-text-strong: #1e1f21;
         --color-upsell-icon: #f1bd6c;
         --color-upsell-icon-hover: #b58e53;
         --color-upsell-icon-strong: #1e1f21;
         --color-upsell-background: #fff6ee;
         --color-upsell-background-hover: #ffecda;
         --color-upsell-background-active: #fedcb6;
         --color-upsell-background-weak-hover: #fff6ee;
         --color-upsell-background-weak-active: #ffecda;
         --color-upsell-background-strong: #f1bd6c;
         --color-upsell-background-strong-hover: #e8b668;
         --color-upsell-background-strong-active: #e2b266;
         --color-upsell-border: #f1bd6c;
         --color-danger-text: #c92f54;
         --color-danger-text-hover: #a42b45;
         --color-danger-text-strong: #fff;
         --color-danger-icon: #de5f73;
         --color-danger-icon-hover: #d33e5d;
         --color-danger-icon-strong: #1e1f21;
         --color-danger-border: #f1a2a9;
         --color-danger-border-hover: #e37281;
         --color-danger-border-active: #e37281;
         --color-danger-background: #feebec;
         --color-danger-background-hover: #fcdadc;
         --color-danger-background-active: #f9c6ca;
         --color-danger-background-strong: #de5f73;
         --color-danger-background-strong-hover: #d84f67;
         --color-danger-background-strong-active: #d33e5d;
         --color-drop-target-background: rgba(255, 255, 255, 0.95);
         --color-beta-text: #6e66b1;
         --color-beta-text-weak: #726ab9;
         --color-beta-text-strong: #fff;
         --color-beta-icon: #8d84e8;
         --color-beta-icon-rgb: 141, 132, 232;
         --color-beta-icon-hover: #726ab9;
         --color-beta-icon-strong: #fff;
         --color-beta-background: #726ab9;
         --color-beta-background-hover: #575089;
         --color-beta-background-weak: #f6f4fd;
         --color-beta-background-strong: #736bc4;
         --color-beta-border: #8d84e8;
         --color-beta-border-hover: #726ab9;
         --color-beta-border-active: #726ab9;
         --color-primary-text: #3f6ac4;
         --color-primary-text-hover: #4464bb;
         --color-primary-text-strong: #fff;
         --color-primary-icon: #3f6ac4;
         --color-primary-icon-strong: #fff;
         --color-primary-border: #3f6ac4;
         --color-primary-background-strong: #4573d2;
         --color-primary-background-strong-hover: #426dc6;
         --color-primary-background-strong-active: #3f66ba;
         --color-on-hold-text: #3f6ac4;
         --color-on-hold-text-hover: #4464bb;
         --color-on-hold-text-strong: #fff;
         --color-on-hold-icon: #3f6ac4;
         --color-on-hold-icon-strong: #fff;
         --color-on-hold-border: #3f6ac4;
         --color-on-hold-background-strong: #4573d2;
         --color-on-hold-background-strong-hover: #426dc6;
         --color-on-hold-background-strong-active: #3f66ba
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-text: #f5f4f3;
     --color-text-rgb: 245, 244, 243;
     --color-text-foreground: #f5f4f3;
     --color-text-disabled: #6a696a;
     --color-text-weak: #a2a0a2;
     --color-text-weak-hover: #f5f4f3;
     --color-icon: #a2a0a2;
     --color-icon-rgb: 162, 160, 162;
     --color-icon-foreground: #f5f4f3;
     --color-icon-hover: #f5f4f3;
     --color-icon-active: #f5f4f3;
     --color-icon-disabled: #6a696a;
     --color-icon-strong: #f5f4f3;
     --color-border: #424244;
     --color-border-rgb: 66, 66, 68;
     --color-border-hover: #6a696a;
     --color-border-active: #a2a0a2;
     --color-border-strong: #565557;
     --color-background-weak: #1e1f21;
     --color-background-weak-rgb: 30, 31, 33;
     --color-background-weak-hover-deprecated: #2a2b2d;
     --color-background-medium: #252628;
     --color-background-medium-rgb: 37, 38, 40;
     --color-background-hover: rgba(255, 255, 255, 0.06);
     --color-background-active: rgba(255, 255, 255, 0.11);
     --color-background-strong: #2a2b2d;
     --color-background-strong-rgb: 42, 43, 45;
     --color-selected-text: #6296f1;
     --color-selected-text-hover: #5688e5;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #4573d2;
     --color-selected-icon-rgb: 69, 115, 210;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #4573d2;
     --color-selected-border-hover: #4573d2;
     --color-selected-border-active: #4573d2;
     --color-selected-background: #172237;
     --color-selected-background-hover: #1a2843;
     --color-selected-background-active: #2a3c68;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #66a88b;
     --color-success-text-hover: #93c0aa;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #5da283;
     --color-success-icon-hover: #74af93;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #32695d;
     --color-success-border-hover: #4b8a73;
     --color-success-border-active: #4b8a73;
     --color-success-background: #1d3733;
     --color-success-background-hover: #21433d;
     --color-success-background-active: #244d46;
     --color-success-background-strong: #5da283;
     --color-success-background-strong-hover: #89baa2;
     --color-success-background-strong-active: #93c0aa;
     --color-warning-text: #f1bd6c;
     --color-warning-text-hover: #f6c682;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #f6c682;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #735c38;
     --color-warning-border-hover: #b89054;
     --color-warning-background: #3d3120;
     --color-warning-background-hover: #493b26;
     --color-warning-background-active: #54432b;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #f1bd6c;
     --color-upsell-text-hover: #f6c682;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #f6c682;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #3d3120;
     --color-upsell-background-hover: #493b26;
     --color-upsell-background-active: #54432b;
     --color-upsell-background-weak-hover: #3d3120;
     --color-upsell-background-weak-active: #493b26;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #735c38;
     --color-danger-text: #e26d7e;
     --color-danger-text-hover: #ec8e98;
     --color-danger-text-strong: #1e1f21;
     --color-danger-icon: #d1395a;
     --color-danger-icon-hover: #e26d7e;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #b12d4b;
     --color-danger-border-hover: #d1395a;
     --color-danger-border-active: #d1395a;
     --color-danger-background: #581e28;
     --color-danger-background-hover: #64202c;
     --color-danger-background-active: #6e2230;
     --color-danger-background-strong: #dd5e72;
     --color-danger-background-strong-hover: #e47281;
     --color-danger-background-strong-active: #e67886;
     --color-drop-target-background: rgba(30, 31, 33, 0.95);
     --color-beta-text: #a499ed;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #a499ed;
     --color-beta-icon-rgb: 164, 153, 237;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #a499ed;
     --color-beta-background-weak: #3a3659;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #726ab9;
     --color-beta-border-hover: #a499ed;
     --color-beta-border-active: #a499ed;
     --color-primary-text: #6296f1;
     --color-primary-text-hover: #5688e5;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #4573d2;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #4573d2;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #6296f1;
     --color-on-hold-text-hover: #5688e5;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #4573d2;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #4573d2;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-text: #f5f4f3;
         --color-text-rgb: 245, 244, 243;
         --color-text-foreground: #f5f4f3;
         --color-text-disabled: #6a696a;
         --color-text-weak: #a2a0a2;
         --color-text-weak-hover: #f5f4f3;
         --color-icon: #a2a0a2;
         --color-icon-rgb: 162, 160, 162;
         --color-icon-foreground: #f5f4f3;
         --color-icon-hover: #f5f4f3;
         --color-icon-active: #f5f4f3;
         --color-icon-disabled: #6a696a;
         --color-icon-strong: #f5f4f3;
         --color-border: #424244;
         --color-border-rgb: 66, 66, 68;
         --color-border-hover: #6a696a;
         --color-border-active: #a2a0a2;
         --color-border-strong: #565557;
         --color-background-weak: #1e1f21;
         --color-background-weak-rgb: 30, 31, 33;
         --color-background-weak-hover-deprecated: #2a2b2d;
         --color-background-medium: #252628;
         --color-background-medium-rgb: 37, 38, 40;
         --color-background-hover: rgba(255, 255, 255, 0.06);
         --color-background-active: rgba(255, 255, 255, 0.11);
         --color-background-strong: #2a2b2d;
         --color-background-strong-rgb: 42, 43, 45;
         --color-selected-text: #6296f1;
         --color-selected-text-hover: #5688e5;
         --color-selected-text-strong: #fff;
         --color-selected-icon: #4573d2;
         --color-selected-icon-rgb: 69, 115, 210;
         --color-selected-icon-strong: #fff;
         --color-selected-border: #4573d2;
         --color-selected-border-hover: #4573d2;
         --color-selected-border-active: #4573d2;
         --color-selected-background: #172237;
         --color-selected-background-hover: #1a2843;
         --color-selected-background-active: #2a3c68;
         --color-selected-background-strong: #4573d2;
         --color-selected-background-strong-rgb: 69, 115, 210;
         --color-selected-background-strong-hover: #426dc6;
         --color-selected-background-strong-active: #3f66ba;
         --color-success-text: #66a88b;
         --color-success-text-hover: #93c0aa;
         --color-success-text-strong: #1e1f21;
         --color-success-icon: #5da283;
         --color-success-icon-hover: #74af93;
         --color-success-icon-strong: #1e1f21;
         --color-success-border: #32695d;
         --color-success-border-hover: #4b8a73;
         --color-success-border-active: #4b8a73;
         --color-success-background: #1d3733;
         --color-success-background-hover: #21433d;
         --color-success-background-active: #244d46;
         --color-success-background-strong: #5da283;
         --color-success-background-strong-hover: #89baa2;
         --color-success-background-strong-active: #93c0aa;
         --color-warning-text: #f1bd6c;
         --color-warning-text-hover: #f6c682;
         --color-warning-text-strong: #1e1f21;
         --color-warning-icon: #f1bd6c;
         --color-warning-icon-rgb: 241, 189, 108;
         --color-warning-icon-hover: #f6c682;
         --color-warning-icon-strong: #1e1f21;
         --color-warning-border: #735c38;
         --color-warning-border-hover: #b89054;
         --color-warning-background: #3d3120;
         --color-warning-background-hover: #493b26;
         --color-warning-background-active: #54432b;
         --color-warning-background-strong: #f1bd6c;
         --color-warning-background-strong-hover: #e8b668;
         --color-warning-background-strong-active: #e2b266;
         --color-upsell-text: #f1bd6c;
         --color-upsell-text-hover: #f6c682;
         --color-upsell-text-strong: #1e1f21;
         --color-upsell-icon: #f1bd6c;
         --color-upsell-icon-hover: #f6c682;
         --color-upsell-icon-strong: #1e1f21;
         --color-upsell-background: #3d3120;
         --color-upsell-background-hover: #493b26;
         --color-upsell-background-active: #54432b;
         --color-upsell-background-weak-hover: #3d3120;
         --color-upsell-background-weak-active: #493b26;
         --color-upsell-background-strong: #f1bd6c;
         --color-upsell-background-strong-hover: #e8b668;
         --color-upsell-background-strong-active: #e2b266;
         --color-upsell-border: #735c38;
         --color-danger-text: #e26d7e;
         --color-danger-text-hover: #ec8e98;
         --color-danger-text-strong: #1e1f21;
         --color-danger-icon: #d1395a;
         --color-danger-icon-hover: #e26d7e;
         --color-danger-icon-strong: #1e1f21;
         --color-danger-border: #b12d4b;
         --color-danger-border-hover: #d1395a;
         --color-danger-border-active: #d1395a;
         --color-danger-background: #581e28;
         --color-danger-background-hover: #64202c;
         --color-danger-background-active: #6e2230;
         --color-danger-background-strong: #dd5e72;
         --color-danger-background-strong-hover: #e47281;
         --color-danger-background-strong-active: #e67886;
         --color-drop-target-background: rgba(30, 31, 33, 0.95);
         --color-beta-text: #a499ed;
         --color-beta-text-weak: #726ab9;
         --color-beta-text-strong: #fff;
         --color-beta-icon: #a499ed;
         --color-beta-icon-rgb: 164, 153, 237;
         --color-beta-icon-hover: #726ab9;
         --color-beta-icon-strong: #fff;
         --color-beta-background: #726ab9;
         --color-beta-background-hover: #a499ed;
         --color-beta-background-weak: #3a3659;
         --color-beta-background-strong: #736bc4;
         --color-beta-border: #726ab9;
         --color-beta-border-hover: #a499ed;
         --color-beta-border-active: #a499ed;
         --color-primary-text: #6296f1;
         --color-primary-text-hover: #5688e5;
         --color-primary-text-strong: #fff;
         --color-primary-icon: #4573d2;
         --color-primary-icon-strong: #fff;
         --color-primary-border: #4573d2;
         --color-primary-background-strong: #4573d2;
         --color-primary-background-strong-hover: #426dc6;
         --color-primary-background-strong-active: #3f66ba;
         --color-on-hold-text: #6296f1;
         --color-on-hold-text-hover: #5688e5;
         --color-on-hold-text-strong: #fff;
         --color-on-hold-icon: #4573d2;
         --color-on-hold-icon-strong: #fff;
         --color-on-hold-border: #4573d2;
         --color-on-hold-background-strong: #4573d2;
         --color-on-hold-background-strong-hover: #426dc6;
         --color-on-hold-background-strong-active: #3f66ba
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-text: #f5f4f3;
     --color-text-rgb: 245, 244, 243;
     --color-text-foreground: #f5f4f3;
     --color-text-disabled: #6a696a;
     --color-text-weak: #a2a0a2;
     --color-text-weak-hover: #f5f4f3;
     --color-icon: #a2a0a2;
     --color-icon-rgb: 162, 160, 162;
     --color-icon-foreground: #f5f4f3;
     --color-icon-hover: #f5f4f3;
     --color-icon-active: #f5f4f3;
     --color-icon-disabled: #6a696a;
     --color-icon-strong: #f5f4f3;
     --color-border: #424244;
     --color-border-rgb: 66, 66, 68;
     --color-border-hover: #6a696a;
     --color-border-active: #a2a0a2;
     --color-border-strong: #565557;
     --color-background-weak: #1e1f21;
     --color-background-weak-rgb: 30, 31, 33;
     --color-background-weak-hover-deprecated: #2a2b2d;
     --color-background-medium: #252628;
     --color-background-medium-rgb: 37, 38, 40;
     --color-background-hover: rgba(255, 255, 255, 0.06);
     --color-background-active: rgba(255, 255, 255, 0.11);
     --color-background-strong: #2a2b2d;
     --color-background-strong-rgb: 42, 43, 45;
     --color-selected-text: #6296f1;
     --color-selected-text-hover: #5688e5;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #4573d2;
     --color-selected-icon-rgb: 69, 115, 210;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #4573d2;
     --color-selected-border-hover: #4573d2;
     --color-selected-border-active: #4573d2;
     --color-selected-background: #172237;
     --color-selected-background-hover: #1a2843;
     --color-selected-background-active: #2a3c68;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #66a88b;
     --color-success-text-hover: #93c0aa;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #5da283;
     --color-success-icon-hover: #74af93;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #32695d;
     --color-success-border-hover: #4b8a73;
     --color-success-border-active: #4b8a73;
     --color-success-background: #1d3733;
     --color-success-background-hover: #21433d;
     --color-success-background-active: #244d46;
     --color-success-background-strong: #5da283;
     --color-success-background-strong-hover: #89baa2;
     --color-success-background-strong-active: #93c0aa;
     --color-warning-text: #f1bd6c;
     --color-warning-text-hover: #f6c682;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #f6c682;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #735c38;
     --color-warning-border-hover: #b89054;
     --color-warning-background: #3d3120;
     --color-warning-background-hover: #493b26;
     --color-warning-background-active: #54432b;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #f1bd6c;
     --color-upsell-text-hover: #f6c682;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #f6c682;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #3d3120;
     --color-upsell-background-hover: #493b26;
     --color-upsell-background-active: #54432b;
     --color-upsell-background-weak-hover: #3d3120;
     --color-upsell-background-weak-active: #493b26;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #735c38;
     --color-danger-text: #e26d7e;
     --color-danger-text-hover: #ec8e98;
     --color-danger-text-strong: #1e1f21;
     --color-danger-icon: #d1395a;
     --color-danger-icon-hover: #e26d7e;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #b12d4b;
     --color-danger-border-hover: #d1395a;
     --color-danger-border-active: #d1395a;
     --color-danger-background: #581e28;
     --color-danger-background-hover: #64202c;
     --color-danger-background-active: #6e2230;
     --color-danger-background-strong: #dd5e72;
     --color-danger-background-strong-hover: #e47281;
     --color-danger-background-strong-active: #e67886;
     --color-drop-target-background: rgba(30, 31, 33, 0.95);
     --color-beta-text: #a499ed;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #a499ed;
     --color-beta-icon-rgb: 164, 153, 237;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #a499ed;
     --color-beta-background-weak: #3a3659;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #726ab9;
     --color-beta-border-hover: #a499ed;
     --color-beta-border-active: #a499ed;
     --color-primary-text: #6296f1;
     --color-primary-text-hover: #5688e5;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #4573d2;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #4573d2;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #6296f1;
     --color-on-hold-text-hover: #5688e5;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #4573d2;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #4573d2;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba;
     --color-text: #f8f4f6;
     --color-text-rgb: 248, 244, 246;
     --color-text-foreground: #f8f4f6;
     --color-text-disabled: #8f5977;
     --color-text-weak: #bb97a9;
     --color-text-weak-hover: #f8f4f6;
     --color-icon: #bb97a9;
     --color-icon-rgb: 187, 151, 169;
     --color-icon-foreground: #f8f4f6;
     --color-icon-hover: #f8f4f6;
     --color-icon-active: #f8f4f6;
     --color-icon-disabled: #8f5977;
     --color-icon-strong: #f8f4f6;
     --color-border: #5f2748;
     --color-border-rgb: 95, 39, 72;
     --color-border-hover: #8f5977;
     --color-border-active: #bb97a9;
     --color-border-strong: #5f2748;
     --color-background-weak: #36172a;
     --color-background-weak-rgb: 54, 23, 42;
     --color-background-weak-hover-deprecated: #461d36;
     --color-background-medium: #3e1930;
     --color-background-medium-rgb: 62, 25, 48;
     --color-background-strong: #461d36;
     --color-background-strong-rgb: 70, 29, 54;
     --color-drop-target-background: rgba(54, 23, 42, 0.95)
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-success-text: #62d26f;
     --color-success-icon: #62d26f;
     --color-success-icon-hover: #62d26f;
     --color-warning-text: #d6ce38;
     --color-warning-text-hover: #d6ce38;
     --color-warning-icon: #d6ce38;
     --color-warning-icon-rgb: 214, 206, 56;
     --color-warning-icon-hover: #d6ce38;
     --color-upsell-text: #d6ce38;
     --color-upsell-text-hover: #d6ce38;
     --color-upsell-icon: #d6ce38;
     --color-upsell-icon-hover: #d6ce38;
     --color-danger-text: #fd612c;
     --color-danger-text-hover: #fd612c;
     --color-danger-icon: #fd612c;
     --color-danger-icon-hover: #fd612c
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-success-text: #62d26f;
     --color-success-icon: #62d26f;
     --color-success-icon-hover: #62d26f;
     --color-warning-text: #d6ce38;
     --color-warning-text-hover: #d6ce38;
     --color-warning-icon: #d6ce38;
     --color-warning-icon-rgb: 214, 206, 56;
     --color-warning-icon-hover: #d6ce38;
     --color-upsell-text: #d6ce38;
     --color-upsell-text-hover: #d6ce38;
     --color-upsell-icon: #d6ce38;
     --color-upsell-icon-hover: #d6ce38;
     --color-danger-text: #fd612c;
     --color-danger-text-hover: #fd612c;
     --color-danger-icon: #fd612c;
     --color-danger-icon-hover: #fd612c
 }

 :root {
     --color-deprecated-white: #fff;
     --color-deprecated-white-rgb: 255, 255, 255;
     --color-deprecated-lightGray1: #f5f3f3;
     --color-deprecated-lightGray1-rgb: 245, 243, 243;
     --color-deprecated-lightGray2: #edeae9;
     --color-deprecated-lightGray2-rgb: 237, 234, 233;
     --color-deprecated-lightGray3: #cfcbcb;
     --color-deprecated-lightGray3-rgb: 207, 203, 203;
     --color-deprecated-mediumGray: #afabac;
     --color-deprecated-mediumGray-rgb: 175, 171, 172;
     --color-deprecated-darkGray1: #6d6e6f;
     --color-deprecated-darkGray1-rgb: 109, 110, 111;
     --color-deprecated-darkGray2: #1e1f21;
     --color-deprecated-darkGray2-rgb: 30, 31, 33;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #58a182;
     --color-deprecated-green-rgb: 88, 161, 130;
     --color-deprecated-brightGreen: #8dc2ac;
     --color-deprecated-brightGreen-rgb: 141, 194, 172;
     --color-deprecated-teal: #3f6ac4;
     --color-deprecated-teal-rgb: 63, 106, 196;
     --color-deprecated-brightTeal: #3f6ac4;
     --color-deprecated-brightTeal-rgb: 63, 106, 196;
     --color-deprecated-purple: #6e66b1;
     --color-deprecated-purple-rgb: 110, 102, 177;
     --color-deprecated-darkGold: #e8b668;
     --color-deprecated-darkGold-rgb: 232, 182, 104;
     --color-deprecated-brightGold: #f1bd6c;
     --color-deprecated-brightGold-rgb: 241, 189, 108;
     --color-deprecated-coral: #d84f67;
     --color-deprecated-coral-rgb: 216, 79, 103
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-deprecated-white: #fff;
     --color-deprecated-white-rgb: 255, 255, 255;
     --color-deprecated-lightGray1: #f5f3f3;
     --color-deprecated-lightGray1-rgb: 245, 243, 243;
     --color-deprecated-lightGray2: #edeae9;
     --color-deprecated-lightGray2-rgb: 237, 234, 233;
     --color-deprecated-lightGray3: #cfcbcb;
     --color-deprecated-lightGray3-rgb: 207, 203, 203;
     --color-deprecated-mediumGray: #afabac;
     --color-deprecated-mediumGray-rgb: 175, 171, 172;
     --color-deprecated-darkGray1: #6d6e6f;
     --color-deprecated-darkGray1-rgb: 109, 110, 111;
     --color-deprecated-darkGray2: #1e1f21;
     --color-deprecated-darkGray2-rgb: 30, 31, 33;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #58a182;
     --color-deprecated-green-rgb: 88, 161, 130;
     --color-deprecated-brightGreen: #8dc2ac;
     --color-deprecated-brightGreen-rgb: 141, 194, 172;
     --color-deprecated-teal: #3f6ac4;
     --color-deprecated-teal-rgb: 63, 106, 196;
     --color-deprecated-brightTeal: #3f6ac4;
     --color-deprecated-brightTeal-rgb: 63, 106, 196;
     --color-deprecated-purple: #6e66b1;
     --color-deprecated-purple-rgb: 110, 102, 177;
     --color-deprecated-darkGold: #e8b668;
     --color-deprecated-darkGold-rgb: 232, 182, 104;
     --color-deprecated-brightGold: #f1bd6c;
     --color-deprecated-brightGold-rgb: 241, 189, 108;
     --color-deprecated-coral: #d84f67;
     --color-deprecated-coral-rgb: 216, 79, 103
 }

 @media print {
     :root {
         --color-deprecated-white: #fff;
         --color-deprecated-white-rgb: 255, 255, 255;
         --color-deprecated-lightGray1: #f5f3f3;
         --color-deprecated-lightGray1-rgb: 245, 243, 243;
         --color-deprecated-lightGray2: #edeae9;
         --color-deprecated-lightGray2-rgb: 237, 234, 233;
         --color-deprecated-lightGray3: #cfcbcb;
         --color-deprecated-lightGray3-rgb: 207, 203, 203;
         --color-deprecated-mediumGray: #afabac;
         --color-deprecated-mediumGray-rgb: 175, 171, 172;
         --color-deprecated-darkGray1: #6d6e6f;
         --color-deprecated-darkGray1-rgb: 109, 110, 111;
         --color-deprecated-darkGray2: #1e1f21;
         --color-deprecated-darkGray2-rgb: 30, 31, 33;
         --color-deprecated-darkGray3: #1e1f21;
         --color-deprecated-darkGray3-rgb: 30, 31, 33;
         --color-deprecated-green: #58a182;
         --color-deprecated-green-rgb: 88, 161, 130;
         --color-deprecated-brightGreen: #8dc2ac;
         --color-deprecated-brightGreen-rgb: 141, 194, 172;
         --color-deprecated-teal: #3f6ac4;
         --color-deprecated-teal-rgb: 63, 106, 196;
         --color-deprecated-brightTeal: #3f6ac4;
         --color-deprecated-brightTeal-rgb: 63, 106, 196;
         --color-deprecated-purple: #6e66b1;
         --color-deprecated-purple-rgb: 110, 102, 177;
         --color-deprecated-darkGold: #e8b668;
         --color-deprecated-darkGold-rgb: 232, 182, 104;
         --color-deprecated-brightGold: #f1bd6c;
         --color-deprecated-brightGold-rgb: 241, 189, 108;
         --color-deprecated-coral: #d84f67;
         --color-deprecated-coral-rgb: 216, 79, 103
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-deprecated-white: #f5f4f3;
     --color-deprecated-white-rgb: 245, 244, 243;
     --color-deprecated-lightGray1: #f5f4f3;
     --color-deprecated-lightGray1-rgb: 245, 244, 243;
     --color-deprecated-lightGray2: #f5f4f3;
     --color-deprecated-lightGray2-rgb: 245, 244, 243;
     --color-deprecated-lightGray3: #a2a0a2;
     --color-deprecated-lightGray3-rgb: 162, 160, 162;
     --color-deprecated-mediumGray: #a2a0a2;
     --color-deprecated-mediumGray-rgb: 162, 160, 162;
     --color-deprecated-darkGray1: #6a696a;
     --color-deprecated-darkGray1-rgb: 106, 105, 106;
     --color-deprecated-darkGray2: #2a2b2d;
     --color-deprecated-darkGray2-rgb: 42, 43, 45;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #5da283;
     --color-deprecated-green-rgb: 93, 162, 131;
     --color-deprecated-brightGreen: #5da283;
     --color-deprecated-brightGreen-rgb: 93, 162, 131;
     --color-deprecated-teal: #4573d2;
     --color-deprecated-teal-rgb: 69, 115, 210;
     --color-deprecated-brightTeal: #5688e5;
     --color-deprecated-brightTeal-rgb: 86, 136, 229;
     --color-deprecated-purple: #726ab9;
     --color-deprecated-purple-rgb: 114, 106, 185;
     --color-deprecated-darkGold: #b89054;
     --color-deprecated-darkGold-rgb: 184, 144, 84;
     --color-deprecated-brightGold: #f6c682;
     --color-deprecated-brightGold-rgb: 246, 198, 130;
     --color-deprecated-coral: #d1395a;
     --color-deprecated-coral-rgb: 209, 57, 90
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-deprecated-white: #f5f4f3;
         --color-deprecated-white-rgb: 245, 244, 243;
         --color-deprecated-lightGray1: #f5f4f3;
         --color-deprecated-lightGray1-rgb: 245, 244, 243;
         --color-deprecated-lightGray2: #f5f4f3;
         --color-deprecated-lightGray2-rgb: 245, 244, 243;
         --color-deprecated-lightGray3: #a2a0a2;
         --color-deprecated-lightGray3-rgb: 162, 160, 162;
         --color-deprecated-mediumGray: #a2a0a2;
         --color-deprecated-mediumGray-rgb: 162, 160, 162;
         --color-deprecated-darkGray1: #6a696a;
         --color-deprecated-darkGray1-rgb: 106, 105, 106;
         --color-deprecated-darkGray2: #2a2b2d;
         --color-deprecated-darkGray2-rgb: 42, 43, 45;
         --color-deprecated-darkGray3: #1e1f21;
         --color-deprecated-darkGray3-rgb: 30, 31, 33;
         --color-deprecated-green: #5da283;
         --color-deprecated-green-rgb: 93, 162, 131;
         --color-deprecated-brightGreen: #5da283;
         --color-deprecated-brightGreen-rgb: 93, 162, 131;
         --color-deprecated-teal: #4573d2;
         --color-deprecated-teal-rgb: 69, 115, 210;
         --color-deprecated-brightTeal: #5688e5;
         --color-deprecated-brightTeal-rgb: 86, 136, 229;
         --color-deprecated-purple: #726ab9;
         --color-deprecated-purple-rgb: 114, 106, 185;
         --color-deprecated-darkGold: #b89054;
         --color-deprecated-darkGold-rgb: 184, 144, 84;
         --color-deprecated-brightGold: #f6c682;
         --color-deprecated-brightGold-rgb: 246, 198, 130;
         --color-deprecated-coral: #d1395a;
         --color-deprecated-coral-rgb: 209, 57, 90
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-deprecated-white: #f5f4f3;
     --color-deprecated-white-rgb: 245, 244, 243;
     --color-deprecated-lightGray1: #f5f4f3;
     --color-deprecated-lightGray1-rgb: 245, 244, 243;
     --color-deprecated-lightGray2: #f5f4f3;
     --color-deprecated-lightGray2-rgb: 245, 244, 243;
     --color-deprecated-lightGray3: #a2a0a2;
     --color-deprecated-lightGray3-rgb: 162, 160, 162;
     --color-deprecated-mediumGray: #a2a0a2;
     --color-deprecated-mediumGray-rgb: 162, 160, 162;
     --color-deprecated-darkGray1: #6a696a;
     --color-deprecated-darkGray1-rgb: 106, 105, 106;
     --color-deprecated-darkGray2: #2a2b2d;
     --color-deprecated-darkGray2-rgb: 42, 43, 45;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #5da283;
     --color-deprecated-green-rgb: 93, 162, 131;
     --color-deprecated-brightGreen: #5da283;
     --color-deprecated-brightGreen-rgb: 93, 162, 131;
     --color-deprecated-teal: #4573d2;
     --color-deprecated-teal-rgb: 69, 115, 210;
     --color-deprecated-brightTeal: #5688e5;
     --color-deprecated-brightTeal-rgb: 86, 136, 229;
     --color-deprecated-purple: #726ab9;
     --color-deprecated-purple-rgb: 114, 106, 185;
     --color-deprecated-darkGold: #b89054;
     --color-deprecated-darkGold-rgb: 184, 144, 84;
     --color-deprecated-brightGold: #f6c682;
     --color-deprecated-brightGold-rgb: 246, 198, 130;
     --color-deprecated-coral: #d1395a;
     --color-deprecated-coral-rgb: 209, 57, 90;
     --color-deprecated-white: #f8f4f6;
     --color-deprecated-white-rgb: 248, 244, 246;
     --color-deprecated-lightGray1: #f8f4f6;
     --color-deprecated-lightGray1-rgb: 248, 244, 246;
     --color-deprecated-lightGray2: #f8f4f6;
     --color-deprecated-lightGray2-rgb: 248, 244, 246;
     --color-deprecated-lightGray3: #bb97a9;
     --color-deprecated-lightGray3-rgb: 187, 151, 169;
     --color-deprecated-mediumGray: #bb97a9;
     --color-deprecated-mediumGray-rgb: 187, 151, 169;
     --color-deprecated-darkGray1: #8f5977;
     --color-deprecated-darkGray1-rgb: 143, 89, 119;
     --color-deprecated-darkGray2: #461d36;
     --color-deprecated-darkGray2-rgb: 70, 29, 54;
     --color-deprecated-darkGray3: #36172a;
     --color-deprecated-darkGray3-rgb: 54, 23, 42
 }

 .DesignTokenThemeSelectors-theme--darkMode {
     color-scheme: dark
 }

 @media(prefers-color-scheme: dark) {
     .DesignTokenThemeSelectors-theme--systemDarkMode {
         color-scheme: dark
     }
 }

 .DesignTokenThemeSelectors-theme--blacklight .DesignTokenThemeSelectors-deprecatedComponent {
     outline: 2px solid red
 }

 .DesignTokenThemeDisablerInternal {
     color-scheme: light
 }

 :root {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #e8e5e4;
     --color-customization-background-weak-deprecated-opaque: #e8e5e4;
     --color-customization-background-weak-deprecated: #e8e5e4;
     --color-customization-background-weak-hover: #e1dedd;
     --color-customization-background-weak-hover-deprecated: #e1dedd;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #1e1f21;
     --color-customization-foreground-weak-deprecated: #1e1f21;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #1e1f21;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #1e1f21;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #1e1f21;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #1e1f21;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #1e1f21;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #1e1f21;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #1e1f21;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #1e1f21;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #1e1f21;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #1e1f21;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #1e1f21;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #1e1f21;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #1e1f21
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #e8e5e4;
     --color-customization-background-weak-deprecated-opaque: #e8e5e4;
     --color-customization-background-weak-deprecated: #e8e5e4;
     --color-customization-background-weak-hover: #e1dedd;
     --color-customization-background-weak-hover-deprecated: #e1dedd;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #1e1f21;
     --color-customization-foreground-weak-deprecated: #1e1f21;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #1e1f21;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #1e1f21;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #1e1f21;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #1e1f21;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #1e1f21;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #1e1f21;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #1e1f21;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #1e1f21;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #1e1f21;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #1e1f21;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #1e1f21;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #1e1f21;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #1e1f21
 }

 @media print {
     :root {
         --color-customization-background: #c7c4c4;
         --color-customization-background-deprecated: #c7c4c4;
         --color-customization-background-deprecated-opaque: #c7c4c4;
         --color-customization-background-hover: #bfbcbc;
         --color-customization-background-hover-deprecated: #bfbcbc;
         --color-customization-background-active: #b9b6b6;
         --color-customization-background-active-deprecated: #b9b6b6;
         --color-customization-background-weak: #e8e5e4;
         --color-customization-background-weak-deprecated-opaque: #e8e5e4;
         --color-customization-background-weak-deprecated: #e8e5e4;
         --color-customization-background-weak-hover: #e1dedd;
         --color-customization-background-weak-hover-deprecated: #e1dedd;
         --color-customization-foreground: #1e1f21;
         --color-customization-foreground-weak: #1e1f21;
         --color-customization-foreground-weak-deprecated: #1e1f21;
         --color-customization-red-background: #f06a6a;
         --color-customization-red-background-rgb: 240, 106, 106;
         --color-customization-red-background-hover: #eb6868;
         --color-customization-red-foreground: #1e1f21;
         --color-customization-red-foreground-hover: #1e1f21;
         --color-customization-red-text-deprecated: #1e1f21;
         --color-customization-orange-background: #ec8d71;
         --color-customization-orange-background-rgb: 236, 141, 113;
         --color-customization-orange-background-hover: #e3886d;
         --color-customization-orange-foreground: #1e1f21;
         --color-customization-orange-foreground-hover: #1e1f21;
         --color-customization-orange-text-deprecated: #1e1f21;
         --color-customization-yellow-orange-background: #f1bd6c;
         --color-customization-yellow-orange-background-rgb: 241, 189, 108;
         --color-customization-yellow-orange-background-hover: #e7b568;
         --color-customization-yellow-orange-foreground: #1e1f21;
         --color-customization-yellow-orange-foreground-hover: #1e1f21;
         --color-customization-yellow-orange-text-deprecated: #1e1f21;
         --color-customization-yellow-background: #f8df72;
         --color-customization-yellow-background-rgb: 248, 223, 114;
         --color-customization-yellow-background-hover: #f2da6f;
         --color-customization-yellow-foreground: #1e1f21;
         --color-customization-yellow-foreground-hover: #1e1f21;
         --color-customization-yellow-text-deprecated: #1e1f21;
         --color-customization-yellow-green-background: #aecf55;
         --color-customization-yellow-green-background-rgb: 174, 207, 85;
         --color-customization-yellow-green-background-hover: #a9c953;
         --color-customization-yellow-green-foreground: #1e1f21;
         --color-customization-yellow-green-foreground-hover: #1e1f21;
         --color-customization-yellow-green-text-deprecated: #1e1f21;
         --color-customization-green-background: #5da283;
         --color-customization-green-background-rgb: 93, 162, 131;
         --color-customization-green-background-hover: #5a9b7e;
         --color-customization-green-foreground: #fff;
         --color-customization-green-foreground-hover: #fff;
         --color-customization-green-text-deprecated: #1e1f21;
         --color-customization-blue-green-background: #4ecbc4;
         --color-customization-blue-green-background-rgb: 78, 203, 196;
         --color-customization-blue-green-background-hover: #4abeb7;
         --color-customization-blue-green-foreground: #1e1f21;
         --color-customization-blue-green-foreground-hover: #1e1f21;
         --color-customization-blue-green-text-deprecated: #1e1f21;
         --color-customization-aqua-background: #9ee7e3;
         --color-customization-aqua-background-rgb: 158, 231, 227;
         --color-customization-aqua-background-hover: #99dfdb;
         --color-customization-aqua-foreground: #1e1f21;
         --color-customization-aqua-foreground-hover: #1e1f21;
         --color-customization-aqua-text-deprecated: #1e1f21;
         --color-customization-blue-background: #4573d2;
         --color-customization-blue-background-rgb: 69, 115, 210;
         --color-customization-blue-background-hover: #526dc6;
         --color-customization-blue-foreground: #fff;
         --color-customization-blue-foreground-hover: #fff;
         --color-customization-blue-text-deprecated: #1e1f21;
         --color-customization-indigo-background: #8d84e8;
         --color-customization-indigo-background-rgb: 141, 132, 232;
         --color-customization-indigo-background-hover: #867ddc;
         --color-customization-indigo-foreground: #fff;
         --color-customization-indigo-foreground-hover: #fff;
         --color-customization-indigo-text-deprecated: #1e1f21;
         --color-customization-purple-background: #b36bd4;
         --color-customization-purple-background-rgb: 179, 107, 212;
         --color-customization-purple-background-hover: #ad67cc;
         --color-customization-purple-foreground: #fff;
         --color-customization-purple-foreground-hover: #fff;
         --color-customization-purple-text-deprecated: #1e1f21;
         --color-customization-magenta-background: #f9aaef;
         --color-customization-magenta-background-rgb: 249, 170, 239;
         --color-customization-magenta-background-hover: #f1a5e8;
         --color-customization-magenta-foreground: #1e1f21;
         --color-customization-magenta-foreground-hover: #1e1f21;
         --color-customization-magenta-text-deprecated: #1e1f21;
         --color-customization-hot-pink-background: #f26fb2;
         --color-customization-hot-pink-background-rgb: 242, 111, 178;
         --color-customization-hot-pink-background-hover: #e66aa9;
         --color-customization-hot-pink-foreground: #1e1f21;
         --color-customization-hot-pink-foreground-hover: #1e1f21;
         --color-customization-hot-pink-text-deprecated: #1e1f21;
         --color-customization-pink-background: #fc979a;
         --color-customization-pink-background-rgb: 252, 151, 154;
         --color-customization-pink-background-hover: #f39294;
         --color-customization-pink-foreground: #1e1f21;
         --color-customization-pink-foreground-hover: #1e1f21;
         --color-customization-pink-text-deprecated: #1e1f21;
         --color-customization-cool-gray-background: #6d6e6f;
         --color-customization-cool-gray-background-rgb: 109, 110, 111;
         --color-customization-cool-gray-background-hover: #656667;
         --color-customization-cool-gray-foreground: #fff;
         --color-customization-cool-gray-foreground-hover: #fff;
         --color-customization-cool-gray-text-deprecated: #1e1f21
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #424244;
     --color-customization-background-weak-deprecated-opaque: #424244;
     --color-customization-background-weak-deprecated: #424244;
     --color-customization-background-weak-hover: #464648;
     --color-customization-background-weak-hover-deprecated: #464648;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #fff;
     --color-customization-foreground-weak-deprecated: #fff;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #f5f4f3;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #f5f4f3;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #f5f4f3;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #f5f4f3;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #f5f4f3;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #f5f4f3;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #f5f4f3;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #f5f4f3;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #f5f4f3;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #f5f4f3;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #f5f4f3;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #f5f4f3;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #f5f4f3
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-customization-background: #c7c4c4;
         --color-customization-background-deprecated: #c7c4c4;
         --color-customization-background-deprecated-opaque: #c7c4c4;
         --color-customization-background-hover: #bfbcbc;
         --color-customization-background-hover-deprecated: #bfbcbc;
         --color-customization-background-active: #b9b6b6;
         --color-customization-background-active-deprecated: #b9b6b6;
         --color-customization-background-weak: #424244;
         --color-customization-background-weak-deprecated-opaque: #424244;
         --color-customization-background-weak-deprecated: #424244;
         --color-customization-background-weak-hover: #464648;
         --color-customization-background-weak-hover-deprecated: #464648;
         --color-customization-foreground: #1e1f21;
         --color-customization-foreground-weak: #fff;
         --color-customization-foreground-weak-deprecated: #fff;
         --color-customization-red-background: #f06a6a;
         --color-customization-red-background-rgb: 240, 106, 106;
         --color-customization-red-background-hover: #eb6868;
         --color-customization-red-foreground: #1e1f21;
         --color-customization-red-foreground-hover: #1e1f21;
         --color-customization-red-text-deprecated: #f5f4f3;
         --color-customization-orange-background: #ec8d71;
         --color-customization-orange-background-rgb: 236, 141, 113;
         --color-customization-orange-background-hover: #e3886d;
         --color-customization-orange-foreground: #1e1f21;
         --color-customization-orange-foreground-hover: #1e1f21;
         --color-customization-orange-text-deprecated: #f5f4f3;
         --color-customization-yellow-orange-background: #f1bd6c;
         --color-customization-yellow-orange-background-rgb: 241, 189, 108;
         --color-customization-yellow-orange-background-hover: #e7b568;
         --color-customization-yellow-orange-foreground: #1e1f21;
         --color-customization-yellow-orange-foreground-hover: #1e1f21;
         --color-customization-yellow-orange-text-deprecated: #f5f4f3;
         --color-customization-yellow-background: #f8df72;
         --color-customization-yellow-background-rgb: 248, 223, 114;
         --color-customization-yellow-background-hover: #f2da6f;
         --color-customization-yellow-foreground: #1e1f21;
         --color-customization-yellow-foreground-hover: #1e1f21;
         --color-customization-yellow-text-deprecated: #f5f4f3;
         --color-customization-yellow-green-background: #aecf55;
         --color-customization-yellow-green-background-rgb: 174, 207, 85;
         --color-customization-yellow-green-background-hover: #a9c953;
         --color-customization-yellow-green-foreground: #1e1f21;
         --color-customization-yellow-green-foreground-hover: #1e1f21;
         --color-customization-yellow-green-text-deprecated: #f5f4f3;
         --color-customization-green-background: #5da283;
         --color-customization-green-background-rgb: 93, 162, 131;
         --color-customization-green-background-hover: #5a9b7e;
         --color-customization-green-foreground: #fff;
         --color-customization-green-foreground-hover: #fff;
         --color-customization-green-text-deprecated: #f5f4f3;
         --color-customization-blue-green-background: #4ecbc4;
         --color-customization-blue-green-background-rgb: 78, 203, 196;
         --color-customization-blue-green-background-hover: #4abeb7;
         --color-customization-blue-green-foreground: #1e1f21;
         --color-customization-blue-green-foreground-hover: #1e1f21;
         --color-customization-blue-green-text-deprecated: #f5f4f3;
         --color-customization-aqua-background: #9ee7e3;
         --color-customization-aqua-background-rgb: 158, 231, 227;
         --color-customization-aqua-background-hover: #99dfdb;
         --color-customization-aqua-foreground: #1e1f21;
         --color-customization-aqua-foreground-hover: #1e1f21;
         --color-customization-aqua-text-deprecated: #f5f4f3;
         --color-customization-blue-background: #4573d2;
         --color-customization-blue-background-rgb: 69, 115, 210;
         --color-customization-blue-background-hover: #526dc6;
         --color-customization-blue-foreground: #fff;
         --color-customization-blue-foreground-hover: #fff;
         --color-customization-blue-text-deprecated: #f5f4f3;
         --color-customization-indigo-background: #8d84e8;
         --color-customization-indigo-background-rgb: 141, 132, 232;
         --color-customization-indigo-background-hover: #867ddc;
         --color-customization-indigo-foreground: #fff;
         --color-customization-indigo-foreground-hover: #fff;
         --color-customization-indigo-text-deprecated: #f5f4f3;
         --color-customization-purple-background: #b36bd4;
         --color-customization-purple-background-rgb: 179, 107, 212;
         --color-customization-purple-background-hover: #ad67cc;
         --color-customization-purple-foreground: #fff;
         --color-customization-purple-foreground-hover: #fff;
         --color-customization-purple-text-deprecated: #f5f4f3;
         --color-customization-magenta-background: #f9aaef;
         --color-customization-magenta-background-rgb: 249, 170, 239;
         --color-customization-magenta-background-hover: #f1a5e8;
         --color-customization-magenta-foreground: #1e1f21;
         --color-customization-magenta-foreground-hover: #1e1f21;
         --color-customization-magenta-text-deprecated: #f5f4f3;
         --color-customization-hot-pink-background: #f26fb2;
         --color-customization-hot-pink-background-rgb: 242, 111, 178;
         --color-customization-hot-pink-background-hover: #e66aa9;
         --color-customization-hot-pink-foreground: #1e1f21;
         --color-customization-hot-pink-foreground-hover: #1e1f21;
         --color-customization-hot-pink-text-deprecated: #f5f4f3;
         --color-customization-pink-background: #fc979a;
         --color-customization-pink-background-rgb: 252, 151, 154;
         --color-customization-pink-background-hover: #f39294;
         --color-customization-pink-foreground: #1e1f21;
         --color-customization-pink-foreground-hover: #1e1f21;
         --color-customization-pink-text-deprecated: #f5f4f3;
         --color-customization-cool-gray-background: #6d6e6f;
         --color-customization-cool-gray-background-rgb: 109, 110, 111;
         --color-customization-cool-gray-background-hover: #656667;
         --color-customization-cool-gray-foreground: #fff;
         --color-customization-cool-gray-foreground-hover: #fff;
         --color-customization-cool-gray-text-deprecated: #f5f4f3
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #424244;
     --color-customization-background-weak-deprecated-opaque: #424244;
     --color-customization-background-weak-deprecated: #424244;
     --color-customization-background-weak-hover: #464648;
     --color-customization-background-weak-hover-deprecated: #464648;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #fff;
     --color-customization-foreground-weak-deprecated: #fff;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #f5f4f3;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #f5f4f3;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #f5f4f3;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #f5f4f3;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #f5f4f3;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #f5f4f3;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #f5f4f3;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #f5f4f3;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #f5f4f3;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #f5f4f3;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #f5f4f3;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #f5f4f3;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #f5f4f3;
     --color-customization-background-weak: #5f2748;
     --color-customization-background-weak-deprecated-opaque: #5f2748;
     --color-customization-background-weak-deprecated: #5f2748;
     --color-customization-background-weak-hover: #5f2748;
     --color-customization-background-weak-hover-deprecated: #5f2748
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-customization-red-background: #e8384f;
     --color-customization-red-background-rgb: 232, 56, 79;
     --color-customization-red-background-hover: #de1a33;
     --color-customization-red-foreground: #fff;
     --color-customization-red-foreground-hover: #fff;
     --color-customization-red-text-deprecated: #d74854;
     --color-customization-orange-background: #fd817d;
     --color-customization-orange-background-rgb: 253, 129, 125;
     --color-customization-orange-background-hover: #fc5a55;
     --color-customization-orange-foreground: #560401;
     --color-customization-orange-foreground-hover: #2e0201;
     --color-customization-orange-text-deprecated: #d67a74;
     --color-customization-yellow-orange-background: #fdae33;
     --color-customization-yellow-orange-background-rgb: 253, 174, 51;
     --color-customization-yellow-orange-background-hover: #fd9e0b;
     --color-customization-yellow-orange-foreground: #513201;
     --color-customization-yellow-orange-foreground-hover: #291901;
     --color-customization-yellow-orange-text-deprecated: #bf8b3e;
     --color-customization-yellow-background: #eecc16;
     --color-customization-yellow-background-rgb: 238, 204, 22;
     --color-customization-yellow-background-hover: #ccae0f;
     --color-customization-yellow-foreground: #504107;
     --color-customization-yellow-foreground-hover: #2a2304;
     --color-customization-yellow-text-deprecated: #d67a74;
     --color-customization-yellow-green-background: #a4c61a;
     --color-customization-yellow-green-background-rgb: 164, 198, 26;
     --color-customization-yellow-green-background-hover: #86a215;
     --color-customization-yellow-green-foreground: #333b07;
     --color-customization-yellow-green-foreground-hover: #131703;
     --color-customization-yellow-green-text-deprecated: #899d36;
     --color-customization-green-background: #62bb35;
     --color-customization-green-background-rgb: 98, 187, 53;
     --color-customization-green-background-hover: #519b2c;
     --color-customization-green-foreground: #182c0c;
     --color-customization-green-foreground-hover: #070c03;
     --color-customization-green-text-deprecated: #679c40;
     --color-customization-blue-green-background: #37a862;
     --color-customization-blue-green-background-rgb: 55, 168, 98;
     --color-customization-blue-green-background-hover: #2d8950;
     --color-customization-blue-green-foreground: #fff;
     --color-customization-blue-green-foreground-hover: #fff;
     --color-customization-blue-green-text-deprecated: #59a368;
     --color-customization-aqua-background: #208ea3;
     --color-customization-aqua-background-rgb: 32, 142, 163;
     --color-customization-aqua-background-hover: #197081;
     --color-customization-aqua-foreground: #fff;
     --color-customization-aqua-foreground-hover: #fff;
     --color-customization-aqua-text-deprecated: #448da0;
     --color-customization-blue-background: #4178bc;
     --color-customization-blue-background-rgb: 65, 120, 188;
     --color-customization-blue-background-hover: #37659e;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #4d79b7;
     --color-customization-indigo-background: #7a71f6;
     --color-customization-indigo-background-rgb: 122, 113, 246;
     --color-customization-indigo-background-hover: #564bf4;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #7776ee;
     --color-customization-purple-background: #aa71ff;
     --color-customization-purple-background-rgb: 170, 113, 255;
     --color-customization-purple-background-hover: #9248ff;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #a178f7;
     --color-customization-magenta-background: #e37cff;
     --color-customization-magenta-background-rgb: 227, 124, 255;
     --color-customization-magenta-background-hover: #da53ff;
     --color-customization-magenta-foreground: #48005c;
     --color-customization-magenta-foreground-hover: #280033;
     --color-customization-magenta-text-deprecated: #c078df;
     --color-customization-hot-pink-background: #ea4e9d;
     --color-customization-hot-pink-background-rgb: 234, 78, 157;
     --color-customization-hot-pink-background-hover: #e62a89;
     --color-customization-hot-pink-foreground: #fff;
     --color-customization-hot-pink-foreground-hover: #fff;
     --color-customization-hot-pink-text-deprecated: #d95b9b;
     --color-customization-pink-background: #fca7e4;
     --color-customization-pink-background-rgb: 252, 167, 228;
     --color-customization-pink-background-hover: #fb80d8;
     --color-customization-pink-foreground: #760456;
     --color-customization-pink-foreground-hover: #4f0339;
     --color-customization-pink-text-deprecated: #b984ad;
     --color-customization-cool-gray-background: #8d9f9b;
     --color-customization-cool-gray-background-rgb: 141, 159, 155;
     --color-customization-cool-gray-background-hover: #778c88;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-customization-red-background: #e8384f;
     --color-customization-red-background-rgb: 232, 56, 79;
     --color-customization-red-background-hover: #de1a33;
     --color-customization-red-foreground: #fff;
     --color-customization-red-foreground-hover: #fff;
     --color-customization-red-text-deprecated: #d74854;
     --color-customization-orange-background: #fd817d;
     --color-customization-orange-background-rgb: 253, 129, 125;
     --color-customization-orange-background-hover: #fc5a55;
     --color-customization-orange-foreground: #560401;
     --color-customization-orange-foreground-hover: #2e0201;
     --color-customization-orange-text-deprecated: #d67a74;
     --color-customization-yellow-orange-background: #fdae33;
     --color-customization-yellow-orange-background-rgb: 253, 174, 51;
     --color-customization-yellow-orange-background-hover: #fd9e0b;
     --color-customization-yellow-orange-foreground: #513201;
     --color-customization-yellow-orange-foreground-hover: #291901;
     --color-customization-yellow-orange-text-deprecated: #bf8b3e;
     --color-customization-yellow-background: #eecc16;
     --color-customization-yellow-background-rgb: 238, 204, 22;
     --color-customization-yellow-background-hover: #ccae0f;
     --color-customization-yellow-foreground: #504107;
     --color-customization-yellow-foreground-hover: #2a2304;
     --color-customization-yellow-text-deprecated: #d67a74;
     --color-customization-yellow-green-background: #a4c61a;
     --color-customization-yellow-green-background-rgb: 164, 198, 26;
     --color-customization-yellow-green-background-hover: #86a215;
     --color-customization-yellow-green-foreground: #333b07;
     --color-customization-yellow-green-foreground-hover: #131703;
     --color-customization-yellow-green-text-deprecated: #899d36;
     --color-customization-green-background: #62bb35;
     --color-customization-green-background-rgb: 98, 187, 53;
     --color-customization-green-background-hover: #519b2c;
     --color-customization-green-foreground: #182c0c;
     --color-customization-green-foreground-hover: #070c03;
     --color-customization-green-text-deprecated: #679c40;
     --color-customization-blue-green-background: #37a862;
     --color-customization-blue-green-background-rgb: 55, 168, 98;
     --color-customization-blue-green-background-hover: #2d8950;
     --color-customization-blue-green-foreground: #fff;
     --color-customization-blue-green-foreground-hover: #fff;
     --color-customization-blue-green-text-deprecated: #59a368;
     --color-customization-aqua-background: #208ea3;
     --color-customization-aqua-background-rgb: 32, 142, 163;
     --color-customization-aqua-background-hover: #197081;
     --color-customization-aqua-foreground: #fff;
     --color-customization-aqua-foreground-hover: #fff;
     --color-customization-aqua-text-deprecated: #448da0;
     --color-customization-blue-background: #4178bc;
     --color-customization-blue-background-rgb: 65, 120, 188;
     --color-customization-blue-background-hover: #37659e;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #4d79b7;
     --color-customization-indigo-background: #7a71f6;
     --color-customization-indigo-background-rgb: 122, 113, 246;
     --color-customization-indigo-background-hover: #564bf4;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #7776ee;
     --color-customization-purple-background: #aa71ff;
     --color-customization-purple-background-rgb: 170, 113, 255;
     --color-customization-purple-background-hover: #9248ff;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #a178f7;
     --color-customization-magenta-background: #e37cff;
     --color-customization-magenta-background-rgb: 227, 124, 255;
     --color-customization-magenta-background-hover: #da53ff;
     --color-customization-magenta-foreground: #48005c;
     --color-customization-magenta-foreground-hover: #280033;
     --color-customization-magenta-text-deprecated: #c078df;
     --color-customization-hot-pink-background: #ea4e9d;
     --color-customization-hot-pink-background-rgb: 234, 78, 157;
     --color-customization-hot-pink-background-hover: #e62a89;
     --color-customization-hot-pink-foreground: #fff;
     --color-customization-hot-pink-foreground-hover: #fff;
     --color-customization-hot-pink-text-deprecated: #d95b9b;
     --color-customization-pink-background: #fca7e4;
     --color-customization-pink-background-rgb: 252, 167, 228;
     --color-customization-pink-background-hover: #fb80d8;
     --color-customization-pink-foreground: #760456;
     --color-customization-pink-foreground-hover: #4f0339;
     --color-customization-pink-text-deprecated: #b984ad;
     --color-customization-cool-gray-background: #8d9f9b;
     --color-customization-cool-gray-background-rgb: 141, 159, 155;
     --color-customization-cool-gray-background-hover: #778c88;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff
 }

 .DesignTokenThemeSelectors-theme--darkMode {
     color-scheme: dark
 }

 @media(prefers-color-scheme: dark) {
     .DesignTokenThemeSelectors-theme--systemDarkMode {
         color-scheme: dark
     }
 }

 .DesignTokenThemeSelectors-theme--blacklight .DesignTokenThemeSelectors-deprecatedComponent {
     outline: 2px solid red
 }

 .DesignTokenThemeDisablerInternal {
     color-scheme: light
 }

 :root {
     --color-text: #1e1f21;
     --color-text-rgb: 30, 31, 33;
     --color-text-foreground: #fff;
     --color-text-disabled: #afabac;
     --color-text-weak: #6d6e6f;
     --color-text-weak-hover: #1e1f21;
     --color-icon: #6d6e6f;
     --color-icon-rgb: 109, 110, 111;
     --color-icon-foreground: #fff;
     --color-icon-hover: #1e1f21;
     --color-icon-active: #1e1f21;
     --color-icon-disabled: #afabac;
     --color-icon-strong: #6d6e6f;
     --color-border: #edeae9;
     --color-border-rgb: 237, 234, 233;
     --color-border-hover: #afabac;
     --color-border-active: #6d6e6f;
     --color-border-strong: #cfcbcb;
     --color-background-weak: #fff;
     --color-background-weak-rgb: 255, 255, 255;
     --color-background-weak-hover-deprecated: #f9f8f8;
     --color-background-medium: #f9f8f8;
     --color-background-medium-rgb: 249, 248, 248;
     --color-background-hover: rgba(55, 23, 23, 0.03);
     --color-background-active: rgba(55, 23, 23, 0.05);
     --color-background-strong: #f5f3f3;
     --color-background-strong-rgb: 245, 243, 243;
     --color-selected-text: #3f6ac4;
     --color-selected-text-hover: #4464bb;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #3f6ac4;
     --color-selected-icon-rgb: 63, 106, 196;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #3f6ac4;
     --color-selected-border-hover: #3f6ac4;
     --color-selected-border-active: #3f6ac4;
     --color-selected-background: #f1f2fc;
     --color-selected-background-hover: #e7e9fc;
     --color-selected-background-active: #dbe0fd;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #0d7f56;
     --color-success-text-hover: #12714d;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #58a182;
     --color-success-icon-hover: #368e6a;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #8dc2ac;
     --color-success-border-hover: #58a182;
     --color-success-border-active: #58a182;
     --color-success-background: #e6f8f1;
     --color-success-background-hover: #e0f4ec;
     --color-success-background-active: #cce8dd;
     --color-success-background-strong: #58a182;
     --color-success-background-strong-hover: #519d7d;
     --color-success-background-strong-active: #3f9470;
     --color-warning-text: #986516;
     --color-warning-text-hover: #805411;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #b58e53;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #f1bd6c;
     --color-warning-border-hover: #b58e53;
     --color-warning-background: #fff6ee;
     --color-warning-background-hover: #ffecda;
     --color-warning-background-active: #fedcb6;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #986516;
     --color-upsell-text-hover: #805411;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #b58e53;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #fff6ee;
     --color-upsell-background-hover: #ffecda;
     --color-upsell-background-active: #fedcb6;
     --color-upsell-background-weak-hover: #fff6ee;
     --color-upsell-background-weak-active: #ffecda;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #f1bd6c;
     --color-danger-text: #c92f54;
     --color-danger-text-hover: #a42b45;
     --color-danger-text-strong: #fff;
     --color-danger-icon: #de5f73;
     --color-danger-icon-hover: #d33e5d;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #f1a2a9;
     --color-danger-border-hover: #e37281;
     --color-danger-border-active: #e37281;
     --color-danger-background: #feebec;
     --color-danger-background-hover: #fcdadc;
     --color-danger-background-active: #f9c6ca;
     --color-danger-background-strong: #de5f73;
     --color-danger-background-strong-hover: #d84f67;
     --color-danger-background-strong-active: #d33e5d;
     --color-drop-target-background: rgba(255, 255, 255, 0.95);
     --color-beta-text: #6e66b1;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #8d84e8;
     --color-beta-icon-rgb: 141, 132, 232;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #575089;
     --color-beta-background-weak: #f6f4fd;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #8d84e8;
     --color-beta-border-hover: #726ab9;
     --color-beta-border-active: #726ab9;
     --color-primary-text: #3f6ac4;
     --color-primary-text-hover: #4464bb;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #3f6ac4;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #3f6ac4;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #3f6ac4;
     --color-on-hold-text-hover: #4464bb;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #3f6ac4;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #3f6ac4;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-text: #1e1f21;
     --color-text-rgb: 30, 31, 33;
     --color-text-foreground: #fff;
     --color-text-disabled: #afabac;
     --color-text-weak: #6d6e6f;
     --color-text-weak-hover: #1e1f21;
     --color-icon: #6d6e6f;
     --color-icon-rgb: 109, 110, 111;
     --color-icon-foreground: #fff;
     --color-icon-hover: #1e1f21;
     --color-icon-active: #1e1f21;
     --color-icon-disabled: #afabac;
     --color-icon-strong: #6d6e6f;
     --color-border: #edeae9;
     --color-border-rgb: 237, 234, 233;
     --color-border-hover: #afabac;
     --color-border-active: #6d6e6f;
     --color-border-strong: #cfcbcb;
     --color-background-weak: #fff;
     --color-background-weak-rgb: 255, 255, 255;
     --color-background-weak-hover-deprecated: #f9f8f8;
     --color-background-medium: #f9f8f8;
     --color-background-medium-rgb: 249, 248, 248;
     --color-background-hover: rgba(55, 23, 23, 0.03);
     --color-background-active: rgba(55, 23, 23, 0.05);
     --color-background-strong: #f5f3f3;
     --color-background-strong-rgb: 245, 243, 243;
     --color-selected-text: #3f6ac4;
     --color-selected-text-hover: #4464bb;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #3f6ac4;
     --color-selected-icon-rgb: 63, 106, 196;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #3f6ac4;
     --color-selected-border-hover: #3f6ac4;
     --color-selected-border-active: #3f6ac4;
     --color-selected-background: #f1f2fc;
     --color-selected-background-hover: #e7e9fc;
     --color-selected-background-active: #dbe0fd;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #0d7f56;
     --color-success-text-hover: #12714d;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #58a182;
     --color-success-icon-hover: #368e6a;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #8dc2ac;
     --color-success-border-hover: #58a182;
     --color-success-border-active: #58a182;
     --color-success-background: #e6f8f1;
     --color-success-background-hover: #e0f4ec;
     --color-success-background-active: #cce8dd;
     --color-success-background-strong: #58a182;
     --color-success-background-strong-hover: #519d7d;
     --color-success-background-strong-active: #3f9470;
     --color-warning-text: #986516;
     --color-warning-text-hover: #805411;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #b58e53;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #f1bd6c;
     --color-warning-border-hover: #b58e53;
     --color-warning-background: #fff6ee;
     --color-warning-background-hover: #ffecda;
     --color-warning-background-active: #fedcb6;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #986516;
     --color-upsell-text-hover: #805411;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #b58e53;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #fff6ee;
     --color-upsell-background-hover: #ffecda;
     --color-upsell-background-active: #fedcb6;
     --color-upsell-background-weak-hover: #fff6ee;
     --color-upsell-background-weak-active: #ffecda;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #f1bd6c;
     --color-danger-text: #c92f54;
     --color-danger-text-hover: #a42b45;
     --color-danger-text-strong: #fff;
     --color-danger-icon: #de5f73;
     --color-danger-icon-hover: #d33e5d;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #f1a2a9;
     --color-danger-border-hover: #e37281;
     --color-danger-border-active: #e37281;
     --color-danger-background: #feebec;
     --color-danger-background-hover: #fcdadc;
     --color-danger-background-active: #f9c6ca;
     --color-danger-background-strong: #de5f73;
     --color-danger-background-strong-hover: #d84f67;
     --color-danger-background-strong-active: #d33e5d;
     --color-drop-target-background: rgba(255, 255, 255, 0.95);
     --color-beta-text: #6e66b1;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #8d84e8;
     --color-beta-icon-rgb: 141, 132, 232;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #575089;
     --color-beta-background-weak: #f6f4fd;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #8d84e8;
     --color-beta-border-hover: #726ab9;
     --color-beta-border-active: #726ab9;
     --color-primary-text: #3f6ac4;
     --color-primary-text-hover: #4464bb;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #3f6ac4;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #3f6ac4;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #3f6ac4;
     --color-on-hold-text-hover: #4464bb;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #3f6ac4;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #3f6ac4;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 @media print {
     :root {
         --color-text: #1e1f21;
         --color-text-rgb: 30, 31, 33;
         --color-text-foreground: #fff;
         --color-text-disabled: #afabac;
         --color-text-weak: #6d6e6f;
         --color-text-weak-hover: #1e1f21;
         --color-icon: #6d6e6f;
         --color-icon-rgb: 109, 110, 111;
         --color-icon-foreground: #fff;
         --color-icon-hover: #1e1f21;
         --color-icon-active: #1e1f21;
         --color-icon-disabled: #afabac;
         --color-icon-strong: #6d6e6f;
         --color-border: #edeae9;
         --color-border-rgb: 237, 234, 233;
         --color-border-hover: #afabac;
         --color-border-active: #6d6e6f;
         --color-border-strong: #cfcbcb;
         --color-background-weak: #fff;
         --color-background-weak-rgb: 255, 255, 255;
         --color-background-weak-hover-deprecated: #f9f8f8;
         --color-background-medium: #f9f8f8;
         --color-background-medium-rgb: 249, 248, 248;
         --color-background-hover: rgba(55, 23, 23, 0.03);
         --color-background-active: rgba(55, 23, 23, 0.05);
         --color-background-strong: #f5f3f3;
         --color-background-strong-rgb: 245, 243, 243;
         --color-selected-text: #3f6ac4;
         --color-selected-text-hover: #4464bb;
         --color-selected-text-strong: #fff;
         --color-selected-icon: #3f6ac4;
         --color-selected-icon-rgb: 63, 106, 196;
         --color-selected-icon-strong: #fff;
         --color-selected-border: #3f6ac4;
         --color-selected-border-hover: #3f6ac4;
         --color-selected-border-active: #3f6ac4;
         --color-selected-background: #f1f2fc;
         --color-selected-background-hover: #e7e9fc;
         --color-selected-background-active: #dbe0fd;
         --color-selected-background-strong: #4573d2;
         --color-selected-background-strong-rgb: 69, 115, 210;
         --color-selected-background-strong-hover: #426dc6;
         --color-selected-background-strong-active: #3f66ba;
         --color-success-text: #0d7f56;
         --color-success-text-hover: #12714d;
         --color-success-text-strong: #1e1f21;
         --color-success-icon: #58a182;
         --color-success-icon-hover: #368e6a;
         --color-success-icon-strong: #1e1f21;
         --color-success-border: #8dc2ac;
         --color-success-border-hover: #58a182;
         --color-success-border-active: #58a182;
         --color-success-background: #e6f8f1;
         --color-success-background-hover: #e0f4ec;
         --color-success-background-active: #cce8dd;
         --color-success-background-strong: #58a182;
         --color-success-background-strong-hover: #519d7d;
         --color-success-background-strong-active: #3f9470;
         --color-warning-text: #986516;
         --color-warning-text-hover: #805411;
         --color-warning-text-strong: #1e1f21;
         --color-warning-icon: #f1bd6c;
         --color-warning-icon-rgb: 241, 189, 108;
         --color-warning-icon-hover: #b58e53;
         --color-warning-icon-strong: #1e1f21;
         --color-warning-border: #f1bd6c;
         --color-warning-border-hover: #b58e53;
         --color-warning-background: #fff6ee;
         --color-warning-background-hover: #ffecda;
         --color-warning-background-active: #fedcb6;
         --color-warning-background-strong: #f1bd6c;
         --color-warning-background-strong-hover: #e8b668;
         --color-warning-background-strong-active: #e2b266;
         --color-upsell-text: #986516;
         --color-upsell-text-hover: #805411;
         --color-upsell-text-strong: #1e1f21;
         --color-upsell-icon: #f1bd6c;
         --color-upsell-icon-hover: #b58e53;
         --color-upsell-icon-strong: #1e1f21;
         --color-upsell-background: #fff6ee;
         --color-upsell-background-hover: #ffecda;
         --color-upsell-background-active: #fedcb6;
         --color-upsell-background-weak-hover: #fff6ee;
         --color-upsell-background-weak-active: #ffecda;
         --color-upsell-background-strong: #f1bd6c;
         --color-upsell-background-strong-hover: #e8b668;
         --color-upsell-background-strong-active: #e2b266;
         --color-upsell-border: #f1bd6c;
         --color-danger-text: #c92f54;
         --color-danger-text-hover: #a42b45;
         --color-danger-text-strong: #fff;
         --color-danger-icon: #de5f73;
         --color-danger-icon-hover: #d33e5d;
         --color-danger-icon-strong: #1e1f21;
         --color-danger-border: #f1a2a9;
         --color-danger-border-hover: #e37281;
         --color-danger-border-active: #e37281;
         --color-danger-background: #feebec;
         --color-danger-background-hover: #fcdadc;
         --color-danger-background-active: #f9c6ca;
         --color-danger-background-strong: #de5f73;
         --color-danger-background-strong-hover: #d84f67;
         --color-danger-background-strong-active: #d33e5d;
         --color-drop-target-background: rgba(255, 255, 255, 0.95);
         --color-beta-text: #6e66b1;
         --color-beta-text-weak: #726ab9;
         --color-beta-text-strong: #fff;
         --color-beta-icon: #8d84e8;
         --color-beta-icon-rgb: 141, 132, 232;
         --color-beta-icon-hover: #726ab9;
         --color-beta-icon-strong: #fff;
         --color-beta-background: #726ab9;
         --color-beta-background-hover: #575089;
         --color-beta-background-weak: #f6f4fd;
         --color-beta-background-strong: #736bc4;
         --color-beta-border: #8d84e8;
         --color-beta-border-hover: #726ab9;
         --color-beta-border-active: #726ab9;
         --color-primary-text: #3f6ac4;
         --color-primary-text-hover: #4464bb;
         --color-primary-text-strong: #fff;
         --color-primary-icon: #3f6ac4;
         --color-primary-icon-strong: #fff;
         --color-primary-border: #3f6ac4;
         --color-primary-background-strong: #4573d2;
         --color-primary-background-strong-hover: #426dc6;
         --color-primary-background-strong-active: #3f66ba;
         --color-on-hold-text: #3f6ac4;
         --color-on-hold-text-hover: #4464bb;
         --color-on-hold-text-strong: #fff;
         --color-on-hold-icon: #3f6ac4;
         --color-on-hold-icon-strong: #fff;
         --color-on-hold-border: #3f6ac4;
         --color-on-hold-background-strong: #4573d2;
         --color-on-hold-background-strong-hover: #426dc6;
         --color-on-hold-background-strong-active: #3f66ba
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-text: #f5f4f3;
     --color-text-rgb: 245, 244, 243;
     --color-text-foreground: #f5f4f3;
     --color-text-disabled: #6a696a;
     --color-text-weak: #a2a0a2;
     --color-text-weak-hover: #f5f4f3;
     --color-icon: #a2a0a2;
     --color-icon-rgb: 162, 160, 162;
     --color-icon-foreground: #f5f4f3;
     --color-icon-hover: #f5f4f3;
     --color-icon-active: #f5f4f3;
     --color-icon-disabled: #6a696a;
     --color-icon-strong: #f5f4f3;
     --color-border: #424244;
     --color-border-rgb: 66, 66, 68;
     --color-border-hover: #6a696a;
     --color-border-active: #a2a0a2;
     --color-border-strong: #565557;
     --color-background-weak: #1e1f21;
     --color-background-weak-rgb: 30, 31, 33;
     --color-background-weak-hover-deprecated: #2a2b2d;
     --color-background-medium: #252628;
     --color-background-medium-rgb: 37, 38, 40;
     --color-background-hover: rgba(255, 255, 255, 0.06);
     --color-background-active: rgba(255, 255, 255, 0.11);
     --color-background-strong: #2a2b2d;
     --color-background-strong-rgb: 42, 43, 45;
     --color-selected-text: #6296f1;
     --color-selected-text-hover: #5688e5;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #4573d2;
     --color-selected-icon-rgb: 69, 115, 210;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #4573d2;
     --color-selected-border-hover: #4573d2;
     --color-selected-border-active: #4573d2;
     --color-selected-background: #172237;
     --color-selected-background-hover: #1a2843;
     --color-selected-background-active: #2a3c68;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #66a88b;
     --color-success-text-hover: #93c0aa;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #5da283;
     --color-success-icon-hover: #74af93;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #32695d;
     --color-success-border-hover: #4b8a73;
     --color-success-border-active: #4b8a73;
     --color-success-background: #1d3733;
     --color-success-background-hover: #21433d;
     --color-success-background-active: #244d46;
     --color-success-background-strong: #5da283;
     --color-success-background-strong-hover: #89baa2;
     --color-success-background-strong-active: #93c0aa;
     --color-warning-text: #f1bd6c;
     --color-warning-text-hover: #f6c682;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #f6c682;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #735c38;
     --color-warning-border-hover: #b89054;
     --color-warning-background: #3d3120;
     --color-warning-background-hover: #493b26;
     --color-warning-background-active: #54432b;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #f1bd6c;
     --color-upsell-text-hover: #f6c682;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #f6c682;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #3d3120;
     --color-upsell-background-hover: #493b26;
     --color-upsell-background-active: #54432b;
     --color-upsell-background-weak-hover: #3d3120;
     --color-upsell-background-weak-active: #493b26;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #735c38;
     --color-danger-text: #e26d7e;
     --color-danger-text-hover: #ec8e98;
     --color-danger-text-strong: #1e1f21;
     --color-danger-icon: #d1395a;
     --color-danger-icon-hover: #e26d7e;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #b12d4b;
     --color-danger-border-hover: #d1395a;
     --color-danger-border-active: #d1395a;
     --color-danger-background: #581e28;
     --color-danger-background-hover: #64202c;
     --color-danger-background-active: #6e2230;
     --color-danger-background-strong: #dd5e72;
     --color-danger-background-strong-hover: #e47281;
     --color-danger-background-strong-active: #e67886;
     --color-drop-target-background: rgba(30, 31, 33, 0.95);
     --color-beta-text: #a499ed;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #a499ed;
     --color-beta-icon-rgb: 164, 153, 237;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #a499ed;
     --color-beta-background-weak: #3a3659;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #726ab9;
     --color-beta-border-hover: #a499ed;
     --color-beta-border-active: #a499ed;
     --color-primary-text: #6296f1;
     --color-primary-text-hover: #5688e5;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #4573d2;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #4573d2;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #6296f1;
     --color-on-hold-text-hover: #5688e5;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #4573d2;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #4573d2;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-text: #f5f4f3;
         --color-text-rgb: 245, 244, 243;
         --color-text-foreground: #f5f4f3;
         --color-text-disabled: #6a696a;
         --color-text-weak: #a2a0a2;
         --color-text-weak-hover: #f5f4f3;
         --color-icon: #a2a0a2;
         --color-icon-rgb: 162, 160, 162;
         --color-icon-foreground: #f5f4f3;
         --color-icon-hover: #f5f4f3;
         --color-icon-active: #f5f4f3;
         --color-icon-disabled: #6a696a;
         --color-icon-strong: #f5f4f3;
         --color-border: #424244;
         --color-border-rgb: 66, 66, 68;
         --color-border-hover: #6a696a;
         --color-border-active: #a2a0a2;
         --color-border-strong: #565557;
         --color-background-weak: #1e1f21;
         --color-background-weak-rgb: 30, 31, 33;
         --color-background-weak-hover-deprecated: #2a2b2d;
         --color-background-medium: #252628;
         --color-background-medium-rgb: 37, 38, 40;
         --color-background-hover: rgba(255, 255, 255, 0.06);
         --color-background-active: rgba(255, 255, 255, 0.11);
         --color-background-strong: #2a2b2d;
         --color-background-strong-rgb: 42, 43, 45;
         --color-selected-text: #6296f1;
         --color-selected-text-hover: #5688e5;
         --color-selected-text-strong: #fff;
         --color-selected-icon: #4573d2;
         --color-selected-icon-rgb: 69, 115, 210;
         --color-selected-icon-strong: #fff;
         --color-selected-border: #4573d2;
         --color-selected-border-hover: #4573d2;
         --color-selected-border-active: #4573d2;
         --color-selected-background: #172237;
         --color-selected-background-hover: #1a2843;
         --color-selected-background-active: #2a3c68;
         --color-selected-background-strong: #4573d2;
         --color-selected-background-strong-rgb: 69, 115, 210;
         --color-selected-background-strong-hover: #426dc6;
         --color-selected-background-strong-active: #3f66ba;
         --color-success-text: #66a88b;
         --color-success-text-hover: #93c0aa;
         --color-success-text-strong: #1e1f21;
         --color-success-icon: #5da283;
         --color-success-icon-hover: #74af93;
         --color-success-icon-strong: #1e1f21;
         --color-success-border: #32695d;
         --color-success-border-hover: #4b8a73;
         --color-success-border-active: #4b8a73;
         --color-success-background: #1d3733;
         --color-success-background-hover: #21433d;
         --color-success-background-active: #244d46;
         --color-success-background-strong: #5da283;
         --color-success-background-strong-hover: #89baa2;
         --color-success-background-strong-active: #93c0aa;
         --color-warning-text: #f1bd6c;
         --color-warning-text-hover: #f6c682;
         --color-warning-text-strong: #1e1f21;
         --color-warning-icon: #f1bd6c;
         --color-warning-icon-rgb: 241, 189, 108;
         --color-warning-icon-hover: #f6c682;
         --color-warning-icon-strong: #1e1f21;
         --color-warning-border: #735c38;
         --color-warning-border-hover: #b89054;
         --color-warning-background: #3d3120;
         --color-warning-background-hover: #493b26;
         --color-warning-background-active: #54432b;
         --color-warning-background-strong: #f1bd6c;
         --color-warning-background-strong-hover: #e8b668;
         --color-warning-background-strong-active: #e2b266;
         --color-upsell-text: #f1bd6c;
         --color-upsell-text-hover: #f6c682;
         --color-upsell-text-strong: #1e1f21;
         --color-upsell-icon: #f1bd6c;
         --color-upsell-icon-hover: #f6c682;
         --color-upsell-icon-strong: #1e1f21;
         --color-upsell-background: #3d3120;
         --color-upsell-background-hover: #493b26;
         --color-upsell-background-active: #54432b;
         --color-upsell-background-weak-hover: #3d3120;
         --color-upsell-background-weak-active: #493b26;
         --color-upsell-background-strong: #f1bd6c;
         --color-upsell-background-strong-hover: #e8b668;
         --color-upsell-background-strong-active: #e2b266;
         --color-upsell-border: #735c38;
         --color-danger-text: #e26d7e;
         --color-danger-text-hover: #ec8e98;
         --color-danger-text-strong: #1e1f21;
         --color-danger-icon: #d1395a;
         --color-danger-icon-hover: #e26d7e;
         --color-danger-icon-strong: #1e1f21;
         --color-danger-border: #b12d4b;
         --color-danger-border-hover: #d1395a;
         --color-danger-border-active: #d1395a;
         --color-danger-background: #581e28;
         --color-danger-background-hover: #64202c;
         --color-danger-background-active: #6e2230;
         --color-danger-background-strong: #dd5e72;
         --color-danger-background-strong-hover: #e47281;
         --color-danger-background-strong-active: #e67886;
         --color-drop-target-background: rgba(30, 31, 33, 0.95);
         --color-beta-text: #a499ed;
         --color-beta-text-weak: #726ab9;
         --color-beta-text-strong: #fff;
         --color-beta-icon: #a499ed;
         --color-beta-icon-rgb: 164, 153, 237;
         --color-beta-icon-hover: #726ab9;
         --color-beta-icon-strong: #fff;
         --color-beta-background: #726ab9;
         --color-beta-background-hover: #a499ed;
         --color-beta-background-weak: #3a3659;
         --color-beta-background-strong: #736bc4;
         --color-beta-border: #726ab9;
         --color-beta-border-hover: #a499ed;
         --color-beta-border-active: #a499ed;
         --color-primary-text: #6296f1;
         --color-primary-text-hover: #5688e5;
         --color-primary-text-strong: #fff;
         --color-primary-icon: #4573d2;
         --color-primary-icon-strong: #fff;
         --color-primary-border: #4573d2;
         --color-primary-background-strong: #4573d2;
         --color-primary-background-strong-hover: #426dc6;
         --color-primary-background-strong-active: #3f66ba;
         --color-on-hold-text: #6296f1;
         --color-on-hold-text-hover: #5688e5;
         --color-on-hold-text-strong: #fff;
         --color-on-hold-icon: #4573d2;
         --color-on-hold-icon-strong: #fff;
         --color-on-hold-border: #4573d2;
         --color-on-hold-background-strong: #4573d2;
         --color-on-hold-background-strong-hover: #426dc6;
         --color-on-hold-background-strong-active: #3f66ba
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-text: #f5f4f3;
     --color-text-rgb: 245, 244, 243;
     --color-text-foreground: #f5f4f3;
     --color-text-disabled: #6a696a;
     --color-text-weak: #a2a0a2;
     --color-text-weak-hover: #f5f4f3;
     --color-icon: #a2a0a2;
     --color-icon-rgb: 162, 160, 162;
     --color-icon-foreground: #f5f4f3;
     --color-icon-hover: #f5f4f3;
     --color-icon-active: #f5f4f3;
     --color-icon-disabled: #6a696a;
     --color-icon-strong: #f5f4f3;
     --color-border: #424244;
     --color-border-rgb: 66, 66, 68;
     --color-border-hover: #6a696a;
     --color-border-active: #a2a0a2;
     --color-border-strong: #565557;
     --color-background-weak: #1e1f21;
     --color-background-weak-rgb: 30, 31, 33;
     --color-background-weak-hover-deprecated: #2a2b2d;
     --color-background-medium: #252628;
     --color-background-medium-rgb: 37, 38, 40;
     --color-background-hover: rgba(255, 255, 255, 0.06);
     --color-background-active: rgba(255, 255, 255, 0.11);
     --color-background-strong: #2a2b2d;
     --color-background-strong-rgb: 42, 43, 45;
     --color-selected-text: #6296f1;
     --color-selected-text-hover: #5688e5;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #4573d2;
     --color-selected-icon-rgb: 69, 115, 210;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #4573d2;
     --color-selected-border-hover: #4573d2;
     --color-selected-border-active: #4573d2;
     --color-selected-background: #172237;
     --color-selected-background-hover: #1a2843;
     --color-selected-background-active: #2a3c68;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #66a88b;
     --color-success-text-hover: #93c0aa;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #5da283;
     --color-success-icon-hover: #74af93;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #32695d;
     --color-success-border-hover: #4b8a73;
     --color-success-border-active: #4b8a73;
     --color-success-background: #1d3733;
     --color-success-background-hover: #21433d;
     --color-success-background-active: #244d46;
     --color-success-background-strong: #5da283;
     --color-success-background-strong-hover: #89baa2;
     --color-success-background-strong-active: #93c0aa;
     --color-warning-text: #f1bd6c;
     --color-warning-text-hover: #f6c682;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #f6c682;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #735c38;
     --color-warning-border-hover: #b89054;
     --color-warning-background: #3d3120;
     --color-warning-background-hover: #493b26;
     --color-warning-background-active: #54432b;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #f1bd6c;
     --color-upsell-text-hover: #f6c682;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #f6c682;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #3d3120;
     --color-upsell-background-hover: #493b26;
     --color-upsell-background-active: #54432b;
     --color-upsell-background-weak-hover: #3d3120;
     --color-upsell-background-weak-active: #493b26;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #735c38;
     --color-danger-text: #e26d7e;
     --color-danger-text-hover: #ec8e98;
     --color-danger-text-strong: #1e1f21;
     --color-danger-icon: #d1395a;
     --color-danger-icon-hover: #e26d7e;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #b12d4b;
     --color-danger-border-hover: #d1395a;
     --color-danger-border-active: #d1395a;
     --color-danger-background: #581e28;
     --color-danger-background-hover: #64202c;
     --color-danger-background-active: #6e2230;
     --color-danger-background-strong: #dd5e72;
     --color-danger-background-strong-hover: #e47281;
     --color-danger-background-strong-active: #e67886;
     --color-drop-target-background: rgba(30, 31, 33, 0.95);
     --color-beta-text: #a499ed;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #a499ed;
     --color-beta-icon-rgb: 164, 153, 237;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #a499ed;
     --color-beta-background-weak: #3a3659;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #726ab9;
     --color-beta-border-hover: #a499ed;
     --color-beta-border-active: #a499ed;
     --color-primary-text: #6296f1;
     --color-primary-text-hover: #5688e5;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #4573d2;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #4573d2;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #6296f1;
     --color-on-hold-text-hover: #5688e5;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #4573d2;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #4573d2;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba;
     --color-text: #f8f4f6;
     --color-text-rgb: 248, 244, 246;
     --color-text-foreground: #f8f4f6;
     --color-text-disabled: #8f5977;
     --color-text-weak: #bb97a9;
     --color-text-weak-hover: #f8f4f6;
     --color-icon: #bb97a9;
     --color-icon-rgb: 187, 151, 169;
     --color-icon-foreground: #f8f4f6;
     --color-icon-hover: #f8f4f6;
     --color-icon-active: #f8f4f6;
     --color-icon-disabled: #8f5977;
     --color-icon-strong: #f8f4f6;
     --color-border: #5f2748;
     --color-border-rgb: 95, 39, 72;
     --color-border-hover: #8f5977;
     --color-border-active: #bb97a9;
     --color-border-strong: #5f2748;
     --color-background-weak: #36172a;
     --color-background-weak-rgb: 54, 23, 42;
     --color-background-weak-hover-deprecated: #461d36;
     --color-background-medium: #3e1930;
     --color-background-medium-rgb: 62, 25, 48;
     --color-background-strong: #461d36;
     --color-background-strong-rgb: 70, 29, 54;
     --color-drop-target-background: rgba(54, 23, 42, 0.95)
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-success-text: #62d26f;
     --color-success-icon: #62d26f;
     --color-success-icon-hover: #62d26f;
     --color-warning-text: #d6ce38;
     --color-warning-text-hover: #d6ce38;
     --color-warning-icon: #d6ce38;
     --color-warning-icon-rgb: 214, 206, 56;
     --color-warning-icon-hover: #d6ce38;
     --color-upsell-text: #d6ce38;
     --color-upsell-text-hover: #d6ce38;
     --color-upsell-icon: #d6ce38;
     --color-upsell-icon-hover: #d6ce38;
     --color-danger-text: #fd612c;
     --color-danger-text-hover: #fd612c;
     --color-danger-icon: #fd612c;
     --color-danger-icon-hover: #fd612c
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-success-text: #62d26f;
     --color-success-icon: #62d26f;
     --color-success-icon-hover: #62d26f;
     --color-warning-text: #d6ce38;
     --color-warning-text-hover: #d6ce38;
     --color-warning-icon: #d6ce38;
     --color-warning-icon-rgb: 214, 206, 56;
     --color-warning-icon-hover: #d6ce38;
     --color-upsell-text: #d6ce38;
     --color-upsell-text-hover: #d6ce38;
     --color-upsell-icon: #d6ce38;
     --color-upsell-icon-hover: #d6ce38;
     --color-danger-text: #fd612c;
     --color-danger-text-hover: #fd612c;
     --color-danger-icon: #fd612c;
     --color-danger-icon-hover: #fd612c
 }

 :root {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #e8e5e4;
     --color-customization-background-weak-deprecated-opaque: #e8e5e4;
     --color-customization-background-weak-deprecated: #e8e5e4;
     --color-customization-background-weak-hover: #e1dedd;
     --color-customization-background-weak-hover-deprecated: #e1dedd;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #1e1f21;
     --color-customization-foreground-weak-deprecated: #1e1f21;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #1e1f21;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #1e1f21;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #1e1f21;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #1e1f21;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #1e1f21;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #1e1f21;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #1e1f21;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #1e1f21;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #1e1f21;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #1e1f21;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #1e1f21;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #1e1f21;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #1e1f21
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #e8e5e4;
     --color-customization-background-weak-deprecated-opaque: #e8e5e4;
     --color-customization-background-weak-deprecated: #e8e5e4;
     --color-customization-background-weak-hover: #e1dedd;
     --color-customization-background-weak-hover-deprecated: #e1dedd;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #1e1f21;
     --color-customization-foreground-weak-deprecated: #1e1f21;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #1e1f21;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #1e1f21;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #1e1f21;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #1e1f21;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #1e1f21;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #1e1f21;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #1e1f21;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #1e1f21;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #1e1f21;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #1e1f21;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #1e1f21;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #1e1f21;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #1e1f21
 }

 @media print {
     :root {
         --color-customization-background: #c7c4c4;
         --color-customization-background-deprecated: #c7c4c4;
         --color-customization-background-deprecated-opaque: #c7c4c4;
         --color-customization-background-hover: #bfbcbc;
         --color-customization-background-hover-deprecated: #bfbcbc;
         --color-customization-background-active: #b9b6b6;
         --color-customization-background-active-deprecated: #b9b6b6;
         --color-customization-background-weak: #e8e5e4;
         --color-customization-background-weak-deprecated-opaque: #e8e5e4;
         --color-customization-background-weak-deprecated: #e8e5e4;
         --color-customization-background-weak-hover: #e1dedd;
         --color-customization-background-weak-hover-deprecated: #e1dedd;
         --color-customization-foreground: #1e1f21;
         --color-customization-foreground-weak: #1e1f21;
         --color-customization-foreground-weak-deprecated: #1e1f21;
         --color-customization-red-background: #f06a6a;
         --color-customization-red-background-rgb: 240, 106, 106;
         --color-customization-red-background-hover: #eb6868;
         --color-customization-red-foreground: #1e1f21;
         --color-customization-red-foreground-hover: #1e1f21;
         --color-customization-red-text-deprecated: #1e1f21;
         --color-customization-orange-background: #ec8d71;
         --color-customization-orange-background-rgb: 236, 141, 113;
         --color-customization-orange-background-hover: #e3886d;
         --color-customization-orange-foreground: #1e1f21;
         --color-customization-orange-foreground-hover: #1e1f21;
         --color-customization-orange-text-deprecated: #1e1f21;
         --color-customization-yellow-orange-background: #f1bd6c;
         --color-customization-yellow-orange-background-rgb: 241, 189, 108;
         --color-customization-yellow-orange-background-hover: #e7b568;
         --color-customization-yellow-orange-foreground: #1e1f21;
         --color-customization-yellow-orange-foreground-hover: #1e1f21;
         --color-customization-yellow-orange-text-deprecated: #1e1f21;
         --color-customization-yellow-background: #f8df72;
         --color-customization-yellow-background-rgb: 248, 223, 114;
         --color-customization-yellow-background-hover: #f2da6f;
         --color-customization-yellow-foreground: #1e1f21;
         --color-customization-yellow-foreground-hover: #1e1f21;
         --color-customization-yellow-text-deprecated: #1e1f21;
         --color-customization-yellow-green-background: #aecf55;
         --color-customization-yellow-green-background-rgb: 174, 207, 85;
         --color-customization-yellow-green-background-hover: #a9c953;
         --color-customization-yellow-green-foreground: #1e1f21;
         --color-customization-yellow-green-foreground-hover: #1e1f21;
         --color-customization-yellow-green-text-deprecated: #1e1f21;
         --color-customization-green-background: #5da283;
         --color-customization-green-background-rgb: 93, 162, 131;
         --color-customization-green-background-hover: #5a9b7e;
         --color-customization-green-foreground: #fff;
         --color-customization-green-foreground-hover: #fff;
         --color-customization-green-text-deprecated: #1e1f21;
         --color-customization-blue-green-background: #4ecbc4;
         --color-customization-blue-green-background-rgb: 78, 203, 196;
         --color-customization-blue-green-background-hover: #4abeb7;
         --color-customization-blue-green-foreground: #1e1f21;
         --color-customization-blue-green-foreground-hover: #1e1f21;
         --color-customization-blue-green-text-deprecated: #1e1f21;
         --color-customization-aqua-background: #9ee7e3;
         --color-customization-aqua-background-rgb: 158, 231, 227;
         --color-customization-aqua-background-hover: #99dfdb;
         --color-customization-aqua-foreground: #1e1f21;
         --color-customization-aqua-foreground-hover: #1e1f21;
         --color-customization-aqua-text-deprecated: #1e1f21;
         --color-customization-blue-background: #4573d2;
         --color-customization-blue-background-rgb: 69, 115, 210;
         --color-customization-blue-background-hover: #526dc6;
         --color-customization-blue-foreground: #fff;
         --color-customization-blue-foreground-hover: #fff;
         --color-customization-blue-text-deprecated: #1e1f21;
         --color-customization-indigo-background: #8d84e8;
         --color-customization-indigo-background-rgb: 141, 132, 232;
         --color-customization-indigo-background-hover: #867ddc;
         --color-customization-indigo-foreground: #fff;
         --color-customization-indigo-foreground-hover: #fff;
         --color-customization-indigo-text-deprecated: #1e1f21;
         --color-customization-purple-background: #b36bd4;
         --color-customization-purple-background-rgb: 179, 107, 212;
         --color-customization-purple-background-hover: #ad67cc;
         --color-customization-purple-foreground: #fff;
         --color-customization-purple-foreground-hover: #fff;
         --color-customization-purple-text-deprecated: #1e1f21;
         --color-customization-magenta-background: #f9aaef;
         --color-customization-magenta-background-rgb: 249, 170, 239;
         --color-customization-magenta-background-hover: #f1a5e8;
         --color-customization-magenta-foreground: #1e1f21;
         --color-customization-magenta-foreground-hover: #1e1f21;
         --color-customization-magenta-text-deprecated: #1e1f21;
         --color-customization-hot-pink-background: #f26fb2;
         --color-customization-hot-pink-background-rgb: 242, 111, 178;
         --color-customization-hot-pink-background-hover: #e66aa9;
         --color-customization-hot-pink-foreground: #1e1f21;
         --color-customization-hot-pink-foreground-hover: #1e1f21;
         --color-customization-hot-pink-text-deprecated: #1e1f21;
         --color-customization-pink-background: #fc979a;
         --color-customization-pink-background-rgb: 252, 151, 154;
         --color-customization-pink-background-hover: #f39294;
         --color-customization-pink-foreground: #1e1f21;
         --color-customization-pink-foreground-hover: #1e1f21;
         --color-customization-pink-text-deprecated: #1e1f21;
         --color-customization-cool-gray-background: #6d6e6f;
         --color-customization-cool-gray-background-rgb: 109, 110, 111;
         --color-customization-cool-gray-background-hover: #656667;
         --color-customization-cool-gray-foreground: #fff;
         --color-customization-cool-gray-foreground-hover: #fff;
         --color-customization-cool-gray-text-deprecated: #1e1f21
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #424244;
     --color-customization-background-weak-deprecated-opaque: #424244;
     --color-customization-background-weak-deprecated: #424244;
     --color-customization-background-weak-hover: #464648;
     --color-customization-background-weak-hover-deprecated: #464648;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #fff;
     --color-customization-foreground-weak-deprecated: #fff;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #f5f4f3;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #f5f4f3;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #f5f4f3;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #f5f4f3;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #f5f4f3;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #f5f4f3;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #f5f4f3;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #f5f4f3;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #f5f4f3;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #f5f4f3;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #f5f4f3;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #f5f4f3;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #f5f4f3
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-customization-background: #c7c4c4;
         --color-customization-background-deprecated: #c7c4c4;
         --color-customization-background-deprecated-opaque: #c7c4c4;
         --color-customization-background-hover: #bfbcbc;
         --color-customization-background-hover-deprecated: #bfbcbc;
         --color-customization-background-active: #b9b6b6;
         --color-customization-background-active-deprecated: #b9b6b6;
         --color-customization-background-weak: #424244;
         --color-customization-background-weak-deprecated-opaque: #424244;
         --color-customization-background-weak-deprecated: #424244;
         --color-customization-background-weak-hover: #464648;
         --color-customization-background-weak-hover-deprecated: #464648;
         --color-customization-foreground: #1e1f21;
         --color-customization-foreground-weak: #fff;
         --color-customization-foreground-weak-deprecated: #fff;
         --color-customization-red-background: #f06a6a;
         --color-customization-red-background-rgb: 240, 106, 106;
         --color-customization-red-background-hover: #eb6868;
         --color-customization-red-foreground: #1e1f21;
         --color-customization-red-foreground-hover: #1e1f21;
         --color-customization-red-text-deprecated: #f5f4f3;
         --color-customization-orange-background: #ec8d71;
         --color-customization-orange-background-rgb: 236, 141, 113;
         --color-customization-orange-background-hover: #e3886d;
         --color-customization-orange-foreground: #1e1f21;
         --color-customization-orange-foreground-hover: #1e1f21;
         --color-customization-orange-text-deprecated: #f5f4f3;
         --color-customization-yellow-orange-background: #f1bd6c;
         --color-customization-yellow-orange-background-rgb: 241, 189, 108;
         --color-customization-yellow-orange-background-hover: #e7b568;
         --color-customization-yellow-orange-foreground: #1e1f21;
         --color-customization-yellow-orange-foreground-hover: #1e1f21;
         --color-customization-yellow-orange-text-deprecated: #f5f4f3;
         --color-customization-yellow-background: #f8df72;
         --color-customization-yellow-background-rgb: 248, 223, 114;
         --color-customization-yellow-background-hover: #f2da6f;
         --color-customization-yellow-foreground: #1e1f21;
         --color-customization-yellow-foreground-hover: #1e1f21;
         --color-customization-yellow-text-deprecated: #f5f4f3;
         --color-customization-yellow-green-background: #aecf55;
         --color-customization-yellow-green-background-rgb: 174, 207, 85;
         --color-customization-yellow-green-background-hover: #a9c953;
         --color-customization-yellow-green-foreground: #1e1f21;
         --color-customization-yellow-green-foreground-hover: #1e1f21;
         --color-customization-yellow-green-text-deprecated: #f5f4f3;
         --color-customization-green-background: #5da283;
         --color-customization-green-background-rgb: 93, 162, 131;
         --color-customization-green-background-hover: #5a9b7e;
         --color-customization-green-foreground: #fff;
         --color-customization-green-foreground-hover: #fff;
         --color-customization-green-text-deprecated: #f5f4f3;
         --color-customization-blue-green-background: #4ecbc4;
         --color-customization-blue-green-background-rgb: 78, 203, 196;
         --color-customization-blue-green-background-hover: #4abeb7;
         --color-customization-blue-green-foreground: #1e1f21;
         --color-customization-blue-green-foreground-hover: #1e1f21;
         --color-customization-blue-green-text-deprecated: #f5f4f3;
         --color-customization-aqua-background: #9ee7e3;
         --color-customization-aqua-background-rgb: 158, 231, 227;
         --color-customization-aqua-background-hover: #99dfdb;
         --color-customization-aqua-foreground: #1e1f21;
         --color-customization-aqua-foreground-hover: #1e1f21;
         --color-customization-aqua-text-deprecated: #f5f4f3;
         --color-customization-blue-background: #4573d2;
         --color-customization-blue-background-rgb: 69, 115, 210;
         --color-customization-blue-background-hover: #526dc6;
         --color-customization-blue-foreground: #fff;
         --color-customization-blue-foreground-hover: #fff;
         --color-customization-blue-text-deprecated: #f5f4f3;
         --color-customization-indigo-background: #8d84e8;
         --color-customization-indigo-background-rgb: 141, 132, 232;
         --color-customization-indigo-background-hover: #867ddc;
         --color-customization-indigo-foreground: #fff;
         --color-customization-indigo-foreground-hover: #fff;
         --color-customization-indigo-text-deprecated: #f5f4f3;
         --color-customization-purple-background: #b36bd4;
         --color-customization-purple-background-rgb: 179, 107, 212;
         --color-customization-purple-background-hover: #ad67cc;
         --color-customization-purple-foreground: #fff;
         --color-customization-purple-foreground-hover: #fff;
         --color-customization-purple-text-deprecated: #f5f4f3;
         --color-customization-magenta-background: #f9aaef;
         --color-customization-magenta-background-rgb: 249, 170, 239;
         --color-customization-magenta-background-hover: #f1a5e8;
         --color-customization-magenta-foreground: #1e1f21;
         --color-customization-magenta-foreground-hover: #1e1f21;
         --color-customization-magenta-text-deprecated: #f5f4f3;
         --color-customization-hot-pink-background: #f26fb2;
         --color-customization-hot-pink-background-rgb: 242, 111, 178;
         --color-customization-hot-pink-background-hover: #e66aa9;
         --color-customization-hot-pink-foreground: #1e1f21;
         --color-customization-hot-pink-foreground-hover: #1e1f21;
         --color-customization-hot-pink-text-deprecated: #f5f4f3;
         --color-customization-pink-background: #fc979a;
         --color-customization-pink-background-rgb: 252, 151, 154;
         --color-customization-pink-background-hover: #f39294;
         --color-customization-pink-foreground: #1e1f21;
         --color-customization-pink-foreground-hover: #1e1f21;
         --color-customization-pink-text-deprecated: #f5f4f3;
         --color-customization-cool-gray-background: #6d6e6f;
         --color-customization-cool-gray-background-rgb: 109, 110, 111;
         --color-customization-cool-gray-background-hover: #656667;
         --color-customization-cool-gray-foreground: #fff;
         --color-customization-cool-gray-foreground-hover: #fff;
         --color-customization-cool-gray-text-deprecated: #f5f4f3
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #424244;
     --color-customization-background-weak-deprecated-opaque: #424244;
     --color-customization-background-weak-deprecated: #424244;
     --color-customization-background-weak-hover: #464648;
     --color-customization-background-weak-hover-deprecated: #464648;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #fff;
     --color-customization-foreground-weak-deprecated: #fff;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #f5f4f3;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #f5f4f3;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #f5f4f3;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #f5f4f3;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #f5f4f3;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #f5f4f3;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #f5f4f3;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #f5f4f3;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #f5f4f3;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #f5f4f3;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #f5f4f3;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #f5f4f3;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #f5f4f3;
     --color-customization-background-weak: #5f2748;
     --color-customization-background-weak-deprecated-opaque: #5f2748;
     --color-customization-background-weak-deprecated: #5f2748;
     --color-customization-background-weak-hover: #5f2748;
     --color-customization-background-weak-hover-deprecated: #5f2748
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-customization-red-background: #e8384f;
     --color-customization-red-background-rgb: 232, 56, 79;
     --color-customization-red-background-hover: #de1a33;
     --color-customization-red-foreground: #fff;
     --color-customization-red-foreground-hover: #fff;
     --color-customization-red-text-deprecated: #d74854;
     --color-customization-orange-background: #fd817d;
     --color-customization-orange-background-rgb: 253, 129, 125;
     --color-customization-orange-background-hover: #fc5a55;
     --color-customization-orange-foreground: #560401;
     --color-customization-orange-foreground-hover: #2e0201;
     --color-customization-orange-text-deprecated: #d67a74;
     --color-customization-yellow-orange-background: #fdae33;
     --color-customization-yellow-orange-background-rgb: 253, 174, 51;
     --color-customization-yellow-orange-background-hover: #fd9e0b;
     --color-customization-yellow-orange-foreground: #513201;
     --color-customization-yellow-orange-foreground-hover: #291901;
     --color-customization-yellow-orange-text-deprecated: #bf8b3e;
     --color-customization-yellow-background: #eecc16;
     --color-customization-yellow-background-rgb: 238, 204, 22;
     --color-customization-yellow-background-hover: #ccae0f;
     --color-customization-yellow-foreground: #504107;
     --color-customization-yellow-foreground-hover: #2a2304;
     --color-customization-yellow-text-deprecated: #d67a74;
     --color-customization-yellow-green-background: #a4c61a;
     --color-customization-yellow-green-background-rgb: 164, 198, 26;
     --color-customization-yellow-green-background-hover: #86a215;
     --color-customization-yellow-green-foreground: #333b07;
     --color-customization-yellow-green-foreground-hover: #131703;
     --color-customization-yellow-green-text-deprecated: #899d36;
     --color-customization-green-background: #62bb35;
     --color-customization-green-background-rgb: 98, 187, 53;
     --color-customization-green-background-hover: #519b2c;
     --color-customization-green-foreground: #182c0c;
     --color-customization-green-foreground-hover: #070c03;
     --color-customization-green-text-deprecated: #679c40;
     --color-customization-blue-green-background: #37a862;
     --color-customization-blue-green-background-rgb: 55, 168, 98;
     --color-customization-blue-green-background-hover: #2d8950;
     --color-customization-blue-green-foreground: #fff;
     --color-customization-blue-green-foreground-hover: #fff;
     --color-customization-blue-green-text-deprecated: #59a368;
     --color-customization-aqua-background: #208ea3;
     --color-customization-aqua-background-rgb: 32, 142, 163;
     --color-customization-aqua-background-hover: #197081;
     --color-customization-aqua-foreground: #fff;
     --color-customization-aqua-foreground-hover: #fff;
     --color-customization-aqua-text-deprecated: #448da0;
     --color-customization-blue-background: #4178bc;
     --color-customization-blue-background-rgb: 65, 120, 188;
     --color-customization-blue-background-hover: #37659e;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #4d79b7;
     --color-customization-indigo-background: #7a71f6;
     --color-customization-indigo-background-rgb: 122, 113, 246;
     --color-customization-indigo-background-hover: #564bf4;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #7776ee;
     --color-customization-purple-background: #aa71ff;
     --color-customization-purple-background-rgb: 170, 113, 255;
     --color-customization-purple-background-hover: #9248ff;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #a178f7;
     --color-customization-magenta-background: #e37cff;
     --color-customization-magenta-background-rgb: 227, 124, 255;
     --color-customization-magenta-background-hover: #da53ff;
     --color-customization-magenta-foreground: #48005c;
     --color-customization-magenta-foreground-hover: #280033;
     --color-customization-magenta-text-deprecated: #c078df;
     --color-customization-hot-pink-background: #ea4e9d;
     --color-customization-hot-pink-background-rgb: 234, 78, 157;
     --color-customization-hot-pink-background-hover: #e62a89;
     --color-customization-hot-pink-foreground: #fff;
     --color-customization-hot-pink-foreground-hover: #fff;
     --color-customization-hot-pink-text-deprecated: #d95b9b;
     --color-customization-pink-background: #fca7e4;
     --color-customization-pink-background-rgb: 252, 167, 228;
     --color-customization-pink-background-hover: #fb80d8;
     --color-customization-pink-foreground: #760456;
     --color-customization-pink-foreground-hover: #4f0339;
     --color-customization-pink-text-deprecated: #b984ad;
     --color-customization-cool-gray-background: #8d9f9b;
     --color-customization-cool-gray-background-rgb: 141, 159, 155;
     --color-customization-cool-gray-background-hover: #778c88;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-customization-red-background: #e8384f;
     --color-customization-red-background-rgb: 232, 56, 79;
     --color-customization-red-background-hover: #de1a33;
     --color-customization-red-foreground: #fff;
     --color-customization-red-foreground-hover: #fff;
     --color-customization-red-text-deprecated: #d74854;
     --color-customization-orange-background: #fd817d;
     --color-customization-orange-background-rgb: 253, 129, 125;
     --color-customization-orange-background-hover: #fc5a55;
     --color-customization-orange-foreground: #560401;
     --color-customization-orange-foreground-hover: #2e0201;
     --color-customization-orange-text-deprecated: #d67a74;
     --color-customization-yellow-orange-background: #fdae33;
     --color-customization-yellow-orange-background-rgb: 253, 174, 51;
     --color-customization-yellow-orange-background-hover: #fd9e0b;
     --color-customization-yellow-orange-foreground: #513201;
     --color-customization-yellow-orange-foreground-hover: #291901;
     --color-customization-yellow-orange-text-deprecated: #bf8b3e;
     --color-customization-yellow-background: #eecc16;
     --color-customization-yellow-background-rgb: 238, 204, 22;
     --color-customization-yellow-background-hover: #ccae0f;
     --color-customization-yellow-foreground: #504107;
     --color-customization-yellow-foreground-hover: #2a2304;
     --color-customization-yellow-text-deprecated: #d67a74;
     --color-customization-yellow-green-background: #a4c61a;
     --color-customization-yellow-green-background-rgb: 164, 198, 26;
     --color-customization-yellow-green-background-hover: #86a215;
     --color-customization-yellow-green-foreground: #333b07;
     --color-customization-yellow-green-foreground-hover: #131703;
     --color-customization-yellow-green-text-deprecated: #899d36;
     --color-customization-green-background: #62bb35;
     --color-customization-green-background-rgb: 98, 187, 53;
     --color-customization-green-background-hover: #519b2c;
     --color-customization-green-foreground: #182c0c;
     --color-customization-green-foreground-hover: #070c03;
     --color-customization-green-text-deprecated: #679c40;
     --color-customization-blue-green-background: #37a862;
     --color-customization-blue-green-background-rgb: 55, 168, 98;
     --color-customization-blue-green-background-hover: #2d8950;
     --color-customization-blue-green-foreground: #fff;
     --color-customization-blue-green-foreground-hover: #fff;
     --color-customization-blue-green-text-deprecated: #59a368;
     --color-customization-aqua-background: #208ea3;
     --color-customization-aqua-background-rgb: 32, 142, 163;
     --color-customization-aqua-background-hover: #197081;
     --color-customization-aqua-foreground: #fff;
     --color-customization-aqua-foreground-hover: #fff;
     --color-customization-aqua-text-deprecated: #448da0;
     --color-customization-blue-background: #4178bc;
     --color-customization-blue-background-rgb: 65, 120, 188;
     --color-customization-blue-background-hover: #37659e;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #4d79b7;
     --color-customization-indigo-background: #7a71f6;
     --color-customization-indigo-background-rgb: 122, 113, 246;
     --color-customization-indigo-background-hover: #564bf4;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #7776ee;
     --color-customization-purple-background: #aa71ff;
     --color-customization-purple-background-rgb: 170, 113, 255;
     --color-customization-purple-background-hover: #9248ff;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #a178f7;
     --color-customization-magenta-background: #e37cff;
     --color-customization-magenta-background-rgb: 227, 124, 255;
     --color-customization-magenta-background-hover: #da53ff;
     --color-customization-magenta-foreground: #48005c;
     --color-customization-magenta-foreground-hover: #280033;
     --color-customization-magenta-text-deprecated: #c078df;
     --color-customization-hot-pink-background: #ea4e9d;
     --color-customization-hot-pink-background-rgb: 234, 78, 157;
     --color-customization-hot-pink-background-hover: #e62a89;
     --color-customization-hot-pink-foreground: #fff;
     --color-customization-hot-pink-foreground-hover: #fff;
     --color-customization-hot-pink-text-deprecated: #d95b9b;
     --color-customization-pink-background: #fca7e4;
     --color-customization-pink-background-rgb: 252, 167, 228;
     --color-customization-pink-background-hover: #fb80d8;
     --color-customization-pink-foreground: #760456;
     --color-customization-pink-foreground-hover: #4f0339;
     --color-customization-pink-text-deprecated: #b984ad;
     --color-customization-cool-gray-background: #8d9f9b;
     --color-customization-cool-gray-background-rgb: 141, 159, 155;
     --color-customization-cool-gray-background-hover: #778c88;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff
 }

 :root {
     --color-deprecated-white: #fff;
     --color-deprecated-white-rgb: 255, 255, 255;
     --color-deprecated-lightGray1: #f5f3f3;
     --color-deprecated-lightGray1-rgb: 245, 243, 243;
     --color-deprecated-lightGray2: #edeae9;
     --color-deprecated-lightGray2-rgb: 237, 234, 233;
     --color-deprecated-lightGray3: #cfcbcb;
     --color-deprecated-lightGray3-rgb: 207, 203, 203;
     --color-deprecated-mediumGray: #afabac;
     --color-deprecated-mediumGray-rgb: 175, 171, 172;
     --color-deprecated-darkGray1: #6d6e6f;
     --color-deprecated-darkGray1-rgb: 109, 110, 111;
     --color-deprecated-darkGray2: #1e1f21;
     --color-deprecated-darkGray2-rgb: 30, 31, 33;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #58a182;
     --color-deprecated-green-rgb: 88, 161, 130;
     --color-deprecated-brightGreen: #8dc2ac;
     --color-deprecated-brightGreen-rgb: 141, 194, 172;
     --color-deprecated-teal: #3f6ac4;
     --color-deprecated-teal-rgb: 63, 106, 196;
     --color-deprecated-brightTeal: #3f6ac4;
     --color-deprecated-brightTeal-rgb: 63, 106, 196;
     --color-deprecated-purple: #6e66b1;
     --color-deprecated-purple-rgb: 110, 102, 177;
     --color-deprecated-darkGold: #e8b668;
     --color-deprecated-darkGold-rgb: 232, 182, 104;
     --color-deprecated-brightGold: #f1bd6c;
     --color-deprecated-brightGold-rgb: 241, 189, 108;
     --color-deprecated-coral: #d84f67;
     --color-deprecated-coral-rgb: 216, 79, 103
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-deprecated-white: #fff;
     --color-deprecated-white-rgb: 255, 255, 255;
     --color-deprecated-lightGray1: #f5f3f3;
     --color-deprecated-lightGray1-rgb: 245, 243, 243;
     --color-deprecated-lightGray2: #edeae9;
     --color-deprecated-lightGray2-rgb: 237, 234, 233;
     --color-deprecated-lightGray3: #cfcbcb;
     --color-deprecated-lightGray3-rgb: 207, 203, 203;
     --color-deprecated-mediumGray: #afabac;
     --color-deprecated-mediumGray-rgb: 175, 171, 172;
     --color-deprecated-darkGray1: #6d6e6f;
     --color-deprecated-darkGray1-rgb: 109, 110, 111;
     --color-deprecated-darkGray2: #1e1f21;
     --color-deprecated-darkGray2-rgb: 30, 31, 33;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #58a182;
     --color-deprecated-green-rgb: 88, 161, 130;
     --color-deprecated-brightGreen: #8dc2ac;
     --color-deprecated-brightGreen-rgb: 141, 194, 172;
     --color-deprecated-teal: #3f6ac4;
     --color-deprecated-teal-rgb: 63, 106, 196;
     --color-deprecated-brightTeal: #3f6ac4;
     --color-deprecated-brightTeal-rgb: 63, 106, 196;
     --color-deprecated-purple: #6e66b1;
     --color-deprecated-purple-rgb: 110, 102, 177;
     --color-deprecated-darkGold: #e8b668;
     --color-deprecated-darkGold-rgb: 232, 182, 104;
     --color-deprecated-brightGold: #f1bd6c;
     --color-deprecated-brightGold-rgb: 241, 189, 108;
     --color-deprecated-coral: #d84f67;
     --color-deprecated-coral-rgb: 216, 79, 103
 }

 @media print {
     :root {
         --color-deprecated-white: #fff;
         --color-deprecated-white-rgb: 255, 255, 255;
         --color-deprecated-lightGray1: #f5f3f3;
         --color-deprecated-lightGray1-rgb: 245, 243, 243;
         --color-deprecated-lightGray2: #edeae9;
         --color-deprecated-lightGray2-rgb: 237, 234, 233;
         --color-deprecated-lightGray3: #cfcbcb;
         --color-deprecated-lightGray3-rgb: 207, 203, 203;
         --color-deprecated-mediumGray: #afabac;
         --color-deprecated-mediumGray-rgb: 175, 171, 172;
         --color-deprecated-darkGray1: #6d6e6f;
         --color-deprecated-darkGray1-rgb: 109, 110, 111;
         --color-deprecated-darkGray2: #1e1f21;
         --color-deprecated-darkGray2-rgb: 30, 31, 33;
         --color-deprecated-darkGray3: #1e1f21;
         --color-deprecated-darkGray3-rgb: 30, 31, 33;
         --color-deprecated-green: #58a182;
         --color-deprecated-green-rgb: 88, 161, 130;
         --color-deprecated-brightGreen: #8dc2ac;
         --color-deprecated-brightGreen-rgb: 141, 194, 172;
         --color-deprecated-teal: #3f6ac4;
         --color-deprecated-teal-rgb: 63, 106, 196;
         --color-deprecated-brightTeal: #3f6ac4;
         --color-deprecated-brightTeal-rgb: 63, 106, 196;
         --color-deprecated-purple: #6e66b1;
         --color-deprecated-purple-rgb: 110, 102, 177;
         --color-deprecated-darkGold: #e8b668;
         --color-deprecated-darkGold-rgb: 232, 182, 104;
         --color-deprecated-brightGold: #f1bd6c;
         --color-deprecated-brightGold-rgb: 241, 189, 108;
         --color-deprecated-coral: #d84f67;
         --color-deprecated-coral-rgb: 216, 79, 103
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-deprecated-white: #f5f4f3;
     --color-deprecated-white-rgb: 245, 244, 243;
     --color-deprecated-lightGray1: #f5f4f3;
     --color-deprecated-lightGray1-rgb: 245, 244, 243;
     --color-deprecated-lightGray2: #f5f4f3;
     --color-deprecated-lightGray2-rgb: 245, 244, 243;
     --color-deprecated-lightGray3: #a2a0a2;
     --color-deprecated-lightGray3-rgb: 162, 160, 162;
     --color-deprecated-mediumGray: #a2a0a2;
     --color-deprecated-mediumGray-rgb: 162, 160, 162;
     --color-deprecated-darkGray1: #6a696a;
     --color-deprecated-darkGray1-rgb: 106, 105, 106;
     --color-deprecated-darkGray2: #2a2b2d;
     --color-deprecated-darkGray2-rgb: 42, 43, 45;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #5da283;
     --color-deprecated-green-rgb: 93, 162, 131;
     --color-deprecated-brightGreen: #5da283;
     --color-deprecated-brightGreen-rgb: 93, 162, 131;
     --color-deprecated-teal: #4573d2;
     --color-deprecated-teal-rgb: 69, 115, 210;
     --color-deprecated-brightTeal: #5688e5;
     --color-deprecated-brightTeal-rgb: 86, 136, 229;
     --color-deprecated-purple: #726ab9;
     --color-deprecated-purple-rgb: 114, 106, 185;
     --color-deprecated-darkGold: #b89054;
     --color-deprecated-darkGold-rgb: 184, 144, 84;
     --color-deprecated-brightGold: #f6c682;
     --color-deprecated-brightGold-rgb: 246, 198, 130;
     --color-deprecated-coral: #d1395a;
     --color-deprecated-coral-rgb: 209, 57, 90
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-deprecated-white: #f5f4f3;
         --color-deprecated-white-rgb: 245, 244, 243;
         --color-deprecated-lightGray1: #f5f4f3;
         --color-deprecated-lightGray1-rgb: 245, 244, 243;
         --color-deprecated-lightGray2: #f5f4f3;
         --color-deprecated-lightGray2-rgb: 245, 244, 243;
         --color-deprecated-lightGray3: #a2a0a2;
         --color-deprecated-lightGray3-rgb: 162, 160, 162;
         --color-deprecated-mediumGray: #a2a0a2;
         --color-deprecated-mediumGray-rgb: 162, 160, 162;
         --color-deprecated-darkGray1: #6a696a;
         --color-deprecated-darkGray1-rgb: 106, 105, 106;
         --color-deprecated-darkGray2: #2a2b2d;
         --color-deprecated-darkGray2-rgb: 42, 43, 45;
         --color-deprecated-darkGray3: #1e1f21;
         --color-deprecated-darkGray3-rgb: 30, 31, 33;
         --color-deprecated-green: #5da283;
         --color-deprecated-green-rgb: 93, 162, 131;
         --color-deprecated-brightGreen: #5da283;
         --color-deprecated-brightGreen-rgb: 93, 162, 131;
         --color-deprecated-teal: #4573d2;
         --color-deprecated-teal-rgb: 69, 115, 210;
         --color-deprecated-brightTeal: #5688e5;
         --color-deprecated-brightTeal-rgb: 86, 136, 229;
         --color-deprecated-purple: #726ab9;
         --color-deprecated-purple-rgb: 114, 106, 185;
         --color-deprecated-darkGold: #b89054;
         --color-deprecated-darkGold-rgb: 184, 144, 84;
         --color-deprecated-brightGold: #f6c682;
         --color-deprecated-brightGold-rgb: 246, 198, 130;
         --color-deprecated-coral: #d1395a;
         --color-deprecated-coral-rgb: 209, 57, 90
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-deprecated-white: #f5f4f3;
     --color-deprecated-white-rgb: 245, 244, 243;
     --color-deprecated-lightGray1: #f5f4f3;
     --color-deprecated-lightGray1-rgb: 245, 244, 243;
     --color-deprecated-lightGray2: #f5f4f3;
     --color-deprecated-lightGray2-rgb: 245, 244, 243;
     --color-deprecated-lightGray3: #a2a0a2;
     --color-deprecated-lightGray3-rgb: 162, 160, 162;
     --color-deprecated-mediumGray: #a2a0a2;
     --color-deprecated-mediumGray-rgb: 162, 160, 162;
     --color-deprecated-darkGray1: #6a696a;
     --color-deprecated-darkGray1-rgb: 106, 105, 106;
     --color-deprecated-darkGray2: #2a2b2d;
     --color-deprecated-darkGray2-rgb: 42, 43, 45;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #5da283;
     --color-deprecated-green-rgb: 93, 162, 131;
     --color-deprecated-brightGreen: #5da283;
     --color-deprecated-brightGreen-rgb: 93, 162, 131;
     --color-deprecated-teal: #4573d2;
     --color-deprecated-teal-rgb: 69, 115, 210;
     --color-deprecated-brightTeal: #5688e5;
     --color-deprecated-brightTeal-rgb: 86, 136, 229;
     --color-deprecated-purple: #726ab9;
     --color-deprecated-purple-rgb: 114, 106, 185;
     --color-deprecated-darkGold: #b89054;
     --color-deprecated-darkGold-rgb: 184, 144, 84;
     --color-deprecated-brightGold: #f6c682;
     --color-deprecated-brightGold-rgb: 246, 198, 130;
     --color-deprecated-coral: #d1395a;
     --color-deprecated-coral-rgb: 209, 57, 90;
     --color-deprecated-white: #f8f4f6;
     --color-deprecated-white-rgb: 248, 244, 246;
     --color-deprecated-lightGray1: #f8f4f6;
     --color-deprecated-lightGray1-rgb: 248, 244, 246;
     --color-deprecated-lightGray2: #f8f4f6;
     --color-deprecated-lightGray2-rgb: 248, 244, 246;
     --color-deprecated-lightGray3: #bb97a9;
     --color-deprecated-lightGray3-rgb: 187, 151, 169;
     --color-deprecated-mediumGray: #bb97a9;
     --color-deprecated-mediumGray-rgb: 187, 151, 169;
     --color-deprecated-darkGray1: #8f5977;
     --color-deprecated-darkGray1-rgb: 143, 89, 119;
     --color-deprecated-darkGray2: #461d36;
     --color-deprecated-darkGray2-rgb: 70, 29, 54;
     --color-deprecated-darkGray3: #36172a;
     --color-deprecated-darkGray3-rgb: 54, 23, 42
 }

 .button .button-text,
 .asana-button .button-text {
     display: inline-block;
     margin-top: 1px
 }

 .button .button-arrow,
 .asana-button .button-arrow {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: 1px -46px;
     background-repeat: no-repeat;
     display: inline-block;
     height: 10px;
     width: 12px
 }

 .button .button-follow,
 .asana-button .button-follow {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: 0px -125px;
     background-repeat: no-repeat
 }

 .button .split-button-text,
 .asana-button .split-button-text {
     border-right: 1px dotted #9cacbc;
     display: inline-block;
     padding-right: 10px
 }

 .button .split-button-text:hover,
 .asana-button .split-button-text:hover {
     color: #008ce3
 }

 .button .split-button-arrow,
 .asana-button .split-button-arrow {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: 10px -46px;
     background-repeat: no-repeat;
     display: inline-block;
     height: 10px;
     width: 20px
 }

 .button .split-button-arrow:hover,
 .asana-button .split-button-arrow:hover {
     background-position: -90px -46px
 }

 .button .button-icon,
 .asana-button .button-icon {
     display: inline-block;
     height: 13px;
     margin-bottom: -3px;
     margin-top: -1px;
     width: 12px
 }

 .button .button-icon.gear,
 .asana-button .button-icon.gear {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: 0px -100px;
     background-repeat: no-repeat
 }

 .button .button-icon.favorite.off,
 .asana-button .button-icon.favorite.off {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: 0px -150px;
     background-repeat: no-repeat
 }

 .button .button-icon.favorite.on,
 .asana-button .button-icon.favorite.on {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: -200px -150px;
     background-repeat: no-repeat
 }

 .button .button-icon.add,
 .asana-button .button-icon.add {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: 0px -1500px;
     background-repeat: no-repeat
 }

 .button .button-icon.edit,
 .asana-button .button-icon.edit {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: 0px -1450px;
     background-repeat: no-repeat
 }

 .button .button-icon.more-symbol,
 .asana-button .button-icon.more-symbol {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: 0px -200px;
     background-repeat: no-repeat;
     width: 10px
 }

 .button:hover .gear,
 .asana-button:hover .gear {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: -100px -100px;
     background-repeat: no-repeat
 }

 .button:hover .button-arrow,
 .asana-button:hover .button-arrow {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: -99px -46px;
     background-repeat: no-repeat
 }

 .button:hover .button-follow,
 .asana-button:hover .button-follow {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: -100px -125px;
     background-repeat: no-repeat
 }

 .button:hover .favorite.off,
 .asana-button:hover .favorite.off {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: -100px -150px;
     background-repeat: no-repeat
 }

 .button:hover .favorite.on,
 .asana-button:hover .favorite.on {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: -100px -150px;
     background-repeat: no-repeat
 }

 .button:hover .add,
 .asana-button:hover .add {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: -100px -1500px;
     background-repeat: no-repeat
 }

 .button:hover .edit,
 .asana-button:hover .edit {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: -100px -1450px;
     background-repeat: no-repeat
 }

 .button:hover .more-symbol,
 .asana-button:hover .more-symbol {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: -100px -200px;
     background-repeat: no-repeat
 }

 .primary-button,
 .primary,
 input[type=submit],
 button[type=submit] {
     background: #14aaf5;
     border: 1px solid #14aaf5
 }

 .primary-button .button-text,
 .primary-button .new-button-text,
 .primary .button-text,
 .primary .new-button-text,
 input[type=submit] .button-text,
 input[type=submit] .new-button-text,
 button[type=submit] .button-text,
 button[type=submit] .new-button-text {
     color: #fff
 }

 .primary-button.hovered,
 .primary-button:hover:not(.mobile-button):not(.disabled),
 .primary.hovered,
 .primary:hover:not(.mobile-button):not(.disabled),
 input[type=submit].hovered,
 input[type=submit]:hover:not(.mobile-button):not(.disabled),
 button[type=submit].hovered,
 button[type=submit]:hover:not(.mobile-button):not(.disabled) {
     background: #32c1ff;
     border-color: #32c1ff;
     box-shadow: 0 0 0 3px #caeeff
 }

 .primary-button.hovered .button-text,
 .primary-button.hovered .new-button-text,
 .primary-button.hovered .glyph,
 .primary-button:hover:not(.mobile-button):not(.disabled) .button-text,
 .primary-button:hover:not(.mobile-button):not(.disabled) .new-button-text,
 .primary-button:hover:not(.mobile-button):not(.disabled) .glyph,
 .primary.hovered .button-text,
 .primary.hovered .new-button-text,
 .primary.hovered .glyph,
 .primary:hover:not(.mobile-button):not(.disabled) .button-text,
 .primary:hover:not(.mobile-button):not(.disabled) .new-button-text,
 .primary:hover:not(.mobile-button):not(.disabled) .glyph,
 input[type=submit].hovered .button-text,
 input[type=submit].hovered .new-button-text,
 input[type=submit].hovered .glyph,
 input[type=submit]:hover:not(.mobile-button):not(.disabled) .button-text,
 input[type=submit]:hover:not(.mobile-button):not(.disabled) .new-button-text,
 input[type=submit]:hover:not(.mobile-button):not(.disabled) .glyph,
 button[type=submit].hovered .button-text,
 button[type=submit].hovered .new-button-text,
 button[type=submit].hovered .glyph,
 button[type=submit]:hover:not(.mobile-button):not(.disabled) .button-text,
 button[type=submit]:hover:not(.mobile-button):not(.disabled) .new-button-text,
 button[type=submit]:hover:not(.mobile-button):not(.disabled) .glyph {
     color: #fff
 }

 .primary-button:focus,
 .primary:focus,
 input[type=submit]:focus,
 button[type=submit]:focus {
     background: #14aaf5;
     border: 1px solid #14aaf5;
     box-shadow: 0 0 6px 3px rgba(20, 170, 245, .3);
     outline: none
 }

 .primary-button:focus .button-text,
 .primary-button:focus .new-button-text,
 .primary:focus .button-text,
 .primary:focus .new-button-text,
 input[type=submit]:focus .button-text,
 input[type=submit]:focus .new-button-text,
 button[type=submit]:focus .button-text,
 button[type=submit]:focus .new-button-text {
     color: #fff
 }

 .primary-button.disabled,
 .primary.disabled,
 input[type=submit].disabled,
 button[type=submit].disabled {
     box-shadow: none;
     background: #f2f2f2;
     border-color: #ccc;
     outline: none
 }

 .primary-button.disabled .button-text,
 .primary-button.disabled .new-button-text,
 .primary-button.disabled .glyph,
 .primary.disabled .button-text,
 .primary.disabled .new-button-text,
 .primary.disabled .glyph,
 input[type=submit].disabled .button-text,
 input[type=submit].disabled .new-button-text,
 input[type=submit].disabled .glyph,
 button[type=submit].disabled .button-text,
 button[type=submit].disabled .new-button-text,
 button[type=submit].disabled .glyph {
     color: var(--color-text-weak);
     text-shadow: none
 }

 .primary-button.disabled:hover,
 .primary.disabled:hover,
 input[type=submit].disabled:hover,
 button[type=submit].disabled:hover {
     box-shadow: none;
     background: #f2f2f2;
     border-color: #ccc;
     outline: none
 }

 .primary-button.disabled:hover .button-text,
 .primary-button.disabled:hover .new-button-text,
 .primary-button.disabled:hover .glyph,
 .primary.disabled:hover .button-text,
 .primary.disabled:hover .new-button-text,
 .primary.disabled:hover .glyph,
 input[type=submit].disabled:hover .button-text,
 input[type=submit].disabled:hover .new-button-text,
 input[type=submit].disabled:hover .glyph,
 button[type=submit].disabled:hover .button-text,
 button[type=submit].disabled:hover .new-button-text,
 button[type=submit].disabled:hover .glyph {
     color: var(--color-text-weak);
     text-shadow: none
 }

 .primary-button.pink,
 .primary.pink,
 input[type=submit].pink,
 button[type=submit].pink {
     background-color: #ff5263;
     background-image: linear-gradient(to bottom, #f7a7ba, #ff5263 10%);
     border: 1px solid #a71428;
     box-shadow: inset 0 -1px rgba(0, 0, 0, .12);
     text-shadow: 0 -1px #a71428
 }

 .primary-button.pink.hovered,
 .primary-button.pink:hover:not(.disabled),
 .primary.pink.hovered,
 .primary.pink:hover:not(.disabled),
 input[type=submit].pink.hovered,
 input[type=submit].pink:hover:not(.disabled),
 button[type=submit].pink.hovered,
 button[type=submit].pink:hover:not(.disabled) {
     background-color: #ff5263;
     background-image: linear-gradient(to bottom, #f7a7ba, #ff5263 100%);
     border: 1px solid #a71428
 }

 input[type=submit],
 button[type=submit] {
     color: #fff;
     text-shadow: 0 -1px #008ce3
 }

 .tooltip-button {
     background-color: #434c56;
     background-image: linear-gradient(to bottom, #6e7e91, #434c56 10%);
     border: 1px solid #1a232e;
     color: #c0ccd7;
     text-shadow: 0 -1px #1a232e
 }

 .tooltip-button.hovered,
 .tooltip-button:hover {
     background-color: #212f40;
     background-image: linear-gradient(to bottom, #6e7e91, #212f40 100%)
 }

 .generic-input,
 textarea,
 .recurly input[type=text],
 .recurly .recurly-hosted-field {
     border: 1px solid transparent;
     border: 1px solid transparent;
     border-radius: 4px;
     box-sizing: border-box;
     color: var(--color-text);
     padding-left: 8px
 }

 .generic-input.hovered:not(.override-hover-border):not([disabled]),
 .generic-input:hover:not(.override-hover-border):not([disabled]),
 textarea.hovered:not(.override-hover-border):not([disabled]),
 textarea:hover:not(.override-hover-border):not([disabled]),
 .recurly input[type=text].hovered:not(.override-hover-border):not([disabled]),
 .recurly input[type=text]:hover:not(.override-hover-border):not([disabled]),
 .recurly .recurly-hosted-field.hovered:not(.override-hover-border):not([disabled]),
 .recurly .recurly-hosted-field:hover:not(.override-hover-border):not([disabled]) {
     border-color: var(--color-border-hover);
     transition: border-color 100ms
 }

 .generic-input.focused:not(.override-focus-border),
 .generic-input:focus:not(.override-focus-border),
 .generic-input.recurly-hosted-field-focus:not(.override-focus-border),
 textarea.focused:not(.override-focus-border),
 textarea:focus:not(.override-focus-border),
 textarea.recurly-hosted-field-focus:not(.override-focus-border),
 .recurly input[type=text].focused:not(.override-focus-border),
 .recurly input[type=text]:focus:not(.override-focus-border),
 .recurly input[type=text].recurly-hosted-field-focus:not(.override-focus-border),
 .recurly .recurly-hosted-field.focused:not(.override-focus-border),
 .recurly .recurly-hosted-field:focus:not(.override-focus-border),
 .recurly .recurly-hosted-field.recurly-hosted-field-focus:not(.override-focus-border) {
     border-color: var(--color-deprecated-mediumGray);
     outline: none
 }

 .generic-input.invalid,
 textarea.invalid,
 .recurly input[type=text].invalid,
 .recurly .recurly-hosted-field.invalid {
     border-color: #ff5263;
     outline: none
 }

 .generic-input.showing,
 textarea.showing,
 .recurly input[type=text].showing,
 .recurly .recurly-hosted-field.showing {
     border: 1px solid var(--color-deprecated-lightGray3)
 }

 .generic-input.showing.hovered:not(.override-hover-border):not([disabled]),
 .generic-input.showing:hover:not(.override-hover-border):not([disabled]),
 textarea.showing.hovered:not(.override-hover-border):not([disabled]),
 textarea.showing:hover:not(.override-hover-border):not([disabled]),
 .recurly input[type=text].showing.hovered:not(.override-hover-border):not([disabled]),
 .recurly input[type=text].showing:hover:not(.override-hover-border):not([disabled]),
 .recurly .recurly-hosted-field.showing.hovered:not(.override-hover-border):not([disabled]),
 .recurly .recurly-hosted-field.showing:hover:not(.override-hover-border):not([disabled]) {
     border-color: var(--color-deprecated-mediumGray);
     transition: border-color 100ms
 }

 .generic-input.showing.focused:not(.override-focus-border),
 .generic-input.showing:focus:not(.override-focus-border),
 .generic-input.showing.recurly-hosted-field-focus:not(.override-focus-border),
 textarea.showing.focused:not(.override-focus-border),
 textarea.showing:focus:not(.override-focus-border),
 textarea.showing.recurly-hosted-field-focus:not(.override-focus-border),
 .recurly input[type=text].showing.focused:not(.override-focus-border),
 .recurly input[type=text].showing:focus:not(.override-focus-border),
 .recurly input[type=text].showing.recurly-hosted-field-focus:not(.override-focus-border),
 .recurly .recurly-hosted-field.showing.focused:not(.override-focus-border),
 .recurly .recurly-hosted-field.showing:focus:not(.override-focus-border),
 .recurly .recurly-hosted-field.showing.recurly-hosted-field-focus:not(.override-focus-border) {
     border-color: var(--color-deprecated-mediumGray);
     outline: none
 }

 .generic-input.showing.invalid,
 textarea.showing.invalid,
 .recurly input[type=text].showing.invalid,
 .recurly .recurly-hosted-field.showing.invalid {
     border-color: #ed4758
 }

 .generic-input[disabled],
 textarea[disabled],
 .recurly input[type=text][disabled],
 .recurly .recurly-hosted-field[disabled] {
     background-color: rgba(0, 0, 0, .05);
     color: var(--color-text-weak);
     -webkit-text-fill-color: var(--color-text-weak)
 }

 input[type=text].generic-input,
 input[type=password].generic-input {
     height: 30px
 }

 input[type=text].generic-input.coupon-code {
     margin-right: 5px;
     width: 276px
 }

 .invite-header {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     color: var(--color-deprecated-darkGray1);
     font-weight: 500;
     padding-bottom: 5px;
     padding-right: 14px;
     width: 100px
 }

 select {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px
 }

 .spinner {
     display: inline;
     margin: 0 4px
 }

 .DesignTokenThemeSelectors-theme--darkMode {
     color-scheme: dark
 }

 @media(prefers-color-scheme: dark) {
     .DesignTokenThemeSelectors-theme--systemDarkMode {
         color-scheme: dark
     }
 }

 .DesignTokenThemeSelectors-theme--blacklight .DesignTokenThemeSelectors-deprecatedComponent {
     outline: 2px solid red
 }

 .DesignTokenThemeDisablerInternal {
     color-scheme: light
 }

 :root {
     --color-text: #1e1f21;
     --color-text-rgb: 30, 31, 33;
     --color-text-foreground: #fff;
     --color-text-disabled: #afabac;
     --color-text-weak: #6d6e6f;
     --color-text-weak-hover: #1e1f21;
     --color-icon: #6d6e6f;
     --color-icon-rgb: 109, 110, 111;
     --color-icon-foreground: #fff;
     --color-icon-hover: #1e1f21;
     --color-icon-active: #1e1f21;
     --color-icon-disabled: #afabac;
     --color-icon-strong: #6d6e6f;
     --color-border: #edeae9;
     --color-border-rgb: 237, 234, 233;
     --color-border-hover: #afabac;
     --color-border-active: #6d6e6f;
     --color-border-strong: #cfcbcb;
     --color-background-weak: #fff;
     --color-background-weak-rgb: 255, 255, 255;
     --color-background-weak-hover-deprecated: #f9f8f8;
     --color-background-medium: #f9f8f8;
     --color-background-medium-rgb: 249, 248, 248;
     --color-background-hover: rgba(55, 23, 23, 0.03);
     --color-background-active: rgba(55, 23, 23, 0.05);
     --color-background-strong: #f5f3f3;
     --color-background-strong-rgb: 245, 243, 243;
     --color-selected-text: #3f6ac4;
     --color-selected-text-hover: #4464bb;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #3f6ac4;
     --color-selected-icon-rgb: 63, 106, 196;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #3f6ac4;
     --color-selected-border-hover: #3f6ac4;
     --color-selected-border-active: #3f6ac4;
     --color-selected-background: #f1f2fc;
     --color-selected-background-hover: #e7e9fc;
     --color-selected-background-active: #dbe0fd;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #0d7f56;
     --color-success-text-hover: #12714d;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #58a182;
     --color-success-icon-hover: #368e6a;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #8dc2ac;
     --color-success-border-hover: #58a182;
     --color-success-border-active: #58a182;
     --color-success-background: #e6f8f1;
     --color-success-background-hover: #e0f4ec;
     --color-success-background-active: #cce8dd;
     --color-success-background-strong: #58a182;
     --color-success-background-strong-hover: #519d7d;
     --color-success-background-strong-active: #3f9470;
     --color-warning-text: #986516;
     --color-warning-text-hover: #805411;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #b58e53;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #f1bd6c;
     --color-warning-border-hover: #b58e53;
     --color-warning-background: #fff6ee;
     --color-warning-background-hover: #ffecda;
     --color-warning-background-active: #fedcb6;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #986516;
     --color-upsell-text-hover: #805411;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #b58e53;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #fff6ee;
     --color-upsell-background-hover: #ffecda;
     --color-upsell-background-active: #fedcb6;
     --color-upsell-background-weak-hover: #fff6ee;
     --color-upsell-background-weak-active: #ffecda;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #f1bd6c;
     --color-danger-text: #c92f54;
     --color-danger-text-hover: #a42b45;
     --color-danger-text-strong: #fff;
     --color-danger-icon: #de5f73;
     --color-danger-icon-hover: #d33e5d;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #f1a2a9;
     --color-danger-border-hover: #e37281;
     --color-danger-border-active: #e37281;
     --color-danger-background: #feebec;
     --color-danger-background-hover: #fcdadc;
     --color-danger-background-active: #f9c6ca;
     --color-danger-background-strong: #de5f73;
     --color-danger-background-strong-hover: #d84f67;
     --color-danger-background-strong-active: #d33e5d;
     --color-drop-target-background: rgba(255, 255, 255, 0.95);
     --color-beta-text: #6e66b1;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #8d84e8;
     --color-beta-icon-rgb: 141, 132, 232;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #575089;
     --color-beta-background-weak: #f6f4fd;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #8d84e8;
     --color-beta-border-hover: #726ab9;
     --color-beta-border-active: #726ab9;
     --color-primary-text: #3f6ac4;
     --color-primary-text-hover: #4464bb;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #3f6ac4;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #3f6ac4;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #3f6ac4;
     --color-on-hold-text-hover: #4464bb;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #3f6ac4;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #3f6ac4;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-text: #1e1f21;
     --color-text-rgb: 30, 31, 33;
     --color-text-foreground: #fff;
     --color-text-disabled: #afabac;
     --color-text-weak: #6d6e6f;
     --color-text-weak-hover: #1e1f21;
     --color-icon: #6d6e6f;
     --color-icon-rgb: 109, 110, 111;
     --color-icon-foreground: #fff;
     --color-icon-hover: #1e1f21;
     --color-icon-active: #1e1f21;
     --color-icon-disabled: #afabac;
     --color-icon-strong: #6d6e6f;
     --color-border: #edeae9;
     --color-border-rgb: 237, 234, 233;
     --color-border-hover: #afabac;
     --color-border-active: #6d6e6f;
     --color-border-strong: #cfcbcb;
     --color-background-weak: #fff;
     --color-background-weak-rgb: 255, 255, 255;
     --color-background-weak-hover-deprecated: #f9f8f8;
     --color-background-medium: #f9f8f8;
     --color-background-medium-rgb: 249, 248, 248;
     --color-background-hover: rgba(55, 23, 23, 0.03);
     --color-background-active: rgba(55, 23, 23, 0.05);
     --color-background-strong: #f5f3f3;
     --color-background-strong-rgb: 245, 243, 243;
     --color-selected-text: #3f6ac4;
     --color-selected-text-hover: #4464bb;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #3f6ac4;
     --color-selected-icon-rgb: 63, 106, 196;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #3f6ac4;
     --color-selected-border-hover: #3f6ac4;
     --color-selected-border-active: #3f6ac4;
     --color-selected-background: #f1f2fc;
     --color-selected-background-hover: #e7e9fc;
     --color-selected-background-active: #dbe0fd;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #0d7f56;
     --color-success-text-hover: #12714d;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #58a182;
     --color-success-icon-hover: #368e6a;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #8dc2ac;
     --color-success-border-hover: #58a182;
     --color-success-border-active: #58a182;
     --color-success-background: #e6f8f1;
     --color-success-background-hover: #e0f4ec;
     --color-success-background-active: #cce8dd;
     --color-success-background-strong: #58a182;
     --color-success-background-strong-hover: #519d7d;
     --color-success-background-strong-active: #3f9470;
     --color-warning-text: #986516;
     --color-warning-text-hover: #805411;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #b58e53;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #f1bd6c;
     --color-warning-border-hover: #b58e53;
     --color-warning-background: #fff6ee;
     --color-warning-background-hover: #ffecda;
     --color-warning-background-active: #fedcb6;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #986516;
     --color-upsell-text-hover: #805411;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #b58e53;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #fff6ee;
     --color-upsell-background-hover: #ffecda;
     --color-upsell-background-active: #fedcb6;
     --color-upsell-background-weak-hover: #fff6ee;
     --color-upsell-background-weak-active: #ffecda;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #f1bd6c;
     --color-danger-text: #c92f54;
     --color-danger-text-hover: #a42b45;
     --color-danger-text-strong: #fff;
     --color-danger-icon: #de5f73;
     --color-danger-icon-hover: #d33e5d;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #f1a2a9;
     --color-danger-border-hover: #e37281;
     --color-danger-border-active: #e37281;
     --color-danger-background: #feebec;
     --color-danger-background-hover: #fcdadc;
     --color-danger-background-active: #f9c6ca;
     --color-danger-background-strong: #de5f73;
     --color-danger-background-strong-hover: #d84f67;
     --color-danger-background-strong-active: #d33e5d;
     --color-drop-target-background: rgba(255, 255, 255, 0.95);
     --color-beta-text: #6e66b1;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #8d84e8;
     --color-beta-icon-rgb: 141, 132, 232;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #575089;
     --color-beta-background-weak: #f6f4fd;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #8d84e8;
     --color-beta-border-hover: #726ab9;
     --color-beta-border-active: #726ab9;
     --color-primary-text: #3f6ac4;
     --color-primary-text-hover: #4464bb;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #3f6ac4;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #3f6ac4;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #3f6ac4;
     --color-on-hold-text-hover: #4464bb;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #3f6ac4;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #3f6ac4;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 @media print {
     :root {
         --color-text: #1e1f21;
         --color-text-rgb: 30, 31, 33;
         --color-text-foreground: #fff;
         --color-text-disabled: #afabac;
         --color-text-weak: #6d6e6f;
         --color-text-weak-hover: #1e1f21;
         --color-icon: #6d6e6f;
         --color-icon-rgb: 109, 110, 111;
         --color-icon-foreground: #fff;
         --color-icon-hover: #1e1f21;
         --color-icon-active: #1e1f21;
         --color-icon-disabled: #afabac;
         --color-icon-strong: #6d6e6f;
         --color-border: #edeae9;
         --color-border-rgb: 237, 234, 233;
         --color-border-hover: #afabac;
         --color-border-active: #6d6e6f;
         --color-border-strong: #cfcbcb;
         --color-background-weak: #fff;
         --color-background-weak-rgb: 255, 255, 255;
         --color-background-weak-hover-deprecated: #f9f8f8;
         --color-background-medium: #f9f8f8;
         --color-background-medium-rgb: 249, 248, 248;
         --color-background-hover: rgba(55, 23, 23, 0.03);
         --color-background-active: rgba(55, 23, 23, 0.05);
         --color-background-strong: #f5f3f3;
         --color-background-strong-rgb: 245, 243, 243;
         --color-selected-text: #3f6ac4;
         --color-selected-text-hover: #4464bb;
         --color-selected-text-strong: #fff;
         --color-selected-icon: #3f6ac4;
         --color-selected-icon-rgb: 63, 106, 196;
         --color-selected-icon-strong: #fff;
         --color-selected-border: #3f6ac4;
         --color-selected-border-hover: #3f6ac4;
         --color-selected-border-active: #3f6ac4;
         --color-selected-background: #f1f2fc;
         --color-selected-background-hover: #e7e9fc;
         --color-selected-background-active: #dbe0fd;
         --color-selected-background-strong: #4573d2;
         --color-selected-background-strong-rgb: 69, 115, 210;
         --color-selected-background-strong-hover: #426dc6;
         --color-selected-background-strong-active: #3f66ba;
         --color-success-text: #0d7f56;
         --color-success-text-hover: #12714d;
         --color-success-text-strong: #1e1f21;
         --color-success-icon: #58a182;
         --color-success-icon-hover: #368e6a;
         --color-success-icon-strong: #1e1f21;
         --color-success-border: #8dc2ac;
         --color-success-border-hover: #58a182;
         --color-success-border-active: #58a182;
         --color-success-background: #e6f8f1;
         --color-success-background-hover: #e0f4ec;
         --color-success-background-active: #cce8dd;
         --color-success-background-strong: #58a182;
         --color-success-background-strong-hover: #519d7d;
         --color-success-background-strong-active: #3f9470;
         --color-warning-text: #986516;
         --color-warning-text-hover: #805411;
         --color-warning-text-strong: #1e1f21;
         --color-warning-icon: #f1bd6c;
         --color-warning-icon-rgb: 241, 189, 108;
         --color-warning-icon-hover: #b58e53;
         --color-warning-icon-strong: #1e1f21;
         --color-warning-border: #f1bd6c;
         --color-warning-border-hover: #b58e53;
         --color-warning-background: #fff6ee;
         --color-warning-background-hover: #ffecda;
         --color-warning-background-active: #fedcb6;
         --color-warning-background-strong: #f1bd6c;
         --color-warning-background-strong-hover: #e8b668;
         --color-warning-background-strong-active: #e2b266;
         --color-upsell-text: #986516;
         --color-upsell-text-hover: #805411;
         --color-upsell-text-strong: #1e1f21;
         --color-upsell-icon: #f1bd6c;
         --color-upsell-icon-hover: #b58e53;
         --color-upsell-icon-strong: #1e1f21;
         --color-upsell-background: #fff6ee;
         --color-upsell-background-hover: #ffecda;
         --color-upsell-background-active: #fedcb6;
         --color-upsell-background-weak-hover: #fff6ee;
         --color-upsell-background-weak-active: #ffecda;
         --color-upsell-background-strong: #f1bd6c;
         --color-upsell-background-strong-hover: #e8b668;
         --color-upsell-background-strong-active: #e2b266;
         --color-upsell-border: #f1bd6c;
         --color-danger-text: #c92f54;
         --color-danger-text-hover: #a42b45;
         --color-danger-text-strong: #fff;
         --color-danger-icon: #de5f73;
         --color-danger-icon-hover: #d33e5d;
         --color-danger-icon-strong: #1e1f21;
         --color-danger-border: #f1a2a9;
         --color-danger-border-hover: #e37281;
         --color-danger-border-active: #e37281;
         --color-danger-background: #feebec;
         --color-danger-background-hover: #fcdadc;
         --color-danger-background-active: #f9c6ca;
         --color-danger-background-strong: #de5f73;
         --color-danger-background-strong-hover: #d84f67;
         --color-danger-background-strong-active: #d33e5d;
         --color-drop-target-background: rgba(255, 255, 255, 0.95);
         --color-beta-text: #6e66b1;
         --color-beta-text-weak: #726ab9;
         --color-beta-text-strong: #fff;
         --color-beta-icon: #8d84e8;
         --color-beta-icon-rgb: 141, 132, 232;
         --color-beta-icon-hover: #726ab9;
         --color-beta-icon-strong: #fff;
         --color-beta-background: #726ab9;
         --color-beta-background-hover: #575089;
         --color-beta-background-weak: #f6f4fd;
         --color-beta-background-strong: #736bc4;
         --color-beta-border: #8d84e8;
         --color-beta-border-hover: #726ab9;
         --color-beta-border-active: #726ab9;
         --color-primary-text: #3f6ac4;
         --color-primary-text-hover: #4464bb;
         --color-primary-text-strong: #fff;
         --color-primary-icon: #3f6ac4;
         --color-primary-icon-strong: #fff;
         --color-primary-border: #3f6ac4;
         --color-primary-background-strong: #4573d2;
         --color-primary-background-strong-hover: #426dc6;
         --color-primary-background-strong-active: #3f66ba;
         --color-on-hold-text: #3f6ac4;
         --color-on-hold-text-hover: #4464bb;
         --color-on-hold-text-strong: #fff;
         --color-on-hold-icon: #3f6ac4;
         --color-on-hold-icon-strong: #fff;
         --color-on-hold-border: #3f6ac4;
         --color-on-hold-background-strong: #4573d2;
         --color-on-hold-background-strong-hover: #426dc6;
         --color-on-hold-background-strong-active: #3f66ba
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-text: #f5f4f3;
     --color-text-rgb: 245, 244, 243;
     --color-text-foreground: #f5f4f3;
     --color-text-disabled: #6a696a;
     --color-text-weak: #a2a0a2;
     --color-text-weak-hover: #f5f4f3;
     --color-icon: #a2a0a2;
     --color-icon-rgb: 162, 160, 162;
     --color-icon-foreground: #f5f4f3;
     --color-icon-hover: #f5f4f3;
     --color-icon-active: #f5f4f3;
     --color-icon-disabled: #6a696a;
     --color-icon-strong: #f5f4f3;
     --color-border: #424244;
     --color-border-rgb: 66, 66, 68;
     --color-border-hover: #6a696a;
     --color-border-active: #a2a0a2;
     --color-border-strong: #565557;
     --color-background-weak: #1e1f21;
     --color-background-weak-rgb: 30, 31, 33;
     --color-background-weak-hover-deprecated: #2a2b2d;
     --color-background-medium: #252628;
     --color-background-medium-rgb: 37, 38, 40;
     --color-background-hover: rgba(255, 255, 255, 0.06);
     --color-background-active: rgba(255, 255, 255, 0.11);
     --color-background-strong: #2a2b2d;
     --color-background-strong-rgb: 42, 43, 45;
     --color-selected-text: #6296f1;
     --color-selected-text-hover: #5688e5;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #4573d2;
     --color-selected-icon-rgb: 69, 115, 210;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #4573d2;
     --color-selected-border-hover: #4573d2;
     --color-selected-border-active: #4573d2;
     --color-selected-background: #172237;
     --color-selected-background-hover: #1a2843;
     --color-selected-background-active: #2a3c68;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #66a88b;
     --color-success-text-hover: #93c0aa;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #5da283;
     --color-success-icon-hover: #74af93;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #32695d;
     --color-success-border-hover: #4b8a73;
     --color-success-border-active: #4b8a73;
     --color-success-background: #1d3733;
     --color-success-background-hover: #21433d;
     --color-success-background-active: #244d46;
     --color-success-background-strong: #5da283;
     --color-success-background-strong-hover: #89baa2;
     --color-success-background-strong-active: #93c0aa;
     --color-warning-text: #f1bd6c;
     --color-warning-text-hover: #f6c682;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #f6c682;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #735c38;
     --color-warning-border-hover: #b89054;
     --color-warning-background: #3d3120;
     --color-warning-background-hover: #493b26;
     --color-warning-background-active: #54432b;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #f1bd6c;
     --color-upsell-text-hover: #f6c682;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #f6c682;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #3d3120;
     --color-upsell-background-hover: #493b26;
     --color-upsell-background-active: #54432b;
     --color-upsell-background-weak-hover: #3d3120;
     --color-upsell-background-weak-active: #493b26;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #735c38;
     --color-danger-text: #e26d7e;
     --color-danger-text-hover: #ec8e98;
     --color-danger-text-strong: #1e1f21;
     --color-danger-icon: #d1395a;
     --color-danger-icon-hover: #e26d7e;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #b12d4b;
     --color-danger-border-hover: #d1395a;
     --color-danger-border-active: #d1395a;
     --color-danger-background: #581e28;
     --color-danger-background-hover: #64202c;
     --color-danger-background-active: #6e2230;
     --color-danger-background-strong: #dd5e72;
     --color-danger-background-strong-hover: #e47281;
     --color-danger-background-strong-active: #e67886;
     --color-drop-target-background: rgba(30, 31, 33, 0.95);
     --color-beta-text: #a499ed;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #a499ed;
     --color-beta-icon-rgb: 164, 153, 237;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #a499ed;
     --color-beta-background-weak: #3a3659;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #726ab9;
     --color-beta-border-hover: #a499ed;
     --color-beta-border-active: #a499ed;
     --color-primary-text: #6296f1;
     --color-primary-text-hover: #5688e5;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #4573d2;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #4573d2;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #6296f1;
     --color-on-hold-text-hover: #5688e5;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #4573d2;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #4573d2;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-text: #f5f4f3;
         --color-text-rgb: 245, 244, 243;
         --color-text-foreground: #f5f4f3;
         --color-text-disabled: #6a696a;
         --color-text-weak: #a2a0a2;
         --color-text-weak-hover: #f5f4f3;
         --color-icon: #a2a0a2;
         --color-icon-rgb: 162, 160, 162;
         --color-icon-foreground: #f5f4f3;
         --color-icon-hover: #f5f4f3;
         --color-icon-active: #f5f4f3;
         --color-icon-disabled: #6a696a;
         --color-icon-strong: #f5f4f3;
         --color-border: #424244;
         --color-border-rgb: 66, 66, 68;
         --color-border-hover: #6a696a;
         --color-border-active: #a2a0a2;
         --color-border-strong: #565557;
         --color-background-weak: #1e1f21;
         --color-background-weak-rgb: 30, 31, 33;
         --color-background-weak-hover-deprecated: #2a2b2d;
         --color-background-medium: #252628;
         --color-background-medium-rgb: 37, 38, 40;
         --color-background-hover: rgba(255, 255, 255, 0.06);
         --color-background-active: rgba(255, 255, 255, 0.11);
         --color-background-strong: #2a2b2d;
         --color-background-strong-rgb: 42, 43, 45;
         --color-selected-text: #6296f1;
         --color-selected-text-hover: #5688e5;
         --color-selected-text-strong: #fff;
         --color-selected-icon: #4573d2;
         --color-selected-icon-rgb: 69, 115, 210;
         --color-selected-icon-strong: #fff;
         --color-selected-border: #4573d2;
         --color-selected-border-hover: #4573d2;
         --color-selected-border-active: #4573d2;
         --color-selected-background: #172237;
         --color-selected-background-hover: #1a2843;
         --color-selected-background-active: #2a3c68;
         --color-selected-background-strong: #4573d2;
         --color-selected-background-strong-rgb: 69, 115, 210;
         --color-selected-background-strong-hover: #426dc6;
         --color-selected-background-strong-active: #3f66ba;
         --color-success-text: #66a88b;
         --color-success-text-hover: #93c0aa;
         --color-success-text-strong: #1e1f21;
         --color-success-icon: #5da283;
         --color-success-icon-hover: #74af93;
         --color-success-icon-strong: #1e1f21;
         --color-success-border: #32695d;
         --color-success-border-hover: #4b8a73;
         --color-success-border-active: #4b8a73;
         --color-success-background: #1d3733;
         --color-success-background-hover: #21433d;
         --color-success-background-active: #244d46;
         --color-success-background-strong: #5da283;
         --color-success-background-strong-hover: #89baa2;
         --color-success-background-strong-active: #93c0aa;
         --color-warning-text: #f1bd6c;
         --color-warning-text-hover: #f6c682;
         --color-warning-text-strong: #1e1f21;
         --color-warning-icon: #f1bd6c;
         --color-warning-icon-rgb: 241, 189, 108;
         --color-warning-icon-hover: #f6c682;
         --color-warning-icon-strong: #1e1f21;
         --color-warning-border: #735c38;
         --color-warning-border-hover: #b89054;
         --color-warning-background: #3d3120;
         --color-warning-background-hover: #493b26;
         --color-warning-background-active: #54432b;
         --color-warning-background-strong: #f1bd6c;
         --color-warning-background-strong-hover: #e8b668;
         --color-warning-background-strong-active: #e2b266;
         --color-upsell-text: #f1bd6c;
         --color-upsell-text-hover: #f6c682;
         --color-upsell-text-strong: #1e1f21;
         --color-upsell-icon: #f1bd6c;
         --color-upsell-icon-hover: #f6c682;
         --color-upsell-icon-strong: #1e1f21;
         --color-upsell-background: #3d3120;
         --color-upsell-background-hover: #493b26;
         --color-upsell-background-active: #54432b;
         --color-upsell-background-weak-hover: #3d3120;
         --color-upsell-background-weak-active: #493b26;
         --color-upsell-background-strong: #f1bd6c;
         --color-upsell-background-strong-hover: #e8b668;
         --color-upsell-background-strong-active: #e2b266;
         --color-upsell-border: #735c38;
         --color-danger-text: #e26d7e;
         --color-danger-text-hover: #ec8e98;
         --color-danger-text-strong: #1e1f21;
         --color-danger-icon: #d1395a;
         --color-danger-icon-hover: #e26d7e;
         --color-danger-icon-strong: #1e1f21;
         --color-danger-border: #b12d4b;
         --color-danger-border-hover: #d1395a;
         --color-danger-border-active: #d1395a;
         --color-danger-background: #581e28;
         --color-danger-background-hover: #64202c;
         --color-danger-background-active: #6e2230;
         --color-danger-background-strong: #dd5e72;
         --color-danger-background-strong-hover: #e47281;
         --color-danger-background-strong-active: #e67886;
         --color-drop-target-background: rgba(30, 31, 33, 0.95);
         --color-beta-text: #a499ed;
         --color-beta-text-weak: #726ab9;
         --color-beta-text-strong: #fff;
         --color-beta-icon: #a499ed;
         --color-beta-icon-rgb: 164, 153, 237;
         --color-beta-icon-hover: #726ab9;
         --color-beta-icon-strong: #fff;
         --color-beta-background: #726ab9;
         --color-beta-background-hover: #a499ed;
         --color-beta-background-weak: #3a3659;
         --color-beta-background-strong: #736bc4;
         --color-beta-border: #726ab9;
         --color-beta-border-hover: #a499ed;
         --color-beta-border-active: #a499ed;
         --color-primary-text: #6296f1;
         --color-primary-text-hover: #5688e5;
         --color-primary-text-strong: #fff;
         --color-primary-icon: #4573d2;
         --color-primary-icon-strong: #fff;
         --color-primary-border: #4573d2;
         --color-primary-background-strong: #4573d2;
         --color-primary-background-strong-hover: #426dc6;
         --color-primary-background-strong-active: #3f66ba;
         --color-on-hold-text: #6296f1;
         --color-on-hold-text-hover: #5688e5;
         --color-on-hold-text-strong: #fff;
         --color-on-hold-icon: #4573d2;
         --color-on-hold-icon-strong: #fff;
         --color-on-hold-border: #4573d2;
         --color-on-hold-background-strong: #4573d2;
         --color-on-hold-background-strong-hover: #426dc6;
         --color-on-hold-background-strong-active: #3f66ba
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-text: #f5f4f3;
     --color-text-rgb: 245, 244, 243;
     --color-text-foreground: #f5f4f3;
     --color-text-disabled: #6a696a;
     --color-text-weak: #a2a0a2;
     --color-text-weak-hover: #f5f4f3;
     --color-icon: #a2a0a2;
     --color-icon-rgb: 162, 160, 162;
     --color-icon-foreground: #f5f4f3;
     --color-icon-hover: #f5f4f3;
     --color-icon-active: #f5f4f3;
     --color-icon-disabled: #6a696a;
     --color-icon-strong: #f5f4f3;
     --color-border: #424244;
     --color-border-rgb: 66, 66, 68;
     --color-border-hover: #6a696a;
     --color-border-active: #a2a0a2;
     --color-border-strong: #565557;
     --color-background-weak: #1e1f21;
     --color-background-weak-rgb: 30, 31, 33;
     --color-background-weak-hover-deprecated: #2a2b2d;
     --color-background-medium: #252628;
     --color-background-medium-rgb: 37, 38, 40;
     --color-background-hover: rgba(255, 255, 255, 0.06);
     --color-background-active: rgba(255, 255, 255, 0.11);
     --color-background-strong: #2a2b2d;
     --color-background-strong-rgb: 42, 43, 45;
     --color-selected-text: #6296f1;
     --color-selected-text-hover: #5688e5;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #4573d2;
     --color-selected-icon-rgb: 69, 115, 210;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #4573d2;
     --color-selected-border-hover: #4573d2;
     --color-selected-border-active: #4573d2;
     --color-selected-background: #172237;
     --color-selected-background-hover: #1a2843;
     --color-selected-background-active: #2a3c68;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #66a88b;
     --color-success-text-hover: #93c0aa;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #5da283;
     --color-success-icon-hover: #74af93;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #32695d;
     --color-success-border-hover: #4b8a73;
     --color-success-border-active: #4b8a73;
     --color-success-background: #1d3733;
     --color-success-background-hover: #21433d;
     --color-success-background-active: #244d46;
     --color-success-background-strong: #5da283;
     --color-success-background-strong-hover: #89baa2;
     --color-success-background-strong-active: #93c0aa;
     --color-warning-text: #f1bd6c;
     --color-warning-text-hover: #f6c682;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #f6c682;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #735c38;
     --color-warning-border-hover: #b89054;
     --color-warning-background: #3d3120;
     --color-warning-background-hover: #493b26;
     --color-warning-background-active: #54432b;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #f1bd6c;
     --color-upsell-text-hover: #f6c682;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #f6c682;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #3d3120;
     --color-upsell-background-hover: #493b26;
     --color-upsell-background-active: #54432b;
     --color-upsell-background-weak-hover: #3d3120;
     --color-upsell-background-weak-active: #493b26;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #735c38;
     --color-danger-text: #e26d7e;
     --color-danger-text-hover: #ec8e98;
     --color-danger-text-strong: #1e1f21;
     --color-danger-icon: #d1395a;
     --color-danger-icon-hover: #e26d7e;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #b12d4b;
     --color-danger-border-hover: #d1395a;
     --color-danger-border-active: #d1395a;
     --color-danger-background: #581e28;
     --color-danger-background-hover: #64202c;
     --color-danger-background-active: #6e2230;
     --color-danger-background-strong: #dd5e72;
     --color-danger-background-strong-hover: #e47281;
     --color-danger-background-strong-active: #e67886;
     --color-drop-target-background: rgba(30, 31, 33, 0.95);
     --color-beta-text: #a499ed;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #a499ed;
     --color-beta-icon-rgb: 164, 153, 237;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #a499ed;
     --color-beta-background-weak: #3a3659;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #726ab9;
     --color-beta-border-hover: #a499ed;
     --color-beta-border-active: #a499ed;
     --color-primary-text: #6296f1;
     --color-primary-text-hover: #5688e5;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #4573d2;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #4573d2;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #6296f1;
     --color-on-hold-text-hover: #5688e5;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #4573d2;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #4573d2;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba;
     --color-text: #f8f4f6;
     --color-text-rgb: 248, 244, 246;
     --color-text-foreground: #f8f4f6;
     --color-text-disabled: #8f5977;
     --color-text-weak: #bb97a9;
     --color-text-weak-hover: #f8f4f6;
     --color-icon: #bb97a9;
     --color-icon-rgb: 187, 151, 169;
     --color-icon-foreground: #f8f4f6;
     --color-icon-hover: #f8f4f6;
     --color-icon-active: #f8f4f6;
     --color-icon-disabled: #8f5977;
     --color-icon-strong: #f8f4f6;
     --color-border: #5f2748;
     --color-border-rgb: 95, 39, 72;
     --color-border-hover: #8f5977;
     --color-border-active: #bb97a9;
     --color-border-strong: #5f2748;
     --color-background-weak: #36172a;
     --color-background-weak-rgb: 54, 23, 42;
     --color-background-weak-hover-deprecated: #461d36;
     --color-background-medium: #3e1930;
     --color-background-medium-rgb: 62, 25, 48;
     --color-background-strong: #461d36;
     --color-background-strong-rgb: 70, 29, 54;
     --color-drop-target-background: rgba(54, 23, 42, 0.95)
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-success-text: #62d26f;
     --color-success-icon: #62d26f;
     --color-success-icon-hover: #62d26f;
     --color-warning-text: #d6ce38;
     --color-warning-text-hover: #d6ce38;
     --color-warning-icon: #d6ce38;
     --color-warning-icon-rgb: 214, 206, 56;
     --color-warning-icon-hover: #d6ce38;
     --color-upsell-text: #d6ce38;
     --color-upsell-text-hover: #d6ce38;
     --color-upsell-icon: #d6ce38;
     --color-upsell-icon-hover: #d6ce38;
     --color-danger-text: #fd612c;
     --color-danger-text-hover: #fd612c;
     --color-danger-icon: #fd612c;
     --color-danger-icon-hover: #fd612c
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-success-text: #62d26f;
     --color-success-icon: #62d26f;
     --color-success-icon-hover: #62d26f;
     --color-warning-text: #d6ce38;
     --color-warning-text-hover: #d6ce38;
     --color-warning-icon: #d6ce38;
     --color-warning-icon-rgb: 214, 206, 56;
     --color-warning-icon-hover: #d6ce38;
     --color-upsell-text: #d6ce38;
     --color-upsell-text-hover: #d6ce38;
     --color-upsell-icon: #d6ce38;
     --color-upsell-icon-hover: #d6ce38;
     --color-danger-text: #fd612c;
     --color-danger-text-hover: #fd612c;
     --color-danger-icon: #fd612c;
     --color-danger-icon-hover: #fd612c
 }

 :root {
     --color-deprecated-white: #fff;
     --color-deprecated-white-rgb: 255, 255, 255;
     --color-deprecated-lightGray1: #f5f3f3;
     --color-deprecated-lightGray1-rgb: 245, 243, 243;
     --color-deprecated-lightGray2: #edeae9;
     --color-deprecated-lightGray2-rgb: 237, 234, 233;
     --color-deprecated-lightGray3: #cfcbcb;
     --color-deprecated-lightGray3-rgb: 207, 203, 203;
     --color-deprecated-mediumGray: #afabac;
     --color-deprecated-mediumGray-rgb: 175, 171, 172;
     --color-deprecated-darkGray1: #6d6e6f;
     --color-deprecated-darkGray1-rgb: 109, 110, 111;
     --color-deprecated-darkGray2: #1e1f21;
     --color-deprecated-darkGray2-rgb: 30, 31, 33;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #58a182;
     --color-deprecated-green-rgb: 88, 161, 130;
     --color-deprecated-brightGreen: #8dc2ac;
     --color-deprecated-brightGreen-rgb: 141, 194, 172;
     --color-deprecated-teal: #3f6ac4;
     --color-deprecated-teal-rgb: 63, 106, 196;
     --color-deprecated-brightTeal: #3f6ac4;
     --color-deprecated-brightTeal-rgb: 63, 106, 196;
     --color-deprecated-purple: #6e66b1;
     --color-deprecated-purple-rgb: 110, 102, 177;
     --color-deprecated-darkGold: #e8b668;
     --color-deprecated-darkGold-rgb: 232, 182, 104;
     --color-deprecated-brightGold: #f1bd6c;
     --color-deprecated-brightGold-rgb: 241, 189, 108;
     --color-deprecated-coral: #d84f67;
     --color-deprecated-coral-rgb: 216, 79, 103
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-deprecated-white: #fff;
     --color-deprecated-white-rgb: 255, 255, 255;
     --color-deprecated-lightGray1: #f5f3f3;
     --color-deprecated-lightGray1-rgb: 245, 243, 243;
     --color-deprecated-lightGray2: #edeae9;
     --color-deprecated-lightGray2-rgb: 237, 234, 233;
     --color-deprecated-lightGray3: #cfcbcb;
     --color-deprecated-lightGray3-rgb: 207, 203, 203;
     --color-deprecated-mediumGray: #afabac;
     --color-deprecated-mediumGray-rgb: 175, 171, 172;
     --color-deprecated-darkGray1: #6d6e6f;
     --color-deprecated-darkGray1-rgb: 109, 110, 111;
     --color-deprecated-darkGray2: #1e1f21;
     --color-deprecated-darkGray2-rgb: 30, 31, 33;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #58a182;
     --color-deprecated-green-rgb: 88, 161, 130;
     --color-deprecated-brightGreen: #8dc2ac;
     --color-deprecated-brightGreen-rgb: 141, 194, 172;
     --color-deprecated-teal: #3f6ac4;
     --color-deprecated-teal-rgb: 63, 106, 196;
     --color-deprecated-brightTeal: #3f6ac4;
     --color-deprecated-brightTeal-rgb: 63, 106, 196;
     --color-deprecated-purple: #6e66b1;
     --color-deprecated-purple-rgb: 110, 102, 177;
     --color-deprecated-darkGold: #e8b668;
     --color-deprecated-darkGold-rgb: 232, 182, 104;
     --color-deprecated-brightGold: #f1bd6c;
     --color-deprecated-brightGold-rgb: 241, 189, 108;
     --color-deprecated-coral: #d84f67;
     --color-deprecated-coral-rgb: 216, 79, 103
 }

 @media print {
     :root {
         --color-deprecated-white: #fff;
         --color-deprecated-white-rgb: 255, 255, 255;
         --color-deprecated-lightGray1: #f5f3f3;
         --color-deprecated-lightGray1-rgb: 245, 243, 243;
         --color-deprecated-lightGray2: #edeae9;
         --color-deprecated-lightGray2-rgb: 237, 234, 233;
         --color-deprecated-lightGray3: #cfcbcb;
         --color-deprecated-lightGray3-rgb: 207, 203, 203;
         --color-deprecated-mediumGray: #afabac;
         --color-deprecated-mediumGray-rgb: 175, 171, 172;
         --color-deprecated-darkGray1: #6d6e6f;
         --color-deprecated-darkGray1-rgb: 109, 110, 111;
         --color-deprecated-darkGray2: #1e1f21;
         --color-deprecated-darkGray2-rgb: 30, 31, 33;
         --color-deprecated-darkGray3: #1e1f21;
         --color-deprecated-darkGray3-rgb: 30, 31, 33;
         --color-deprecated-green: #58a182;
         --color-deprecated-green-rgb: 88, 161, 130;
         --color-deprecated-brightGreen: #8dc2ac;
         --color-deprecated-brightGreen-rgb: 141, 194, 172;
         --color-deprecated-teal: #3f6ac4;
         --color-deprecated-teal-rgb: 63, 106, 196;
         --color-deprecated-brightTeal: #3f6ac4;
         --color-deprecated-brightTeal-rgb: 63, 106, 196;
         --color-deprecated-purple: #6e66b1;
         --color-deprecated-purple-rgb: 110, 102, 177;
         --color-deprecated-darkGold: #e8b668;
         --color-deprecated-darkGold-rgb: 232, 182, 104;
         --color-deprecated-brightGold: #f1bd6c;
         --color-deprecated-brightGold-rgb: 241, 189, 108;
         --color-deprecated-coral: #d84f67;
         --color-deprecated-coral-rgb: 216, 79, 103
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-deprecated-white: #f5f4f3;
     --color-deprecated-white-rgb: 245, 244, 243;
     --color-deprecated-lightGray1: #f5f4f3;
     --color-deprecated-lightGray1-rgb: 245, 244, 243;
     --color-deprecated-lightGray2: #f5f4f3;
     --color-deprecated-lightGray2-rgb: 245, 244, 243;
     --color-deprecated-lightGray3: #a2a0a2;
     --color-deprecated-lightGray3-rgb: 162, 160, 162;
     --color-deprecated-mediumGray: #a2a0a2;
     --color-deprecated-mediumGray-rgb: 162, 160, 162;
     --color-deprecated-darkGray1: #6a696a;
     --color-deprecated-darkGray1-rgb: 106, 105, 106;
     --color-deprecated-darkGray2: #2a2b2d;
     --color-deprecated-darkGray2-rgb: 42, 43, 45;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #5da283;
     --color-deprecated-green-rgb: 93, 162, 131;
     --color-deprecated-brightGreen: #5da283;
     --color-deprecated-brightGreen-rgb: 93, 162, 131;
     --color-deprecated-teal: #4573d2;
     --color-deprecated-teal-rgb: 69, 115, 210;
     --color-deprecated-brightTeal: #5688e5;
     --color-deprecated-brightTeal-rgb: 86, 136, 229;
     --color-deprecated-purple: #726ab9;
     --color-deprecated-purple-rgb: 114, 106, 185;
     --color-deprecated-darkGold: #b89054;
     --color-deprecated-darkGold-rgb: 184, 144, 84;
     --color-deprecated-brightGold: #f6c682;
     --color-deprecated-brightGold-rgb: 246, 198, 130;
     --color-deprecated-coral: #d1395a;
     --color-deprecated-coral-rgb: 209, 57, 90
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-deprecated-white: #f5f4f3;
         --color-deprecated-white-rgb: 245, 244, 243;
         --color-deprecated-lightGray1: #f5f4f3;
         --color-deprecated-lightGray1-rgb: 245, 244, 243;
         --color-deprecated-lightGray2: #f5f4f3;
         --color-deprecated-lightGray2-rgb: 245, 244, 243;
         --color-deprecated-lightGray3: #a2a0a2;
         --color-deprecated-lightGray3-rgb: 162, 160, 162;
         --color-deprecated-mediumGray: #a2a0a2;
         --color-deprecated-mediumGray-rgb: 162, 160, 162;
         --color-deprecated-darkGray1: #6a696a;
         --color-deprecated-darkGray1-rgb: 106, 105, 106;
         --color-deprecated-darkGray2: #2a2b2d;
         --color-deprecated-darkGray2-rgb: 42, 43, 45;
         --color-deprecated-darkGray3: #1e1f21;
         --color-deprecated-darkGray3-rgb: 30, 31, 33;
         --color-deprecated-green: #5da283;
         --color-deprecated-green-rgb: 93, 162, 131;
         --color-deprecated-brightGreen: #5da283;
         --color-deprecated-brightGreen-rgb: 93, 162, 131;
         --color-deprecated-teal: #4573d2;
         --color-deprecated-teal-rgb: 69, 115, 210;
         --color-deprecated-brightTeal: #5688e5;
         --color-deprecated-brightTeal-rgb: 86, 136, 229;
         --color-deprecated-purple: #726ab9;
         --color-deprecated-purple-rgb: 114, 106, 185;
         --color-deprecated-darkGold: #b89054;
         --color-deprecated-darkGold-rgb: 184, 144, 84;
         --color-deprecated-brightGold: #f6c682;
         --color-deprecated-brightGold-rgb: 246, 198, 130;
         --color-deprecated-coral: #d1395a;
         --color-deprecated-coral-rgb: 209, 57, 90
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-deprecated-white: #f5f4f3;
     --color-deprecated-white-rgb: 245, 244, 243;
     --color-deprecated-lightGray1: #f5f4f3;
     --color-deprecated-lightGray1-rgb: 245, 244, 243;
     --color-deprecated-lightGray2: #f5f4f3;
     --color-deprecated-lightGray2-rgb: 245, 244, 243;
     --color-deprecated-lightGray3: #a2a0a2;
     --color-deprecated-lightGray3-rgb: 162, 160, 162;
     --color-deprecated-mediumGray: #a2a0a2;
     --color-deprecated-mediumGray-rgb: 162, 160, 162;
     --color-deprecated-darkGray1: #6a696a;
     --color-deprecated-darkGray1-rgb: 106, 105, 106;
     --color-deprecated-darkGray2: #2a2b2d;
     --color-deprecated-darkGray2-rgb: 42, 43, 45;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #5da283;
     --color-deprecated-green-rgb: 93, 162, 131;
     --color-deprecated-brightGreen: #5da283;
     --color-deprecated-brightGreen-rgb: 93, 162, 131;
     --color-deprecated-teal: #4573d2;
     --color-deprecated-teal-rgb: 69, 115, 210;
     --color-deprecated-brightTeal: #5688e5;
     --color-deprecated-brightTeal-rgb: 86, 136, 229;
     --color-deprecated-purple: #726ab9;
     --color-deprecated-purple-rgb: 114, 106, 185;
     --color-deprecated-darkGold: #b89054;
     --color-deprecated-darkGold-rgb: 184, 144, 84;
     --color-deprecated-brightGold: #f6c682;
     --color-deprecated-brightGold-rgb: 246, 198, 130;
     --color-deprecated-coral: #d1395a;
     --color-deprecated-coral-rgb: 209, 57, 90;
     --color-deprecated-white: #f8f4f6;
     --color-deprecated-white-rgb: 248, 244, 246;
     --color-deprecated-lightGray1: #f8f4f6;
     --color-deprecated-lightGray1-rgb: 248, 244, 246;
     --color-deprecated-lightGray2: #f8f4f6;
     --color-deprecated-lightGray2-rgb: 248, 244, 246;
     --color-deprecated-lightGray3: #bb97a9;
     --color-deprecated-lightGray3-rgb: 187, 151, 169;
     --color-deprecated-mediumGray: #bb97a9;
     --color-deprecated-mediumGray-rgb: 187, 151, 169;
     --color-deprecated-darkGray1: #8f5977;
     --color-deprecated-darkGray1-rgb: 143, 89, 119;
     --color-deprecated-darkGray2: #461d36;
     --color-deprecated-darkGray2-rgb: 70, 29, 54;
     --color-deprecated-darkGray3: #36172a;
     --color-deprecated-darkGray3-rgb: 54, 23, 42
 }

 :root {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #e8e5e4;
     --color-customization-background-weak-deprecated-opaque: #e8e5e4;
     --color-customization-background-weak-deprecated: #e8e5e4;
     --color-customization-background-weak-hover: #e1dedd;
     --color-customization-background-weak-hover-deprecated: #e1dedd;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #1e1f21;
     --color-customization-foreground-weak-deprecated: #1e1f21;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #1e1f21;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #1e1f21;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #1e1f21;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #1e1f21;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #1e1f21;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #1e1f21;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #1e1f21;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #1e1f21;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #1e1f21;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #1e1f21;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #1e1f21;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #1e1f21;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #1e1f21
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #e8e5e4;
     --color-customization-background-weak-deprecated-opaque: #e8e5e4;
     --color-customization-background-weak-deprecated: #e8e5e4;
     --color-customization-background-weak-hover: #e1dedd;
     --color-customization-background-weak-hover-deprecated: #e1dedd;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #1e1f21;
     --color-customization-foreground-weak-deprecated: #1e1f21;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #1e1f21;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #1e1f21;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #1e1f21;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #1e1f21;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #1e1f21;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #1e1f21;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #1e1f21;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #1e1f21;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #1e1f21;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #1e1f21;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #1e1f21;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #1e1f21;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #1e1f21
 }

 @media print {
     :root {
         --color-customization-background: #c7c4c4;
         --color-customization-background-deprecated: #c7c4c4;
         --color-customization-background-deprecated-opaque: #c7c4c4;
         --color-customization-background-hover: #bfbcbc;
         --color-customization-background-hover-deprecated: #bfbcbc;
         --color-customization-background-active: #b9b6b6;
         --color-customization-background-active-deprecated: #b9b6b6;
         --color-customization-background-weak: #e8e5e4;
         --color-customization-background-weak-deprecated-opaque: #e8e5e4;
         --color-customization-background-weak-deprecated: #e8e5e4;
         --color-customization-background-weak-hover: #e1dedd;
         --color-customization-background-weak-hover-deprecated: #e1dedd;
         --color-customization-foreground: #1e1f21;
         --color-customization-foreground-weak: #1e1f21;
         --color-customization-foreground-weak-deprecated: #1e1f21;
         --color-customization-red-background: #f06a6a;
         --color-customization-red-background-rgb: 240, 106, 106;
         --color-customization-red-background-hover: #eb6868;
         --color-customization-red-foreground: #1e1f21;
         --color-customization-red-foreground-hover: #1e1f21;
         --color-customization-red-text-deprecated: #1e1f21;
         --color-customization-orange-background: #ec8d71;
         --color-customization-orange-background-rgb: 236, 141, 113;
         --color-customization-orange-background-hover: #e3886d;
         --color-customization-orange-foreground: #1e1f21;
         --color-customization-orange-foreground-hover: #1e1f21;
         --color-customization-orange-text-deprecated: #1e1f21;
         --color-customization-yellow-orange-background: #f1bd6c;
         --color-customization-yellow-orange-background-rgb: 241, 189, 108;
         --color-customization-yellow-orange-background-hover: #e7b568;
         --color-customization-yellow-orange-foreground: #1e1f21;
         --color-customization-yellow-orange-foreground-hover: #1e1f21;
         --color-customization-yellow-orange-text-deprecated: #1e1f21;
         --color-customization-yellow-background: #f8df72;
         --color-customization-yellow-background-rgb: 248, 223, 114;
         --color-customization-yellow-background-hover: #f2da6f;
         --color-customization-yellow-foreground: #1e1f21;
         --color-customization-yellow-foreground-hover: #1e1f21;
         --color-customization-yellow-text-deprecated: #1e1f21;
         --color-customization-yellow-green-background: #aecf55;
         --color-customization-yellow-green-background-rgb: 174, 207, 85;
         --color-customization-yellow-green-background-hover: #a9c953;
         --color-customization-yellow-green-foreground: #1e1f21;
         --color-customization-yellow-green-foreground-hover: #1e1f21;
         --color-customization-yellow-green-text-deprecated: #1e1f21;
         --color-customization-green-background: #5da283;
         --color-customization-green-background-rgb: 93, 162, 131;
         --color-customization-green-background-hover: #5a9b7e;
         --color-customization-green-foreground: #fff;
         --color-customization-green-foreground-hover: #fff;
         --color-customization-green-text-deprecated: #1e1f21;
         --color-customization-blue-green-background: #4ecbc4;
         --color-customization-blue-green-background-rgb: 78, 203, 196;
         --color-customization-blue-green-background-hover: #4abeb7;
         --color-customization-blue-green-foreground: #1e1f21;
         --color-customization-blue-green-foreground-hover: #1e1f21;
         --color-customization-blue-green-text-deprecated: #1e1f21;
         --color-customization-aqua-background: #9ee7e3;
         --color-customization-aqua-background-rgb: 158, 231, 227;
         --color-customization-aqua-background-hover: #99dfdb;
         --color-customization-aqua-foreground: #1e1f21;
         --color-customization-aqua-foreground-hover: #1e1f21;
         --color-customization-aqua-text-deprecated: #1e1f21;
         --color-customization-blue-background: #4573d2;
         --color-customization-blue-background-rgb: 69, 115, 210;
         --color-customization-blue-background-hover: #526dc6;
         --color-customization-blue-foreground: #fff;
         --color-customization-blue-foreground-hover: #fff;
         --color-customization-blue-text-deprecated: #1e1f21;
         --color-customization-indigo-background: #8d84e8;
         --color-customization-indigo-background-rgb: 141, 132, 232;
         --color-customization-indigo-background-hover: #867ddc;
         --color-customization-indigo-foreground: #fff;
         --color-customization-indigo-foreground-hover: #fff;
         --color-customization-indigo-text-deprecated: #1e1f21;
         --color-customization-purple-background: #b36bd4;
         --color-customization-purple-background-rgb: 179, 107, 212;
         --color-customization-purple-background-hover: #ad67cc;
         --color-customization-purple-foreground: #fff;
         --color-customization-purple-foreground-hover: #fff;
         --color-customization-purple-text-deprecated: #1e1f21;
         --color-customization-magenta-background: #f9aaef;
         --color-customization-magenta-background-rgb: 249, 170, 239;
         --color-customization-magenta-background-hover: #f1a5e8;
         --color-customization-magenta-foreground: #1e1f21;
         --color-customization-magenta-foreground-hover: #1e1f21;
         --color-customization-magenta-text-deprecated: #1e1f21;
         --color-customization-hot-pink-background: #f26fb2;
         --color-customization-hot-pink-background-rgb: 242, 111, 178;
         --color-customization-hot-pink-background-hover: #e66aa9;
         --color-customization-hot-pink-foreground: #1e1f21;
         --color-customization-hot-pink-foreground-hover: #1e1f21;
         --color-customization-hot-pink-text-deprecated: #1e1f21;
         --color-customization-pink-background: #fc979a;
         --color-customization-pink-background-rgb: 252, 151, 154;
         --color-customization-pink-background-hover: #f39294;
         --color-customization-pink-foreground: #1e1f21;
         --color-customization-pink-foreground-hover: #1e1f21;
         --color-customization-pink-text-deprecated: #1e1f21;
         --color-customization-cool-gray-background: #6d6e6f;
         --color-customization-cool-gray-background-rgb: 109, 110, 111;
         --color-customization-cool-gray-background-hover: #656667;
         --color-customization-cool-gray-foreground: #fff;
         --color-customization-cool-gray-foreground-hover: #fff;
         --color-customization-cool-gray-text-deprecated: #1e1f21
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #424244;
     --color-customization-background-weak-deprecated-opaque: #424244;
     --color-customization-background-weak-deprecated: #424244;
     --color-customization-background-weak-hover: #464648;
     --color-customization-background-weak-hover-deprecated: #464648;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #fff;
     --color-customization-foreground-weak-deprecated: #fff;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #f5f4f3;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #f5f4f3;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #f5f4f3;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #f5f4f3;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #f5f4f3;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #f5f4f3;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #f5f4f3;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #f5f4f3;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #f5f4f3;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #f5f4f3;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #f5f4f3;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #f5f4f3;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #f5f4f3
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-customization-background: #c7c4c4;
         --color-customization-background-deprecated: #c7c4c4;
         --color-customization-background-deprecated-opaque: #c7c4c4;
         --color-customization-background-hover: #bfbcbc;
         --color-customization-background-hover-deprecated: #bfbcbc;
         --color-customization-background-active: #b9b6b6;
         --color-customization-background-active-deprecated: #b9b6b6;
         --color-customization-background-weak: #424244;
         --color-customization-background-weak-deprecated-opaque: #424244;
         --color-customization-background-weak-deprecated: #424244;
         --color-customization-background-weak-hover: #464648;
         --color-customization-background-weak-hover-deprecated: #464648;
         --color-customization-foreground: #1e1f21;
         --color-customization-foreground-weak: #fff;
         --color-customization-foreground-weak-deprecated: #fff;
         --color-customization-red-background: #f06a6a;
         --color-customization-red-background-rgb: 240, 106, 106;
         --color-customization-red-background-hover: #eb6868;
         --color-customization-red-foreground: #1e1f21;
         --color-customization-red-foreground-hover: #1e1f21;
         --color-customization-red-text-deprecated: #f5f4f3;
         --color-customization-orange-background: #ec8d71;
         --color-customization-orange-background-rgb: 236, 141, 113;
         --color-customization-orange-background-hover: #e3886d;
         --color-customization-orange-foreground: #1e1f21;
         --color-customization-orange-foreground-hover: #1e1f21;
         --color-customization-orange-text-deprecated: #f5f4f3;
         --color-customization-yellow-orange-background: #f1bd6c;
         --color-customization-yellow-orange-background-rgb: 241, 189, 108;
         --color-customization-yellow-orange-background-hover: #e7b568;
         --color-customization-yellow-orange-foreground: #1e1f21;
         --color-customization-yellow-orange-foreground-hover: #1e1f21;
         --color-customization-yellow-orange-text-deprecated: #f5f4f3;
         --color-customization-yellow-background: #f8df72;
         --color-customization-yellow-background-rgb: 248, 223, 114;
         --color-customization-yellow-background-hover: #f2da6f;
         --color-customization-yellow-foreground: #1e1f21;
         --color-customization-yellow-foreground-hover: #1e1f21;
         --color-customization-yellow-text-deprecated: #f5f4f3;
         --color-customization-yellow-green-background: #aecf55;
         --color-customization-yellow-green-background-rgb: 174, 207, 85;
         --color-customization-yellow-green-background-hover: #a9c953;
         --color-customization-yellow-green-foreground: #1e1f21;
         --color-customization-yellow-green-foreground-hover: #1e1f21;
         --color-customization-yellow-green-text-deprecated: #f5f4f3;
         --color-customization-green-background: #5da283;
         --color-customization-green-background-rgb: 93, 162, 131;
         --color-customization-green-background-hover: #5a9b7e;
         --color-customization-green-foreground: #fff;
         --color-customization-green-foreground-hover: #fff;
         --color-customization-green-text-deprecated: #f5f4f3;
         --color-customization-blue-green-background: #4ecbc4;
         --color-customization-blue-green-background-rgb: 78, 203, 196;
         --color-customization-blue-green-background-hover: #4abeb7;
         --color-customization-blue-green-foreground: #1e1f21;
         --color-customization-blue-green-foreground-hover: #1e1f21;
         --color-customization-blue-green-text-deprecated: #f5f4f3;
         --color-customization-aqua-background: #9ee7e3;
         --color-customization-aqua-background-rgb: 158, 231, 227;
         --color-customization-aqua-background-hover: #99dfdb;
         --color-customization-aqua-foreground: #1e1f21;
         --color-customization-aqua-foreground-hover: #1e1f21;
         --color-customization-aqua-text-deprecated: #f5f4f3;
         --color-customization-blue-background: #4573d2;
         --color-customization-blue-background-rgb: 69, 115, 210;
         --color-customization-blue-background-hover: #526dc6;
         --color-customization-blue-foreground: #fff;
         --color-customization-blue-foreground-hover: #fff;
         --color-customization-blue-text-deprecated: #f5f4f3;
         --color-customization-indigo-background: #8d84e8;
         --color-customization-indigo-background-rgb: 141, 132, 232;
         --color-customization-indigo-background-hover: #867ddc;
         --color-customization-indigo-foreground: #fff;
         --color-customization-indigo-foreground-hover: #fff;
         --color-customization-indigo-text-deprecated: #f5f4f3;
         --color-customization-purple-background: #b36bd4;
         --color-customization-purple-background-rgb: 179, 107, 212;
         --color-customization-purple-background-hover: #ad67cc;
         --color-customization-purple-foreground: #fff;
         --color-customization-purple-foreground-hover: #fff;
         --color-customization-purple-text-deprecated: #f5f4f3;
         --color-customization-magenta-background: #f9aaef;
         --color-customization-magenta-background-rgb: 249, 170, 239;
         --color-customization-magenta-background-hover: #f1a5e8;
         --color-customization-magenta-foreground: #1e1f21;
         --color-customization-magenta-foreground-hover: #1e1f21;
         --color-customization-magenta-text-deprecated: #f5f4f3;
         --color-customization-hot-pink-background: #f26fb2;
         --color-customization-hot-pink-background-rgb: 242, 111, 178;
         --color-customization-hot-pink-background-hover: #e66aa9;
         --color-customization-hot-pink-foreground: #1e1f21;
         --color-customization-hot-pink-foreground-hover: #1e1f21;
         --color-customization-hot-pink-text-deprecated: #f5f4f3;
         --color-customization-pink-background: #fc979a;
         --color-customization-pink-background-rgb: 252, 151, 154;
         --color-customization-pink-background-hover: #f39294;
         --color-customization-pink-foreground: #1e1f21;
         --color-customization-pink-foreground-hover: #1e1f21;
         --color-customization-pink-text-deprecated: #f5f4f3;
         --color-customization-cool-gray-background: #6d6e6f;
         --color-customization-cool-gray-background-rgb: 109, 110, 111;
         --color-customization-cool-gray-background-hover: #656667;
         --color-customization-cool-gray-foreground: #fff;
         --color-customization-cool-gray-foreground-hover: #fff;
         --color-customization-cool-gray-text-deprecated: #f5f4f3
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #424244;
     --color-customization-background-weak-deprecated-opaque: #424244;
     --color-customization-background-weak-deprecated: #424244;
     --color-customization-background-weak-hover: #464648;
     --color-customization-background-weak-hover-deprecated: #464648;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #fff;
     --color-customization-foreground-weak-deprecated: #fff;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #f5f4f3;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #f5f4f3;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #f5f4f3;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #f5f4f3;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #f5f4f3;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #f5f4f3;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #f5f4f3;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #f5f4f3;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #f5f4f3;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #f5f4f3;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #f5f4f3;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #f5f4f3;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #f5f4f3;
     --color-customization-background-weak: #5f2748;
     --color-customization-background-weak-deprecated-opaque: #5f2748;
     --color-customization-background-weak-deprecated: #5f2748;
     --color-customization-background-weak-hover: #5f2748;
     --color-customization-background-weak-hover-deprecated: #5f2748
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-customization-red-background: #e8384f;
     --color-customization-red-background-rgb: 232, 56, 79;
     --color-customization-red-background-hover: #de1a33;
     --color-customization-red-foreground: #fff;
     --color-customization-red-foreground-hover: #fff;
     --color-customization-red-text-deprecated: #d74854;
     --color-customization-orange-background: #fd817d;
     --color-customization-orange-background-rgb: 253, 129, 125;
     --color-customization-orange-background-hover: #fc5a55;
     --color-customization-orange-foreground: #560401;
     --color-customization-orange-foreground-hover: #2e0201;
     --color-customization-orange-text-deprecated: #d67a74;
     --color-customization-yellow-orange-background: #fdae33;
     --color-customization-yellow-orange-background-rgb: 253, 174, 51;
     --color-customization-yellow-orange-background-hover: #fd9e0b;
     --color-customization-yellow-orange-foreground: #513201;
     --color-customization-yellow-orange-foreground-hover: #291901;
     --color-customization-yellow-orange-text-deprecated: #bf8b3e;
     --color-customization-yellow-background: #eecc16;
     --color-customization-yellow-background-rgb: 238, 204, 22;
     --color-customization-yellow-background-hover: #ccae0f;
     --color-customization-yellow-foreground: #504107;
     --color-customization-yellow-foreground-hover: #2a2304;
     --color-customization-yellow-text-deprecated: #d67a74;
     --color-customization-yellow-green-background: #a4c61a;
     --color-customization-yellow-green-background-rgb: 164, 198, 26;
     --color-customization-yellow-green-background-hover: #86a215;
     --color-customization-yellow-green-foreground: #333b07;
     --color-customization-yellow-green-foreground-hover: #131703;
     --color-customization-yellow-green-text-deprecated: #899d36;
     --color-customization-green-background: #62bb35;
     --color-customization-green-background-rgb: 98, 187, 53;
     --color-customization-green-background-hover: #519b2c;
     --color-customization-green-foreground: #182c0c;
     --color-customization-green-foreground-hover: #070c03;
     --color-customization-green-text-deprecated: #679c40;
     --color-customization-blue-green-background: #37a862;
     --color-customization-blue-green-background-rgb: 55, 168, 98;
     --color-customization-blue-green-background-hover: #2d8950;
     --color-customization-blue-green-foreground: #fff;
     --color-customization-blue-green-foreground-hover: #fff;
     --color-customization-blue-green-text-deprecated: #59a368;
     --color-customization-aqua-background: #208ea3;
     --color-customization-aqua-background-rgb: 32, 142, 163;
     --color-customization-aqua-background-hover: #197081;
     --color-customization-aqua-foreground: #fff;
     --color-customization-aqua-foreground-hover: #fff;
     --color-customization-aqua-text-deprecated: #448da0;
     --color-customization-blue-background: #4178bc;
     --color-customization-blue-background-rgb: 65, 120, 188;
     --color-customization-blue-background-hover: #37659e;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #4d79b7;
     --color-customization-indigo-background: #7a71f6;
     --color-customization-indigo-background-rgb: 122, 113, 246;
     --color-customization-indigo-background-hover: #564bf4;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #7776ee;
     --color-customization-purple-background: #aa71ff;
     --color-customization-purple-background-rgb: 170, 113, 255;
     --color-customization-purple-background-hover: #9248ff;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #a178f7;
     --color-customization-magenta-background: #e37cff;
     --color-customization-magenta-background-rgb: 227, 124, 255;
     --color-customization-magenta-background-hover: #da53ff;
     --color-customization-magenta-foreground: #48005c;
     --color-customization-magenta-foreground-hover: #280033;
     --color-customization-magenta-text-deprecated: #c078df;
     --color-customization-hot-pink-background: #ea4e9d;
     --color-customization-hot-pink-background-rgb: 234, 78, 157;
     --color-customization-hot-pink-background-hover: #e62a89;
     --color-customization-hot-pink-foreground: #fff;
     --color-customization-hot-pink-foreground-hover: #fff;
     --color-customization-hot-pink-text-deprecated: #d95b9b;
     --color-customization-pink-background: #fca7e4;
     --color-customization-pink-background-rgb: 252, 167, 228;
     --color-customization-pink-background-hover: #fb80d8;
     --color-customization-pink-foreground: #760456;
     --color-customization-pink-foreground-hover: #4f0339;
     --color-customization-pink-text-deprecated: #b984ad;
     --color-customization-cool-gray-background: #8d9f9b;
     --color-customization-cool-gray-background-rgb: 141, 159, 155;
     --color-customization-cool-gray-background-hover: #778c88;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-customization-red-background: #e8384f;
     --color-customization-red-background-rgb: 232, 56, 79;
     --color-customization-red-background-hover: #de1a33;
     --color-customization-red-foreground: #fff;
     --color-customization-red-foreground-hover: #fff;
     --color-customization-red-text-deprecated: #d74854;
     --color-customization-orange-background: #fd817d;
     --color-customization-orange-background-rgb: 253, 129, 125;
     --color-customization-orange-background-hover: #fc5a55;
     --color-customization-orange-foreground: #560401;
     --color-customization-orange-foreground-hover: #2e0201;
     --color-customization-orange-text-deprecated: #d67a74;
     --color-customization-yellow-orange-background: #fdae33;
     --color-customization-yellow-orange-background-rgb: 253, 174, 51;
     --color-customization-yellow-orange-background-hover: #fd9e0b;
     --color-customization-yellow-orange-foreground: #513201;
     --color-customization-yellow-orange-foreground-hover: #291901;
     --color-customization-yellow-orange-text-deprecated: #bf8b3e;
     --color-customization-yellow-background: #eecc16;
     --color-customization-yellow-background-rgb: 238, 204, 22;
     --color-customization-yellow-background-hover: #ccae0f;
     --color-customization-yellow-foreground: #504107;
     --color-customization-yellow-foreground-hover: #2a2304;
     --color-customization-yellow-text-deprecated: #d67a74;
     --color-customization-yellow-green-background: #a4c61a;
     --color-customization-yellow-green-background-rgb: 164, 198, 26;
     --color-customization-yellow-green-background-hover: #86a215;
     --color-customization-yellow-green-foreground: #333b07;
     --color-customization-yellow-green-foreground-hover: #131703;
     --color-customization-yellow-green-text-deprecated: #899d36;
     --color-customization-green-background: #62bb35;
     --color-customization-green-background-rgb: 98, 187, 53;
     --color-customization-green-background-hover: #519b2c;
     --color-customization-green-foreground: #182c0c;
     --color-customization-green-foreground-hover: #070c03;
     --color-customization-green-text-deprecated: #679c40;
     --color-customization-blue-green-background: #37a862;
     --color-customization-blue-green-background-rgb: 55, 168, 98;
     --color-customization-blue-green-background-hover: #2d8950;
     --color-customization-blue-green-foreground: #fff;
     --color-customization-blue-green-foreground-hover: #fff;
     --color-customization-blue-green-text-deprecated: #59a368;
     --color-customization-aqua-background: #208ea3;
     --color-customization-aqua-background-rgb: 32, 142, 163;
     --color-customization-aqua-background-hover: #197081;
     --color-customization-aqua-foreground: #fff;
     --color-customization-aqua-foreground-hover: #fff;
     --color-customization-aqua-text-deprecated: #448da0;
     --color-customization-blue-background: #4178bc;
     --color-customization-blue-background-rgb: 65, 120, 188;
     --color-customization-blue-background-hover: #37659e;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #4d79b7;
     --color-customization-indigo-background: #7a71f6;
     --color-customization-indigo-background-rgb: 122, 113, 246;
     --color-customization-indigo-background-hover: #564bf4;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #7776ee;
     --color-customization-purple-background: #aa71ff;
     --color-customization-purple-background-rgb: 170, 113, 255;
     --color-customization-purple-background-hover: #9248ff;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #a178f7;
     --color-customization-magenta-background: #e37cff;
     --color-customization-magenta-background-rgb: 227, 124, 255;
     --color-customization-magenta-background-hover: #da53ff;
     --color-customization-magenta-foreground: #48005c;
     --color-customization-magenta-foreground-hover: #280033;
     --color-customization-magenta-text-deprecated: #c078df;
     --color-customization-hot-pink-background: #ea4e9d;
     --color-customization-hot-pink-background-rgb: 234, 78, 157;
     --color-customization-hot-pink-background-hover: #e62a89;
     --color-customization-hot-pink-foreground: #fff;
     --color-customization-hot-pink-foreground-hover: #fff;
     --color-customization-hot-pink-text-deprecated: #d95b9b;
     --color-customization-pink-background: #fca7e4;
     --color-customization-pink-background-rgb: 252, 167, 228;
     --color-customization-pink-background-hover: #fb80d8;
     --color-customization-pink-foreground: #760456;
     --color-customization-pink-foreground-hover: #4f0339;
     --color-customization-pink-text-deprecated: #b984ad;
     --color-customization-cool-gray-background: #8d9f9b;
     --color-customization-cool-gray-background-rgb: 141, 159, 155;
     --color-customization-cool-gray-background-hover: #778c88;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff
 }

 .buttonView {
     transition: background 200ms, border 200ms, box-shadow 200ms, color 200ms;
     align-items: center;
     border-radius: 4px;
     border-style: solid;
     border-width: 1px;
     box-sizing: border-box;
     cursor: pointer;
     display: inline-flex;
     flex-shrink: 0;
     font-size: 14px;
     justify-content: center;
     line-height: 1;
     min-width: 50px;
     text-align: center;
     transition-duration: .2s;
     transition-property: background, border, box-shadow, color
 }

 .buttonView.buttonView--primary:not(.is-disabled) {
     background-color: #14aaf5;
     border-color: #14aaf5;
     color: #fff;
     fill: #fff
 }

 .buttonView.buttonView--primary:not(.is-disabled):hover {
     background-color: #008ce3;
     border-color: #008ce3
 }

 .buttonView.buttonView--primary:not(.is-disabled):active,
 .buttonView.buttonView--primary:not(.is-disabled).is-active {
     background-color: #006db0;
     border-color: #006db0;
     box-shadow: none
 }

 .buttonView.buttonView--secondary:not(.is-disabled) {
     background: #fff;
     border-color: var(--color-deprecated-lightGray3);
     color: var(--color-deprecated-darkGray1);
     fill: var(--color-deprecated-darkGray1)
 }

 .buttonView.buttonView--secondary:not(.is-disabled):hover {
     background-color: var(--color-background-medium);
     border-color: var(--color-deprecated-darkGray1);
     border-style: solid;
     color: var(--color-text);
     fill: var(--color-icon)
 }

 .buttonView.buttonView--secondary:not(.is-disabled):active,
 .buttonView.buttonView--secondary:not(.is-disabled).is-active {
     background-color: var(--color-deprecated-lightGray2);
     border-color: var(--color-deprecated-darkGray1);
     border-style: solid;
     box-shadow: none;
     color: var(--color-text);
     fill: var(--color-icon)
 }

 .buttonView:focus {
     box-shadow: 0 0 0 3px #caeeff;
     outline: none
 }

 .buttonView.is-disabled {
     box-shadow: none;
     color: var(--color-deprecated-mediumGray);
     cursor: default;
     fill: var(--color-deprecated-mediumGray)
 }

 .buttonView.is-disabled.buttonView--primary {
     background: var(--color-background-medium);
     border: 1px solid var(--color-deprecated-lightGray2)
 }

 .buttonView.is-disabled.buttonView--secondary {
     border: 1px solid var(--color-deprecated-lightGray2)
 }

 .buttonView.buttonView--default {
     height: 30px;
     line-height: 30px;
     padding: 0 8px
 }

 .buttonView.buttonView--large {
     height: 40px;
     line-height: 40px;
     padding: 0 16px
 }

 .buttonView.buttonView--toggle,
 .buttonView.buttonView--toggle.buttonView--secondary {
     background: #fff;
     border-color: var(--color-deprecated-lightGray3);
     color: var(--color-deprecated-darkGray1);
     fill: var(--color-deprecated-darkGray1)
 }

 .buttonView.buttonView--toggle:not(:first-of-type):not(:hover),
 .buttonView.buttonView--toggle.buttonView--secondary:not(:first-of-type):not(:hover) {
     border-left-color: transparent
 }

 .buttonView.buttonView--toggle:active,
 .buttonView.buttonView--toggle.is-active,
 .buttonView.buttonView--toggle.buttonView--secondary:active,
 .buttonView.buttonView--toggle.buttonView--secondary.is-active {
     background-color: #14aaf5;
     border-color: #14aaf5;
     color: #fff;
     fill: #fff
 }

 .right-button-icon:not(:empty) {
     margin-left: 4px
 }

 .DesignTokenThemeSelectors-theme--darkMode {
     color-scheme: dark
 }

 @media(prefers-color-scheme: dark) {
     .DesignTokenThemeSelectors-theme--systemDarkMode {
         color-scheme: dark
     }
 }

 .DesignTokenThemeSelectors-theme--blacklight .DesignTokenThemeSelectors-deprecatedComponent {
     outline: 2px solid red
 }

 .DesignTokenThemeDisablerInternal {
     color-scheme: light
 }

 :root {
     --color-text: #1e1f21;
     --color-text-rgb: 30, 31, 33;
     --color-text-foreground: #fff;
     --color-text-disabled: #afabac;
     --color-text-weak: #6d6e6f;
     --color-text-weak-hover: #1e1f21;
     --color-icon: #6d6e6f;
     --color-icon-rgb: 109, 110, 111;
     --color-icon-foreground: #fff;
     --color-icon-hover: #1e1f21;
     --color-icon-active: #1e1f21;
     --color-icon-disabled: #afabac;
     --color-icon-strong: #6d6e6f;
     --color-border: #edeae9;
     --color-border-rgb: 237, 234, 233;
     --color-border-hover: #afabac;
     --color-border-active: #6d6e6f;
     --color-border-strong: #cfcbcb;
     --color-background-weak: #fff;
     --color-background-weak-rgb: 255, 255, 255;
     --color-background-weak-hover-deprecated: #f9f8f8;
     --color-background-medium: #f9f8f8;
     --color-background-medium-rgb: 249, 248, 248;
     --color-background-hover: rgba(55, 23, 23, 0.03);
     --color-background-active: rgba(55, 23, 23, 0.05);
     --color-background-strong: #f5f3f3;
     --color-background-strong-rgb: 245, 243, 243;
     --color-selected-text: #3f6ac4;
     --color-selected-text-hover: #4464bb;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #3f6ac4;
     --color-selected-icon-rgb: 63, 106, 196;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #3f6ac4;
     --color-selected-border-hover: #3f6ac4;
     --color-selected-border-active: #3f6ac4;
     --color-selected-background: #f1f2fc;
     --color-selected-background-hover: #e7e9fc;
     --color-selected-background-active: #dbe0fd;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #0d7f56;
     --color-success-text-hover: #12714d;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #58a182;
     --color-success-icon-hover: #368e6a;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #8dc2ac;
     --color-success-border-hover: #58a182;
     --color-success-border-active: #58a182;
     --color-success-background: #e6f8f1;
     --color-success-background-hover: #e0f4ec;
     --color-success-background-active: #cce8dd;
     --color-success-background-strong: #58a182;
     --color-success-background-strong-hover: #519d7d;
     --color-success-background-strong-active: #3f9470;
     --color-warning-text: #986516;
     --color-warning-text-hover: #805411;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #b58e53;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #f1bd6c;
     --color-warning-border-hover: #b58e53;
     --color-warning-background: #fff6ee;
     --color-warning-background-hover: #ffecda;
     --color-warning-background-active: #fedcb6;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #986516;
     --color-upsell-text-hover: #805411;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #b58e53;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #fff6ee;
     --color-upsell-background-hover: #ffecda;
     --color-upsell-background-active: #fedcb6;
     --color-upsell-background-weak-hover: #fff6ee;
     --color-upsell-background-weak-active: #ffecda;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #f1bd6c;
     --color-danger-text: #c92f54;
     --color-danger-text-hover: #a42b45;
     --color-danger-text-strong: #fff;
     --color-danger-icon: #de5f73;
     --color-danger-icon-hover: #d33e5d;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #f1a2a9;
     --color-danger-border-hover: #e37281;
     --color-danger-border-active: #e37281;
     --color-danger-background: #feebec;
     --color-danger-background-hover: #fcdadc;
     --color-danger-background-active: #f9c6ca;
     --color-danger-background-strong: #de5f73;
     --color-danger-background-strong-hover: #d84f67;
     --color-danger-background-strong-active: #d33e5d;
     --color-drop-target-background: rgba(255, 255, 255, 0.95);
     --color-beta-text: #6e66b1;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #8d84e8;
     --color-beta-icon-rgb: 141, 132, 232;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #575089;
     --color-beta-background-weak: #f6f4fd;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #8d84e8;
     --color-beta-border-hover: #726ab9;
     --color-beta-border-active: #726ab9;
     --color-primary-text: #3f6ac4;
     --color-primary-text-hover: #4464bb;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #3f6ac4;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #3f6ac4;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #3f6ac4;
     --color-on-hold-text-hover: #4464bb;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #3f6ac4;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #3f6ac4;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-text: #1e1f21;
     --color-text-rgb: 30, 31, 33;
     --color-text-foreground: #fff;
     --color-text-disabled: #afabac;
     --color-text-weak: #6d6e6f;
     --color-text-weak-hover: #1e1f21;
     --color-icon: #6d6e6f;
     --color-icon-rgb: 109, 110, 111;
     --color-icon-foreground: #fff;
     --color-icon-hover: #1e1f21;
     --color-icon-active: #1e1f21;
     --color-icon-disabled: #afabac;
     --color-icon-strong: #6d6e6f;
     --color-border: #edeae9;
     --color-border-rgb: 237, 234, 233;
     --color-border-hover: #afabac;
     --color-border-active: #6d6e6f;
     --color-border-strong: #cfcbcb;
     --color-background-weak: #fff;
     --color-background-weak-rgb: 255, 255, 255;
     --color-background-weak-hover-deprecated: #f9f8f8;
     --color-background-medium: #f9f8f8;
     --color-background-medium-rgb: 249, 248, 248;
     --color-background-hover: rgba(55, 23, 23, 0.03);
     --color-background-active: rgba(55, 23, 23, 0.05);
     --color-background-strong: #f5f3f3;
     --color-background-strong-rgb: 245, 243, 243;
     --color-selected-text: #3f6ac4;
     --color-selected-text-hover: #4464bb;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #3f6ac4;
     --color-selected-icon-rgb: 63, 106, 196;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #3f6ac4;
     --color-selected-border-hover: #3f6ac4;
     --color-selected-border-active: #3f6ac4;
     --color-selected-background: #f1f2fc;
     --color-selected-background-hover: #e7e9fc;
     --color-selected-background-active: #dbe0fd;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #0d7f56;
     --color-success-text-hover: #12714d;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #58a182;
     --color-success-icon-hover: #368e6a;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #8dc2ac;
     --color-success-border-hover: #58a182;
     --color-success-border-active: #58a182;
     --color-success-background: #e6f8f1;
     --color-success-background-hover: #e0f4ec;
     --color-success-background-active: #cce8dd;
     --color-success-background-strong: #58a182;
     --color-success-background-strong-hover: #519d7d;
     --color-success-background-strong-active: #3f9470;
     --color-warning-text: #986516;
     --color-warning-text-hover: #805411;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #b58e53;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #f1bd6c;
     --color-warning-border-hover: #b58e53;
     --color-warning-background: #fff6ee;
     --color-warning-background-hover: #ffecda;
     --color-warning-background-active: #fedcb6;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #986516;
     --color-upsell-text-hover: #805411;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #b58e53;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #fff6ee;
     --color-upsell-background-hover: #ffecda;
     --color-upsell-background-active: #fedcb6;
     --color-upsell-background-weak-hover: #fff6ee;
     --color-upsell-background-weak-active: #ffecda;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #f1bd6c;
     --color-danger-text: #c92f54;
     --color-danger-text-hover: #a42b45;
     --color-danger-text-strong: #fff;
     --color-danger-icon: #de5f73;
     --color-danger-icon-hover: #d33e5d;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #f1a2a9;
     --color-danger-border-hover: #e37281;
     --color-danger-border-active: #e37281;
     --color-danger-background: #feebec;
     --color-danger-background-hover: #fcdadc;
     --color-danger-background-active: #f9c6ca;
     --color-danger-background-strong: #de5f73;
     --color-danger-background-strong-hover: #d84f67;
     --color-danger-background-strong-active: #d33e5d;
     --color-drop-target-background: rgba(255, 255, 255, 0.95);
     --color-beta-text: #6e66b1;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #8d84e8;
     --color-beta-icon-rgb: 141, 132, 232;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #575089;
     --color-beta-background-weak: #f6f4fd;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #8d84e8;
     --color-beta-border-hover: #726ab9;
     --color-beta-border-active: #726ab9;
     --color-primary-text: #3f6ac4;
     --color-primary-text-hover: #4464bb;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #3f6ac4;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #3f6ac4;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #3f6ac4;
     --color-on-hold-text-hover: #4464bb;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #3f6ac4;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #3f6ac4;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 @media print {
     :root {
         --color-text: #1e1f21;
         --color-text-rgb: 30, 31, 33;
         --color-text-foreground: #fff;
         --color-text-disabled: #afabac;
         --color-text-weak: #6d6e6f;
         --color-text-weak-hover: #1e1f21;
         --color-icon: #6d6e6f;
         --color-icon-rgb: 109, 110, 111;
         --color-icon-foreground: #fff;
         --color-icon-hover: #1e1f21;
         --color-icon-active: #1e1f21;
         --color-icon-disabled: #afabac;
         --color-icon-strong: #6d6e6f;
         --color-border: #edeae9;
         --color-border-rgb: 237, 234, 233;
         --color-border-hover: #afabac;
         --color-border-active: #6d6e6f;
         --color-border-strong: #cfcbcb;
         --color-background-weak: #fff;
         --color-background-weak-rgb: 255, 255, 255;
         --color-background-weak-hover-deprecated: #f9f8f8;
         --color-background-medium: #f9f8f8;
         --color-background-medium-rgb: 249, 248, 248;
         --color-background-hover: rgba(55, 23, 23, 0.03);
         --color-background-active: rgba(55, 23, 23, 0.05);
         --color-background-strong: #f5f3f3;
         --color-background-strong-rgb: 245, 243, 243;
         --color-selected-text: #3f6ac4;
         --color-selected-text-hover: #4464bb;
         --color-selected-text-strong: #fff;
         --color-selected-icon: #3f6ac4;
         --color-selected-icon-rgb: 63, 106, 196;
         --color-selected-icon-strong: #fff;
         --color-selected-border: #3f6ac4;
         --color-selected-border-hover: #3f6ac4;
         --color-selected-border-active: #3f6ac4;
         --color-selected-background: #f1f2fc;
         --color-selected-background-hover: #e7e9fc;
         --color-selected-background-active: #dbe0fd;
         --color-selected-background-strong: #4573d2;
         --color-selected-background-strong-rgb: 69, 115, 210;
         --color-selected-background-strong-hover: #426dc6;
         --color-selected-background-strong-active: #3f66ba;
         --color-success-text: #0d7f56;
         --color-success-text-hover: #12714d;
         --color-success-text-strong: #1e1f21;
         --color-success-icon: #58a182;
         --color-success-icon-hover: #368e6a;
         --color-success-icon-strong: #1e1f21;
         --color-success-border: #8dc2ac;
         --color-success-border-hover: #58a182;
         --color-success-border-active: #58a182;
         --color-success-background: #e6f8f1;
         --color-success-background-hover: #e0f4ec;
         --color-success-background-active: #cce8dd;
         --color-success-background-strong: #58a182;
         --color-success-background-strong-hover: #519d7d;
         --color-success-background-strong-active: #3f9470;
         --color-warning-text: #986516;
         --color-warning-text-hover: #805411;
         --color-warning-text-strong: #1e1f21;
         --color-warning-icon: #f1bd6c;
         --color-warning-icon-rgb: 241, 189, 108;
         --color-warning-icon-hover: #b58e53;
         --color-warning-icon-strong: #1e1f21;
         --color-warning-border: #f1bd6c;
         --color-warning-border-hover: #b58e53;
         --color-warning-background: #fff6ee;
         --color-warning-background-hover: #ffecda;
         --color-warning-background-active: #fedcb6;
         --color-warning-background-strong: #f1bd6c;
         --color-warning-background-strong-hover: #e8b668;
         --color-warning-background-strong-active: #e2b266;
         --color-upsell-text: #986516;
         --color-upsell-text-hover: #805411;
         --color-upsell-text-strong: #1e1f21;
         --color-upsell-icon: #f1bd6c;
         --color-upsell-icon-hover: #b58e53;
         --color-upsell-icon-strong: #1e1f21;
         --color-upsell-background: #fff6ee;
         --color-upsell-background-hover: #ffecda;
         --color-upsell-background-active: #fedcb6;
         --color-upsell-background-weak-hover: #fff6ee;
         --color-upsell-background-weak-active: #ffecda;
         --color-upsell-background-strong: #f1bd6c;
         --color-upsell-background-strong-hover: #e8b668;
         --color-upsell-background-strong-active: #e2b266;
         --color-upsell-border: #f1bd6c;
         --color-danger-text: #c92f54;
         --color-danger-text-hover: #a42b45;
         --color-danger-text-strong: #fff;
         --color-danger-icon: #de5f73;
         --color-danger-icon-hover: #d33e5d;
         --color-danger-icon-strong: #1e1f21;
         --color-danger-border: #f1a2a9;
         --color-danger-border-hover: #e37281;
         --color-danger-border-active: #e37281;
         --color-danger-background: #feebec;
         --color-danger-background-hover: #fcdadc;
         --color-danger-background-active: #f9c6ca;
         --color-danger-background-strong: #de5f73;
         --color-danger-background-strong-hover: #d84f67;
         --color-danger-background-strong-active: #d33e5d;
         --color-drop-target-background: rgba(255, 255, 255, 0.95);
         --color-beta-text: #6e66b1;
         --color-beta-text-weak: #726ab9;
         --color-beta-text-strong: #fff;
         --color-beta-icon: #8d84e8;
         --color-beta-icon-rgb: 141, 132, 232;
         --color-beta-icon-hover: #726ab9;
         --color-beta-icon-strong: #fff;
         --color-beta-background: #726ab9;
         --color-beta-background-hover: #575089;
         --color-beta-background-weak: #f6f4fd;
         --color-beta-background-strong: #736bc4;
         --color-beta-border: #8d84e8;
         --color-beta-border-hover: #726ab9;
         --color-beta-border-active: #726ab9;
         --color-primary-text: #3f6ac4;
         --color-primary-text-hover: #4464bb;
         --color-primary-text-strong: #fff;
         --color-primary-icon: #3f6ac4;
         --color-primary-icon-strong: #fff;
         --color-primary-border: #3f6ac4;
         --color-primary-background-strong: #4573d2;
         --color-primary-background-strong-hover: #426dc6;
         --color-primary-background-strong-active: #3f66ba;
         --color-on-hold-text: #3f6ac4;
         --color-on-hold-text-hover: #4464bb;
         --color-on-hold-text-strong: #fff;
         --color-on-hold-icon: #3f6ac4;
         --color-on-hold-icon-strong: #fff;
         --color-on-hold-border: #3f6ac4;
         --color-on-hold-background-strong: #4573d2;
         --color-on-hold-background-strong-hover: #426dc6;
         --color-on-hold-background-strong-active: #3f66ba
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-text: #f5f4f3;
     --color-text-rgb: 245, 244, 243;
     --color-text-foreground: #f5f4f3;
     --color-text-disabled: #6a696a;
     --color-text-weak: #a2a0a2;
     --color-text-weak-hover: #f5f4f3;
     --color-icon: #a2a0a2;
     --color-icon-rgb: 162, 160, 162;
     --color-icon-foreground: #f5f4f3;
     --color-icon-hover: #f5f4f3;
     --color-icon-active: #f5f4f3;
     --color-icon-disabled: #6a696a;
     --color-icon-strong: #f5f4f3;
     --color-border: #424244;
     --color-border-rgb: 66, 66, 68;
     --color-border-hover: #6a696a;
     --color-border-active: #a2a0a2;
     --color-border-strong: #565557;
     --color-background-weak: #1e1f21;
     --color-background-weak-rgb: 30, 31, 33;
     --color-background-weak-hover-deprecated: #2a2b2d;
     --color-background-medium: #252628;
     --color-background-medium-rgb: 37, 38, 40;
     --color-background-hover: rgba(255, 255, 255, 0.06);
     --color-background-active: rgba(255, 255, 255, 0.11);
     --color-background-strong: #2a2b2d;
     --color-background-strong-rgb: 42, 43, 45;
     --color-selected-text: #6296f1;
     --color-selected-text-hover: #5688e5;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #4573d2;
     --color-selected-icon-rgb: 69, 115, 210;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #4573d2;
     --color-selected-border-hover: #4573d2;
     --color-selected-border-active: #4573d2;
     --color-selected-background: #172237;
     --color-selected-background-hover: #1a2843;
     --color-selected-background-active: #2a3c68;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #66a88b;
     --color-success-text-hover: #93c0aa;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #5da283;
     --color-success-icon-hover: #74af93;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #32695d;
     --color-success-border-hover: #4b8a73;
     --color-success-border-active: #4b8a73;
     --color-success-background: #1d3733;
     --color-success-background-hover: #21433d;
     --color-success-background-active: #244d46;
     --color-success-background-strong: #5da283;
     --color-success-background-strong-hover: #89baa2;
     --color-success-background-strong-active: #93c0aa;
     --color-warning-text: #f1bd6c;
     --color-warning-text-hover: #f6c682;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #f6c682;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #735c38;
     --color-warning-border-hover: #b89054;
     --color-warning-background: #3d3120;
     --color-warning-background-hover: #493b26;
     --color-warning-background-active: #54432b;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #f1bd6c;
     --color-upsell-text-hover: #f6c682;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #f6c682;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #3d3120;
     --color-upsell-background-hover: #493b26;
     --color-upsell-background-active: #54432b;
     --color-upsell-background-weak-hover: #3d3120;
     --color-upsell-background-weak-active: #493b26;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #735c38;
     --color-danger-text: #e26d7e;
     --color-danger-text-hover: #ec8e98;
     --color-danger-text-strong: #1e1f21;
     --color-danger-icon: #d1395a;
     --color-danger-icon-hover: #e26d7e;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #b12d4b;
     --color-danger-border-hover: #d1395a;
     --color-danger-border-active: #d1395a;
     --color-danger-background: #581e28;
     --color-danger-background-hover: #64202c;
     --color-danger-background-active: #6e2230;
     --color-danger-background-strong: #dd5e72;
     --color-danger-background-strong-hover: #e47281;
     --color-danger-background-strong-active: #e67886;
     --color-drop-target-background: rgba(30, 31, 33, 0.95);
     --color-beta-text: #a499ed;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #a499ed;
     --color-beta-icon-rgb: 164, 153, 237;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #a499ed;
     --color-beta-background-weak: #3a3659;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #726ab9;
     --color-beta-border-hover: #a499ed;
     --color-beta-border-active: #a499ed;
     --color-primary-text: #6296f1;
     --color-primary-text-hover: #5688e5;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #4573d2;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #4573d2;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #6296f1;
     --color-on-hold-text-hover: #5688e5;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #4573d2;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #4573d2;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-text: #f5f4f3;
         --color-text-rgb: 245, 244, 243;
         --color-text-foreground: #f5f4f3;
         --color-text-disabled: #6a696a;
         --color-text-weak: #a2a0a2;
         --color-text-weak-hover: #f5f4f3;
         --color-icon: #a2a0a2;
         --color-icon-rgb: 162, 160, 162;
         --color-icon-foreground: #f5f4f3;
         --color-icon-hover: #f5f4f3;
         --color-icon-active: #f5f4f3;
         --color-icon-disabled: #6a696a;
         --color-icon-strong: #f5f4f3;
         --color-border: #424244;
         --color-border-rgb: 66, 66, 68;
         --color-border-hover: #6a696a;
         --color-border-active: #a2a0a2;
         --color-border-strong: #565557;
         --color-background-weak: #1e1f21;
         --color-background-weak-rgb: 30, 31, 33;
         --color-background-weak-hover-deprecated: #2a2b2d;
         --color-background-medium: #252628;
         --color-background-medium-rgb: 37, 38, 40;
         --color-background-hover: rgba(255, 255, 255, 0.06);
         --color-background-active: rgba(255, 255, 255, 0.11);
         --color-background-strong: #2a2b2d;
         --color-background-strong-rgb: 42, 43, 45;
         --color-selected-text: #6296f1;
         --color-selected-text-hover: #5688e5;
         --color-selected-text-strong: #fff;
         --color-selected-icon: #4573d2;
         --color-selected-icon-rgb: 69, 115, 210;
         --color-selected-icon-strong: #fff;
         --color-selected-border: #4573d2;
         --color-selected-border-hover: #4573d2;
         --color-selected-border-active: #4573d2;
         --color-selected-background: #172237;
         --color-selected-background-hover: #1a2843;
         --color-selected-background-active: #2a3c68;
         --color-selected-background-strong: #4573d2;
         --color-selected-background-strong-rgb: 69, 115, 210;
         --color-selected-background-strong-hover: #426dc6;
         --color-selected-background-strong-active: #3f66ba;
         --color-success-text: #66a88b;
         --color-success-text-hover: #93c0aa;
         --color-success-text-strong: #1e1f21;
         --color-success-icon: #5da283;
         --color-success-icon-hover: #74af93;
         --color-success-icon-strong: #1e1f21;
         --color-success-border: #32695d;
         --color-success-border-hover: #4b8a73;
         --color-success-border-active: #4b8a73;
         --color-success-background: #1d3733;
         --color-success-background-hover: #21433d;
         --color-success-background-active: #244d46;
         --color-success-background-strong: #5da283;
         --color-success-background-strong-hover: #89baa2;
         --color-success-background-strong-active: #93c0aa;
         --color-warning-text: #f1bd6c;
         --color-warning-text-hover: #f6c682;
         --color-warning-text-strong: #1e1f21;
         --color-warning-icon: #f1bd6c;
         --color-warning-icon-rgb: 241, 189, 108;
         --color-warning-icon-hover: #f6c682;
         --color-warning-icon-strong: #1e1f21;
         --color-warning-border: #735c38;
         --color-warning-border-hover: #b89054;
         --color-warning-background: #3d3120;
         --color-warning-background-hover: #493b26;
         --color-warning-background-active: #54432b;
         --color-warning-background-strong: #f1bd6c;
         --color-warning-background-strong-hover: #e8b668;
         --color-warning-background-strong-active: #e2b266;
         --color-upsell-text: #f1bd6c;
         --color-upsell-text-hover: #f6c682;
         --color-upsell-text-strong: #1e1f21;
         --color-upsell-icon: #f1bd6c;
         --color-upsell-icon-hover: #f6c682;
         --color-upsell-icon-strong: #1e1f21;
         --color-upsell-background: #3d3120;
         --color-upsell-background-hover: #493b26;
         --color-upsell-background-active: #54432b;
         --color-upsell-background-weak-hover: #3d3120;
         --color-upsell-background-weak-active: #493b26;
         --color-upsell-background-strong: #f1bd6c;
         --color-upsell-background-strong-hover: #e8b668;
         --color-upsell-background-strong-active: #e2b266;
         --color-upsell-border: #735c38;
         --color-danger-text: #e26d7e;
         --color-danger-text-hover: #ec8e98;
         --color-danger-text-strong: #1e1f21;
         --color-danger-icon: #d1395a;
         --color-danger-icon-hover: #e26d7e;
         --color-danger-icon-strong: #1e1f21;
         --color-danger-border: #b12d4b;
         --color-danger-border-hover: #d1395a;
         --color-danger-border-active: #d1395a;
         --color-danger-background: #581e28;
         --color-danger-background-hover: #64202c;
         --color-danger-background-active: #6e2230;
         --color-danger-background-strong: #dd5e72;
         --color-danger-background-strong-hover: #e47281;
         --color-danger-background-strong-active: #e67886;
         --color-drop-target-background: rgba(30, 31, 33, 0.95);
         --color-beta-text: #a499ed;
         --color-beta-text-weak: #726ab9;
         --color-beta-text-strong: #fff;
         --color-beta-icon: #a499ed;
         --color-beta-icon-rgb: 164, 153, 237;
         --color-beta-icon-hover: #726ab9;
         --color-beta-icon-strong: #fff;
         --color-beta-background: #726ab9;
         --color-beta-background-hover: #a499ed;
         --color-beta-background-weak: #3a3659;
         --color-beta-background-strong: #736bc4;
         --color-beta-border: #726ab9;
         --color-beta-border-hover: #a499ed;
         --color-beta-border-active: #a499ed;
         --color-primary-text: #6296f1;
         --color-primary-text-hover: #5688e5;
         --color-primary-text-strong: #fff;
         --color-primary-icon: #4573d2;
         --color-primary-icon-strong: #fff;
         --color-primary-border: #4573d2;
         --color-primary-background-strong: #4573d2;
         --color-primary-background-strong-hover: #426dc6;
         --color-primary-background-strong-active: #3f66ba;
         --color-on-hold-text: #6296f1;
         --color-on-hold-text-hover: #5688e5;
         --color-on-hold-text-strong: #fff;
         --color-on-hold-icon: #4573d2;
         --color-on-hold-icon-strong: #fff;
         --color-on-hold-border: #4573d2;
         --color-on-hold-background-strong: #4573d2;
         --color-on-hold-background-strong-hover: #426dc6;
         --color-on-hold-background-strong-active: #3f66ba
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-text: #f5f4f3;
     --color-text-rgb: 245, 244, 243;
     --color-text-foreground: #f5f4f3;
     --color-text-disabled: #6a696a;
     --color-text-weak: #a2a0a2;
     --color-text-weak-hover: #f5f4f3;
     --color-icon: #a2a0a2;
     --color-icon-rgb: 162, 160, 162;
     --color-icon-foreground: #f5f4f3;
     --color-icon-hover: #f5f4f3;
     --color-icon-active: #f5f4f3;
     --color-icon-disabled: #6a696a;
     --color-icon-strong: #f5f4f3;
     --color-border: #424244;
     --color-border-rgb: 66, 66, 68;
     --color-border-hover: #6a696a;
     --color-border-active: #a2a0a2;
     --color-border-strong: #565557;
     --color-background-weak: #1e1f21;
     --color-background-weak-rgb: 30, 31, 33;
     --color-background-weak-hover-deprecated: #2a2b2d;
     --color-background-medium: #252628;
     --color-background-medium-rgb: 37, 38, 40;
     --color-background-hover: rgba(255, 255, 255, 0.06);
     --color-background-active: rgba(255, 255, 255, 0.11);
     --color-background-strong: #2a2b2d;
     --color-background-strong-rgb: 42, 43, 45;
     --color-selected-text: #6296f1;
     --color-selected-text-hover: #5688e5;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #4573d2;
     --color-selected-icon-rgb: 69, 115, 210;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #4573d2;
     --color-selected-border-hover: #4573d2;
     --color-selected-border-active: #4573d2;
     --color-selected-background: #172237;
     --color-selected-background-hover: #1a2843;
     --color-selected-background-active: #2a3c68;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #66a88b;
     --color-success-text-hover: #93c0aa;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #5da283;
     --color-success-icon-hover: #74af93;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #32695d;
     --color-success-border-hover: #4b8a73;
     --color-success-border-active: #4b8a73;
     --color-success-background: #1d3733;
     --color-success-background-hover: #21433d;
     --color-success-background-active: #244d46;
     --color-success-background-strong: #5da283;
     --color-success-background-strong-hover: #89baa2;
     --color-success-background-strong-active: #93c0aa;
     --color-warning-text: #f1bd6c;
     --color-warning-text-hover: #f6c682;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #f6c682;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #735c38;
     --color-warning-border-hover: #b89054;
     --color-warning-background: #3d3120;
     --color-warning-background-hover: #493b26;
     --color-warning-background-active: #54432b;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #f1bd6c;
     --color-upsell-text-hover: #f6c682;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #f6c682;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #3d3120;
     --color-upsell-background-hover: #493b26;
     --color-upsell-background-active: #54432b;
     --color-upsell-background-weak-hover: #3d3120;
     --color-upsell-background-weak-active: #493b26;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #735c38;
     --color-danger-text: #e26d7e;
     --color-danger-text-hover: #ec8e98;
     --color-danger-text-strong: #1e1f21;
     --color-danger-icon: #d1395a;
     --color-danger-icon-hover: #e26d7e;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #b12d4b;
     --color-danger-border-hover: #d1395a;
     --color-danger-border-active: #d1395a;
     --color-danger-background: #581e28;
     --color-danger-background-hover: #64202c;
     --color-danger-background-active: #6e2230;
     --color-danger-background-strong: #dd5e72;
     --color-danger-background-strong-hover: #e47281;
     --color-danger-background-strong-active: #e67886;
     --color-drop-target-background: rgba(30, 31, 33, 0.95);
     --color-beta-text: #a499ed;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #a499ed;
     --color-beta-icon-rgb: 164, 153, 237;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #a499ed;
     --color-beta-background-weak: #3a3659;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #726ab9;
     --color-beta-border-hover: #a499ed;
     --color-beta-border-active: #a499ed;
     --color-primary-text: #6296f1;
     --color-primary-text-hover: #5688e5;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #4573d2;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #4573d2;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #6296f1;
     --color-on-hold-text-hover: #5688e5;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #4573d2;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #4573d2;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba;
     --color-text: #f8f4f6;
     --color-text-rgb: 248, 244, 246;
     --color-text-foreground: #f8f4f6;
     --color-text-disabled: #8f5977;
     --color-text-weak: #bb97a9;
     --color-text-weak-hover: #f8f4f6;
     --color-icon: #bb97a9;
     --color-icon-rgb: 187, 151, 169;
     --color-icon-foreground: #f8f4f6;
     --color-icon-hover: #f8f4f6;
     --color-icon-active: #f8f4f6;
     --color-icon-disabled: #8f5977;
     --color-icon-strong: #f8f4f6;
     --color-border: #5f2748;
     --color-border-rgb: 95, 39, 72;
     --color-border-hover: #8f5977;
     --color-border-active: #bb97a9;
     --color-border-strong: #5f2748;
     --color-background-weak: #36172a;
     --color-background-weak-rgb: 54, 23, 42;
     --color-background-weak-hover-deprecated: #461d36;
     --color-background-medium: #3e1930;
     --color-background-medium-rgb: 62, 25, 48;
     --color-background-strong: #461d36;
     --color-background-strong-rgb: 70, 29, 54;
     --color-drop-target-background: rgba(54, 23, 42, 0.95)
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-success-text: #62d26f;
     --color-success-icon: #62d26f;
     --color-success-icon-hover: #62d26f;
     --color-warning-text: #d6ce38;
     --color-warning-text-hover: #d6ce38;
     --color-warning-icon: #d6ce38;
     --color-warning-icon-rgb: 214, 206, 56;
     --color-warning-icon-hover: #d6ce38;
     --color-upsell-text: #d6ce38;
     --color-upsell-text-hover: #d6ce38;
     --color-upsell-icon: #d6ce38;
     --color-upsell-icon-hover: #d6ce38;
     --color-danger-text: #fd612c;
     --color-danger-text-hover: #fd612c;
     --color-danger-icon: #fd612c;
     --color-danger-icon-hover: #fd612c
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-success-text: #62d26f;
     --color-success-icon: #62d26f;
     --color-success-icon-hover: #62d26f;
     --color-warning-text: #d6ce38;
     --color-warning-text-hover: #d6ce38;
     --color-warning-icon: #d6ce38;
     --color-warning-icon-rgb: 214, 206, 56;
     --color-warning-icon-hover: #d6ce38;
     --color-upsell-text: #d6ce38;
     --color-upsell-text-hover: #d6ce38;
     --color-upsell-icon: #d6ce38;
     --color-upsell-icon-hover: #d6ce38;
     --color-danger-text: #fd612c;
     --color-danger-text-hover: #fd612c;
     --color-danger-icon: #fd612c;
     --color-danger-icon-hover: #fd612c
 }

 :root {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #e8e5e4;
     --color-customization-background-weak-deprecated-opaque: #e8e5e4;
     --color-customization-background-weak-deprecated: #e8e5e4;
     --color-customization-background-weak-hover: #e1dedd;
     --color-customization-background-weak-hover-deprecated: #e1dedd;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #1e1f21;
     --color-customization-foreground-weak-deprecated: #1e1f21;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #1e1f21;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #1e1f21;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #1e1f21;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #1e1f21;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #1e1f21;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #1e1f21;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #1e1f21;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #1e1f21;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #1e1f21;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #1e1f21;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #1e1f21;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #1e1f21;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #1e1f21
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #e8e5e4;
     --color-customization-background-weak-deprecated-opaque: #e8e5e4;
     --color-customization-background-weak-deprecated: #e8e5e4;
     --color-customization-background-weak-hover: #e1dedd;
     --color-customization-background-weak-hover-deprecated: #e1dedd;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #1e1f21;
     --color-customization-foreground-weak-deprecated: #1e1f21;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #1e1f21;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #1e1f21;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #1e1f21;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #1e1f21;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #1e1f21;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #1e1f21;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #1e1f21;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #1e1f21;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #1e1f21;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #1e1f21;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #1e1f21;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #1e1f21;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #1e1f21
 }

 @media print {
     :root {
         --color-customization-background: #c7c4c4;
         --color-customization-background-deprecated: #c7c4c4;
         --color-customization-background-deprecated-opaque: #c7c4c4;
         --color-customization-background-hover: #bfbcbc;
         --color-customization-background-hover-deprecated: #bfbcbc;
         --color-customization-background-active: #b9b6b6;
         --color-customization-background-active-deprecated: #b9b6b6;
         --color-customization-background-weak: #e8e5e4;
         --color-customization-background-weak-deprecated-opaque: #e8e5e4;
         --color-customization-background-weak-deprecated: #e8e5e4;
         --color-customization-background-weak-hover: #e1dedd;
         --color-customization-background-weak-hover-deprecated: #e1dedd;
         --color-customization-foreground: #1e1f21;
         --color-customization-foreground-weak: #1e1f21;
         --color-customization-foreground-weak-deprecated: #1e1f21;
         --color-customization-red-background: #f06a6a;
         --color-customization-red-background-rgb: 240, 106, 106;
         --color-customization-red-background-hover: #eb6868;
         --color-customization-red-foreground: #1e1f21;
         --color-customization-red-foreground-hover: #1e1f21;
         --color-customization-red-text-deprecated: #1e1f21;
         --color-customization-orange-background: #ec8d71;
         --color-customization-orange-background-rgb: 236, 141, 113;
         --color-customization-orange-background-hover: #e3886d;
         --color-customization-orange-foreground: #1e1f21;
         --color-customization-orange-foreground-hover: #1e1f21;
         --color-customization-orange-text-deprecated: #1e1f21;
         --color-customization-yellow-orange-background: #f1bd6c;
         --color-customization-yellow-orange-background-rgb: 241, 189, 108;
         --color-customization-yellow-orange-background-hover: #e7b568;
         --color-customization-yellow-orange-foreground: #1e1f21;
         --color-customization-yellow-orange-foreground-hover: #1e1f21;
         --color-customization-yellow-orange-text-deprecated: #1e1f21;
         --color-customization-yellow-background: #f8df72;
         --color-customization-yellow-background-rgb: 248, 223, 114;
         --color-customization-yellow-background-hover: #f2da6f;
         --color-customization-yellow-foreground: #1e1f21;
         --color-customization-yellow-foreground-hover: #1e1f21;
         --color-customization-yellow-text-deprecated: #1e1f21;
         --color-customization-yellow-green-background: #aecf55;
         --color-customization-yellow-green-background-rgb: 174, 207, 85;
         --color-customization-yellow-green-background-hover: #a9c953;
         --color-customization-yellow-green-foreground: #1e1f21;
         --color-customization-yellow-green-foreground-hover: #1e1f21;
         --color-customization-yellow-green-text-deprecated: #1e1f21;
         --color-customization-green-background: #5da283;
         --color-customization-green-background-rgb: 93, 162, 131;
         --color-customization-green-background-hover: #5a9b7e;
         --color-customization-green-foreground: #fff;
         --color-customization-green-foreground-hover: #fff;
         --color-customization-green-text-deprecated: #1e1f21;
         --color-customization-blue-green-background: #4ecbc4;
         --color-customization-blue-green-background-rgb: 78, 203, 196;
         --color-customization-blue-green-background-hover: #4abeb7;
         --color-customization-blue-green-foreground: #1e1f21;
         --color-customization-blue-green-foreground-hover: #1e1f21;
         --color-customization-blue-green-text-deprecated: #1e1f21;
         --color-customization-aqua-background: #9ee7e3;
         --color-customization-aqua-background-rgb: 158, 231, 227;
         --color-customization-aqua-background-hover: #99dfdb;
         --color-customization-aqua-foreground: #1e1f21;
         --color-customization-aqua-foreground-hover: #1e1f21;
         --color-customization-aqua-text-deprecated: #1e1f21;
         --color-customization-blue-background: #4573d2;
         --color-customization-blue-background-rgb: 69, 115, 210;
         --color-customization-blue-background-hover: #526dc6;
         --color-customization-blue-foreground: #fff;
         --color-customization-blue-foreground-hover: #fff;
         --color-customization-blue-text-deprecated: #1e1f21;
         --color-customization-indigo-background: #8d84e8;
         --color-customization-indigo-background-rgb: 141, 132, 232;
         --color-customization-indigo-background-hover: #867ddc;
         --color-customization-indigo-foreground: #fff;
         --color-customization-indigo-foreground-hover: #fff;
         --color-customization-indigo-text-deprecated: #1e1f21;
         --color-customization-purple-background: #b36bd4;
         --color-customization-purple-background-rgb: 179, 107, 212;
         --color-customization-purple-background-hover: #ad67cc;
         --color-customization-purple-foreground: #fff;
         --color-customization-purple-foreground-hover: #fff;
         --color-customization-purple-text-deprecated: #1e1f21;
         --color-customization-magenta-background: #f9aaef;
         --color-customization-magenta-background-rgb: 249, 170, 239;
         --color-customization-magenta-background-hover: #f1a5e8;
         --color-customization-magenta-foreground: #1e1f21;
         --color-customization-magenta-foreground-hover: #1e1f21;
         --color-customization-magenta-text-deprecated: #1e1f21;
         --color-customization-hot-pink-background: #f26fb2;
         --color-customization-hot-pink-background-rgb: 242, 111, 178;
         --color-customization-hot-pink-background-hover: #e66aa9;
         --color-customization-hot-pink-foreground: #1e1f21;
         --color-customization-hot-pink-foreground-hover: #1e1f21;
         --color-customization-hot-pink-text-deprecated: #1e1f21;
         --color-customization-pink-background: #fc979a;
         --color-customization-pink-background-rgb: 252, 151, 154;
         --color-customization-pink-background-hover: #f39294;
         --color-customization-pink-foreground: #1e1f21;
         --color-customization-pink-foreground-hover: #1e1f21;
         --color-customization-pink-text-deprecated: #1e1f21;
         --color-customization-cool-gray-background: #6d6e6f;
         --color-customization-cool-gray-background-rgb: 109, 110, 111;
         --color-customization-cool-gray-background-hover: #656667;
         --color-customization-cool-gray-foreground: #fff;
         --color-customization-cool-gray-foreground-hover: #fff;
         --color-customization-cool-gray-text-deprecated: #1e1f21
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #424244;
     --color-customization-background-weak-deprecated-opaque: #424244;
     --color-customization-background-weak-deprecated: #424244;
     --color-customization-background-weak-hover: #464648;
     --color-customization-background-weak-hover-deprecated: #464648;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #fff;
     --color-customization-foreground-weak-deprecated: #fff;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #f5f4f3;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #f5f4f3;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #f5f4f3;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #f5f4f3;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #f5f4f3;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #f5f4f3;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #f5f4f3;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #f5f4f3;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #f5f4f3;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #f5f4f3;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #f5f4f3;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #f5f4f3;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #f5f4f3
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-customization-background: #c7c4c4;
         --color-customization-background-deprecated: #c7c4c4;
         --color-customization-background-deprecated-opaque: #c7c4c4;
         --color-customization-background-hover: #bfbcbc;
         --color-customization-background-hover-deprecated: #bfbcbc;
         --color-customization-background-active: #b9b6b6;
         --color-customization-background-active-deprecated: #b9b6b6;
         --color-customization-background-weak: #424244;
         --color-customization-background-weak-deprecated-opaque: #424244;
         --color-customization-background-weak-deprecated: #424244;
         --color-customization-background-weak-hover: #464648;
         --color-customization-background-weak-hover-deprecated: #464648;
         --color-customization-foreground: #1e1f21;
         --color-customization-foreground-weak: #fff;
         --color-customization-foreground-weak-deprecated: #fff;
         --color-customization-red-background: #f06a6a;
         --color-customization-red-background-rgb: 240, 106, 106;
         --color-customization-red-background-hover: #eb6868;
         --color-customization-red-foreground: #1e1f21;
         --color-customization-red-foreground-hover: #1e1f21;
         --color-customization-red-text-deprecated: #f5f4f3;
         --color-customization-orange-background: #ec8d71;
         --color-customization-orange-background-rgb: 236, 141, 113;
         --color-customization-orange-background-hover: #e3886d;
         --color-customization-orange-foreground: #1e1f21;
         --color-customization-orange-foreground-hover: #1e1f21;
         --color-customization-orange-text-deprecated: #f5f4f3;
         --color-customization-yellow-orange-background: #f1bd6c;
         --color-customization-yellow-orange-background-rgb: 241, 189, 108;
         --color-customization-yellow-orange-background-hover: #e7b568;
         --color-customization-yellow-orange-foreground: #1e1f21;
         --color-customization-yellow-orange-foreground-hover: #1e1f21;
         --color-customization-yellow-orange-text-deprecated: #f5f4f3;
         --color-customization-yellow-background: #f8df72;
         --color-customization-yellow-background-rgb: 248, 223, 114;
         --color-customization-yellow-background-hover: #f2da6f;
         --color-customization-yellow-foreground: #1e1f21;
         --color-customization-yellow-foreground-hover: #1e1f21;
         --color-customization-yellow-text-deprecated: #f5f4f3;
         --color-customization-yellow-green-background: #aecf55;
         --color-customization-yellow-green-background-rgb: 174, 207, 85;
         --color-customization-yellow-green-background-hover: #a9c953;
         --color-customization-yellow-green-foreground: #1e1f21;
         --color-customization-yellow-green-foreground-hover: #1e1f21;
         --color-customization-yellow-green-text-deprecated: #f5f4f3;
         --color-customization-green-background: #5da283;
         --color-customization-green-background-rgb: 93, 162, 131;
         --color-customization-green-background-hover: #5a9b7e;
         --color-customization-green-foreground: #fff;
         --color-customization-green-foreground-hover: #fff;
         --color-customization-green-text-deprecated: #f5f4f3;
         --color-customization-blue-green-background: #4ecbc4;
         --color-customization-blue-green-background-rgb: 78, 203, 196;
         --color-customization-blue-green-background-hover: #4abeb7;
         --color-customization-blue-green-foreground: #1e1f21;
         --color-customization-blue-green-foreground-hover: #1e1f21;
         --color-customization-blue-green-text-deprecated: #f5f4f3;
         --color-customization-aqua-background: #9ee7e3;
         --color-customization-aqua-background-rgb: 158, 231, 227;
         --color-customization-aqua-background-hover: #99dfdb;
         --color-customization-aqua-foreground: #1e1f21;
         --color-customization-aqua-foreground-hover: #1e1f21;
         --color-customization-aqua-text-deprecated: #f5f4f3;
         --color-customization-blue-background: #4573d2;
         --color-customization-blue-background-rgb: 69, 115, 210;
         --color-customization-blue-background-hover: #526dc6;
         --color-customization-blue-foreground: #fff;
         --color-customization-blue-foreground-hover: #fff;
         --color-customization-blue-text-deprecated: #f5f4f3;
         --color-customization-indigo-background: #8d84e8;
         --color-customization-indigo-background-rgb: 141, 132, 232;
         --color-customization-indigo-background-hover: #867ddc;
         --color-customization-indigo-foreground: #fff;
         --color-customization-indigo-foreground-hover: #fff;
         --color-customization-indigo-text-deprecated: #f5f4f3;
         --color-customization-purple-background: #b36bd4;
         --color-customization-purple-background-rgb: 179, 107, 212;
         --color-customization-purple-background-hover: #ad67cc;
         --color-customization-purple-foreground: #fff;
         --color-customization-purple-foreground-hover: #fff;
         --color-customization-purple-text-deprecated: #f5f4f3;
         --color-customization-magenta-background: #f9aaef;
         --color-customization-magenta-background-rgb: 249, 170, 239;
         --color-customization-magenta-background-hover: #f1a5e8;
         --color-customization-magenta-foreground: #1e1f21;
         --color-customization-magenta-foreground-hover: #1e1f21;
         --color-customization-magenta-text-deprecated: #f5f4f3;
         --color-customization-hot-pink-background: #f26fb2;
         --color-customization-hot-pink-background-rgb: 242, 111, 178;
         --color-customization-hot-pink-background-hover: #e66aa9;
         --color-customization-hot-pink-foreground: #1e1f21;
         --color-customization-hot-pink-foreground-hover: #1e1f21;
         --color-customization-hot-pink-text-deprecated: #f5f4f3;
         --color-customization-pink-background: #fc979a;
         --color-customization-pink-background-rgb: 252, 151, 154;
         --color-customization-pink-background-hover: #f39294;
         --color-customization-pink-foreground: #1e1f21;
         --color-customization-pink-foreground-hover: #1e1f21;
         --color-customization-pink-text-deprecated: #f5f4f3;
         --color-customization-cool-gray-background: #6d6e6f;
         --color-customization-cool-gray-background-rgb: 109, 110, 111;
         --color-customization-cool-gray-background-hover: #656667;
         --color-customization-cool-gray-foreground: #fff;
         --color-customization-cool-gray-foreground-hover: #fff;
         --color-customization-cool-gray-text-deprecated: #f5f4f3
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #424244;
     --color-customization-background-weak-deprecated-opaque: #424244;
     --color-customization-background-weak-deprecated: #424244;
     --color-customization-background-weak-hover: #464648;
     --color-customization-background-weak-hover-deprecated: #464648;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #fff;
     --color-customization-foreground-weak-deprecated: #fff;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #f5f4f3;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #f5f4f3;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #f5f4f3;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #f5f4f3;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #f5f4f3;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #f5f4f3;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #f5f4f3;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #f5f4f3;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #f5f4f3;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #f5f4f3;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #f5f4f3;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #f5f4f3;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #f5f4f3;
     --color-customization-background-weak: #5f2748;
     --color-customization-background-weak-deprecated-opaque: #5f2748;
     --color-customization-background-weak-deprecated: #5f2748;
     --color-customization-background-weak-hover: #5f2748;
     --color-customization-background-weak-hover-deprecated: #5f2748
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-customization-red-background: #e8384f;
     --color-customization-red-background-rgb: 232, 56, 79;
     --color-customization-red-background-hover: #de1a33;
     --color-customization-red-foreground: #fff;
     --color-customization-red-foreground-hover: #fff;
     --color-customization-red-text-deprecated: #d74854;
     --color-customization-orange-background: #fd817d;
     --color-customization-orange-background-rgb: 253, 129, 125;
     --color-customization-orange-background-hover: #fc5a55;
     --color-customization-orange-foreground: #560401;
     --color-customization-orange-foreground-hover: #2e0201;
     --color-customization-orange-text-deprecated: #d67a74;
     --color-customization-yellow-orange-background: #fdae33;
     --color-customization-yellow-orange-background-rgb: 253, 174, 51;
     --color-customization-yellow-orange-background-hover: #fd9e0b;
     --color-customization-yellow-orange-foreground: #513201;
     --color-customization-yellow-orange-foreground-hover: #291901;
     --color-customization-yellow-orange-text-deprecated: #bf8b3e;
     --color-customization-yellow-background: #eecc16;
     --color-customization-yellow-background-rgb: 238, 204, 22;
     --color-customization-yellow-background-hover: #ccae0f;
     --color-customization-yellow-foreground: #504107;
     --color-customization-yellow-foreground-hover: #2a2304;
     --color-customization-yellow-text-deprecated: #d67a74;
     --color-customization-yellow-green-background: #a4c61a;
     --color-customization-yellow-green-background-rgb: 164, 198, 26;
     --color-customization-yellow-green-background-hover: #86a215;
     --color-customization-yellow-green-foreground: #333b07;
     --color-customization-yellow-green-foreground-hover: #131703;
     --color-customization-yellow-green-text-deprecated: #899d36;
     --color-customization-green-background: #62bb35;
     --color-customization-green-background-rgb: 98, 187, 53;
     --color-customization-green-background-hover: #519b2c;
     --color-customization-green-foreground: #182c0c;
     --color-customization-green-foreground-hover: #070c03;
     --color-customization-green-text-deprecated: #679c40;
     --color-customization-blue-green-background: #37a862;
     --color-customization-blue-green-background-rgb: 55, 168, 98;
     --color-customization-blue-green-background-hover: #2d8950;
     --color-customization-blue-green-foreground: #fff;
     --color-customization-blue-green-foreground-hover: #fff;
     --color-customization-blue-green-text-deprecated: #59a368;
     --color-customization-aqua-background: #208ea3;
     --color-customization-aqua-background-rgb: 32, 142, 163;
     --color-customization-aqua-background-hover: #197081;
     --color-customization-aqua-foreground: #fff;
     --color-customization-aqua-foreground-hover: #fff;
     --color-customization-aqua-text-deprecated: #448da0;
     --color-customization-blue-background: #4178bc;
     --color-customization-blue-background-rgb: 65, 120, 188;
     --color-customization-blue-background-hover: #37659e;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #4d79b7;
     --color-customization-indigo-background: #7a71f6;
     --color-customization-indigo-background-rgb: 122, 113, 246;
     --color-customization-indigo-background-hover: #564bf4;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #7776ee;
     --color-customization-purple-background: #aa71ff;
     --color-customization-purple-background-rgb: 170, 113, 255;
     --color-customization-purple-background-hover: #9248ff;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #a178f7;
     --color-customization-magenta-background: #e37cff;
     --color-customization-magenta-background-rgb: 227, 124, 255;
     --color-customization-magenta-background-hover: #da53ff;
     --color-customization-magenta-foreground: #48005c;
     --color-customization-magenta-foreground-hover: #280033;
     --color-customization-magenta-text-deprecated: #c078df;
     --color-customization-hot-pink-background: #ea4e9d;
     --color-customization-hot-pink-background-rgb: 234, 78, 157;
     --color-customization-hot-pink-background-hover: #e62a89;
     --color-customization-hot-pink-foreground: #fff;
     --color-customization-hot-pink-foreground-hover: #fff;
     --color-customization-hot-pink-text-deprecated: #d95b9b;
     --color-customization-pink-background: #fca7e4;
     --color-customization-pink-background-rgb: 252, 167, 228;
     --color-customization-pink-background-hover: #fb80d8;
     --color-customization-pink-foreground: #760456;
     --color-customization-pink-foreground-hover: #4f0339;
     --color-customization-pink-text-deprecated: #b984ad;
     --color-customization-cool-gray-background: #8d9f9b;
     --color-customization-cool-gray-background-rgb: 141, 159, 155;
     --color-customization-cool-gray-background-hover: #778c88;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-customization-red-background: #e8384f;
     --color-customization-red-background-rgb: 232, 56, 79;
     --color-customization-red-background-hover: #de1a33;
     --color-customization-red-foreground: #fff;
     --color-customization-red-foreground-hover: #fff;
     --color-customization-red-text-deprecated: #d74854;
     --color-customization-orange-background: #fd817d;
     --color-customization-orange-background-rgb: 253, 129, 125;
     --color-customization-orange-background-hover: #fc5a55;
     --color-customization-orange-foreground: #560401;
     --color-customization-orange-foreground-hover: #2e0201;
     --color-customization-orange-text-deprecated: #d67a74;
     --color-customization-yellow-orange-background: #fdae33;
     --color-customization-yellow-orange-background-rgb: 253, 174, 51;
     --color-customization-yellow-orange-background-hover: #fd9e0b;
     --color-customization-yellow-orange-foreground: #513201;
     --color-customization-yellow-orange-foreground-hover: #291901;
     --color-customization-yellow-orange-text-deprecated: #bf8b3e;
     --color-customization-yellow-background: #eecc16;
     --color-customization-yellow-background-rgb: 238, 204, 22;
     --color-customization-yellow-background-hover: #ccae0f;
     --color-customization-yellow-foreground: #504107;
     --color-customization-yellow-foreground-hover: #2a2304;
     --color-customization-yellow-text-deprecated: #d67a74;
     --color-customization-yellow-green-background: #a4c61a;
     --color-customization-yellow-green-background-rgb: 164, 198, 26;
     --color-customization-yellow-green-background-hover: #86a215;
     --color-customization-yellow-green-foreground: #333b07;
     --color-customization-yellow-green-foreground-hover: #131703;
     --color-customization-yellow-green-text-deprecated: #899d36;
     --color-customization-green-background: #62bb35;
     --color-customization-green-background-rgb: 98, 187, 53;
     --color-customization-green-background-hover: #519b2c;
     --color-customization-green-foreground: #182c0c;
     --color-customization-green-foreground-hover: #070c03;
     --color-customization-green-text-deprecated: #679c40;
     --color-customization-blue-green-background: #37a862;
     --color-customization-blue-green-background-rgb: 55, 168, 98;
     --color-customization-blue-green-background-hover: #2d8950;
     --color-customization-blue-green-foreground: #fff;
     --color-customization-blue-green-foreground-hover: #fff;
     --color-customization-blue-green-text-deprecated: #59a368;
     --color-customization-aqua-background: #208ea3;
     --color-customization-aqua-background-rgb: 32, 142, 163;
     --color-customization-aqua-background-hover: #197081;
     --color-customization-aqua-foreground: #fff;
     --color-customization-aqua-foreground-hover: #fff;
     --color-customization-aqua-text-deprecated: #448da0;
     --color-customization-blue-background: #4178bc;
     --color-customization-blue-background-rgb: 65, 120, 188;
     --color-customization-blue-background-hover: #37659e;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #4d79b7;
     --color-customization-indigo-background: #7a71f6;
     --color-customization-indigo-background-rgb: 122, 113, 246;
     --color-customization-indigo-background-hover: #564bf4;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #7776ee;
     --color-customization-purple-background: #aa71ff;
     --color-customization-purple-background-rgb: 170, 113, 255;
     --color-customization-purple-background-hover: #9248ff;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #a178f7;
     --color-customization-magenta-background: #e37cff;
     --color-customization-magenta-background-rgb: 227, 124, 255;
     --color-customization-magenta-background-hover: #da53ff;
     --color-customization-magenta-foreground: #48005c;
     --color-customization-magenta-foreground-hover: #280033;
     --color-customization-magenta-text-deprecated: #c078df;
     --color-customization-hot-pink-background: #ea4e9d;
     --color-customization-hot-pink-background-rgb: 234, 78, 157;
     --color-customization-hot-pink-background-hover: #e62a89;
     --color-customization-hot-pink-foreground: #fff;
     --color-customization-hot-pink-foreground-hover: #fff;
     --color-customization-hot-pink-text-deprecated: #d95b9b;
     --color-customization-pink-background: #fca7e4;
     --color-customization-pink-background-rgb: 252, 167, 228;
     --color-customization-pink-background-hover: #fb80d8;
     --color-customization-pink-foreground: #760456;
     --color-customization-pink-foreground-hover: #4f0339;
     --color-customization-pink-text-deprecated: #b984ad;
     --color-customization-cool-gray-background: #8d9f9b;
     --color-customization-cool-gray-background-rgb: 141, 159, 155;
     --color-customization-cool-gray-background-hover: #778c88;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff
 }

 html {
     height: 100%
 }

 body {
     background-color: var(--color-background-medium);
     box-sizing: border-box;
     color: var(--color-text);
     fill: var(--color-icon);
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     overflow: hidden
 }

 input::-ms-clear {
     display: none
 }

 td {
     padding: 0
 }

 .checkbox:not(.glyph) {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: 0px -851px;
     background-repeat: no-repeat;
     cursor: pointer;
     display: inline-block;
     height: 16px;
     width: 15px
 }

 .checkbox:not(.glyph):hover {
     background-position: -100px -851px
 }

 .checkbox:not(.glyph).checked {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/935fd1f4a082b7d2d6d984cae0d5e51c9733f5c6/sprite.png");
     background-position: -200px -851px;
     background-repeat: no-repeat
 }

 .checkbox:not(.glyph).checked:hover {
     background-position: -300px -851px
 }

 a {
     color: var(--color-text);
     cursor: pointer;
     text-decoration: none
 }

 a:active,
 a:hover {
     color: var(--color-text);
     text-decoration: none
 }

 .DesignTokenThemeSelectors-theme--darkMode {
     color-scheme: dark
 }

 @media(prefers-color-scheme: dark) {
     .DesignTokenThemeSelectors-theme--systemDarkMode {
         color-scheme: dark
     }
 }

 .DesignTokenThemeSelectors-theme--blacklight .DesignTokenThemeSelectors-deprecatedComponent {
     outline: 2px solid red
 }

 .DesignTokenThemeDisablerInternal {
     color-scheme: light
 }

 :root {
     --color-text: #1e1f21;
     --color-text-rgb: 30, 31, 33;
     --color-text-foreground: #fff;
     --color-text-disabled: #afabac;
     --color-text-weak: #6d6e6f;
     --color-text-weak-hover: #1e1f21;
     --color-icon: #6d6e6f;
     --color-icon-rgb: 109, 110, 111;
     --color-icon-foreground: #fff;
     --color-icon-hover: #1e1f21;
     --color-icon-active: #1e1f21;
     --color-icon-disabled: #afabac;
     --color-icon-strong: #6d6e6f;
     --color-border: #edeae9;
     --color-border-rgb: 237, 234, 233;
     --color-border-hover: #afabac;
     --color-border-active: #6d6e6f;
     --color-border-strong: #cfcbcb;
     --color-background-weak: #fff;
     --color-background-weak-rgb: 255, 255, 255;
     --color-background-weak-hover-deprecated: #f9f8f8;
     --color-background-medium: #f9f8f8;
     --color-background-medium-rgb: 249, 248, 248;
     --color-background-hover: rgba(55, 23, 23, 0.03);
     --color-background-active: rgba(55, 23, 23, 0.05);
     --color-background-strong: #f5f3f3;
     --color-background-strong-rgb: 245, 243, 243;
     --color-selected-text: #3f6ac4;
     --color-selected-text-hover: #4464bb;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #3f6ac4;
     --color-selected-icon-rgb: 63, 106, 196;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #3f6ac4;
     --color-selected-border-hover: #3f6ac4;
     --color-selected-border-active: #3f6ac4;
     --color-selected-background: #f1f2fc;
     --color-selected-background-hover: #e7e9fc;
     --color-selected-background-active: #dbe0fd;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #0d7f56;
     --color-success-text-hover: #12714d;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #58a182;
     --color-success-icon-hover: #368e6a;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #8dc2ac;
     --color-success-border-hover: #58a182;
     --color-success-border-active: #58a182;
     --color-success-background: #e6f8f1;
     --color-success-background-hover: #e0f4ec;
     --color-success-background-active: #cce8dd;
     --color-success-background-strong: #58a182;
     --color-success-background-strong-hover: #519d7d;
     --color-success-background-strong-active: #3f9470;
     --color-warning-text: #986516;
     --color-warning-text-hover: #805411;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #b58e53;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #f1bd6c;
     --color-warning-border-hover: #b58e53;
     --color-warning-background: #fff6ee;
     --color-warning-background-hover: #ffecda;
     --color-warning-background-active: #fedcb6;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #986516;
     --color-upsell-text-hover: #805411;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #b58e53;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #fff6ee;
     --color-upsell-background-hover: #ffecda;
     --color-upsell-background-active: #fedcb6;
     --color-upsell-background-weak-hover: #fff6ee;
     --color-upsell-background-weak-active: #ffecda;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #f1bd6c;
     --color-danger-text: #c92f54;
     --color-danger-text-hover: #a42b45;
     --color-danger-text-strong: #fff;
     --color-danger-icon: #de5f73;
     --color-danger-icon-hover: #d33e5d;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #f1a2a9;
     --color-danger-border-hover: #e37281;
     --color-danger-border-active: #e37281;
     --color-danger-background: #feebec;
     --color-danger-background-hover: #fcdadc;
     --color-danger-background-active: #f9c6ca;
     --color-danger-background-strong: #de5f73;
     --color-danger-background-strong-hover: #d84f67;
     --color-danger-background-strong-active: #d33e5d;
     --color-drop-target-background: rgba(255, 255, 255, 0.95);
     --color-beta-text: #6e66b1;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #8d84e8;
     --color-beta-icon-rgb: 141, 132, 232;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #575089;
     --color-beta-background-weak: #f6f4fd;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #8d84e8;
     --color-beta-border-hover: #726ab9;
     --color-beta-border-active: #726ab9;
     --color-primary-text: #3f6ac4;
     --color-primary-text-hover: #4464bb;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #3f6ac4;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #3f6ac4;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #3f6ac4;
     --color-on-hold-text-hover: #4464bb;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #3f6ac4;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #3f6ac4;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-text: #1e1f21;
     --color-text-rgb: 30, 31, 33;
     --color-text-foreground: #fff;
     --color-text-disabled: #afabac;
     --color-text-weak: #6d6e6f;
     --color-text-weak-hover: #1e1f21;
     --color-icon: #6d6e6f;
     --color-icon-rgb: 109, 110, 111;
     --color-icon-foreground: #fff;
     --color-icon-hover: #1e1f21;
     --color-icon-active: #1e1f21;
     --color-icon-disabled: #afabac;
     --color-icon-strong: #6d6e6f;
     --color-border: #edeae9;
     --color-border-rgb: 237, 234, 233;
     --color-border-hover: #afabac;
     --color-border-active: #6d6e6f;
     --color-border-strong: #cfcbcb;
     --color-background-weak: #fff;
     --color-background-weak-rgb: 255, 255, 255;
     --color-background-weak-hover-deprecated: #f9f8f8;
     --color-background-medium: #f9f8f8;
     --color-background-medium-rgb: 249, 248, 248;
     --color-background-hover: rgba(55, 23, 23, 0.03);
     --color-background-active: rgba(55, 23, 23, 0.05);
     --color-background-strong: #f5f3f3;
     --color-background-strong-rgb: 245, 243, 243;
     --color-selected-text: #3f6ac4;
     --color-selected-text-hover: #4464bb;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #3f6ac4;
     --color-selected-icon-rgb: 63, 106, 196;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #3f6ac4;
     --color-selected-border-hover: #3f6ac4;
     --color-selected-border-active: #3f6ac4;
     --color-selected-background: #f1f2fc;
     --color-selected-background-hover: #e7e9fc;
     --color-selected-background-active: #dbe0fd;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #0d7f56;
     --color-success-text-hover: #12714d;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #58a182;
     --color-success-icon-hover: #368e6a;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #8dc2ac;
     --color-success-border-hover: #58a182;
     --color-success-border-active: #58a182;
     --color-success-background: #e6f8f1;
     --color-success-background-hover: #e0f4ec;
     --color-success-background-active: #cce8dd;
     --color-success-background-strong: #58a182;
     --color-success-background-strong-hover: #519d7d;
     --color-success-background-strong-active: #3f9470;
     --color-warning-text: #986516;
     --color-warning-text-hover: #805411;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #b58e53;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #f1bd6c;
     --color-warning-border-hover: #b58e53;
     --color-warning-background: #fff6ee;
     --color-warning-background-hover: #ffecda;
     --color-warning-background-active: #fedcb6;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #986516;
     --color-upsell-text-hover: #805411;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #b58e53;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #fff6ee;
     --color-upsell-background-hover: #ffecda;
     --color-upsell-background-active: #fedcb6;
     --color-upsell-background-weak-hover: #fff6ee;
     --color-upsell-background-weak-active: #ffecda;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #f1bd6c;
     --color-danger-text: #c92f54;
     --color-danger-text-hover: #a42b45;
     --color-danger-text-strong: #fff;
     --color-danger-icon: #de5f73;
     --color-danger-icon-hover: #d33e5d;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #f1a2a9;
     --color-danger-border-hover: #e37281;
     --color-danger-border-active: #e37281;
     --color-danger-background: #feebec;
     --color-danger-background-hover: #fcdadc;
     --color-danger-background-active: #f9c6ca;
     --color-danger-background-strong: #de5f73;
     --color-danger-background-strong-hover: #d84f67;
     --color-danger-background-strong-active: #d33e5d;
     --color-drop-target-background: rgba(255, 255, 255, 0.95);
     --color-beta-text: #6e66b1;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #8d84e8;
     --color-beta-icon-rgb: 141, 132, 232;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #575089;
     --color-beta-background-weak: #f6f4fd;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #8d84e8;
     --color-beta-border-hover: #726ab9;
     --color-beta-border-active: #726ab9;
     --color-primary-text: #3f6ac4;
     --color-primary-text-hover: #4464bb;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #3f6ac4;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #3f6ac4;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #3f6ac4;
     --color-on-hold-text-hover: #4464bb;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #3f6ac4;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #3f6ac4;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 @media print {
     :root {
         --color-text: #1e1f21;
         --color-text-rgb: 30, 31, 33;
         --color-text-foreground: #fff;
         --color-text-disabled: #afabac;
         --color-text-weak: #6d6e6f;
         --color-text-weak-hover: #1e1f21;
         --color-icon: #6d6e6f;
         --color-icon-rgb: 109, 110, 111;
         --color-icon-foreground: #fff;
         --color-icon-hover: #1e1f21;
         --color-icon-active: #1e1f21;
         --color-icon-disabled: #afabac;
         --color-icon-strong: #6d6e6f;
         --color-border: #edeae9;
         --color-border-rgb: 237, 234, 233;
         --color-border-hover: #afabac;
         --color-border-active: #6d6e6f;
         --color-border-strong: #cfcbcb;
         --color-background-weak: #fff;
         --color-background-weak-rgb: 255, 255, 255;
         --color-background-weak-hover-deprecated: #f9f8f8;
         --color-background-medium: #f9f8f8;
         --color-background-medium-rgb: 249, 248, 248;
         --color-background-hover: rgba(55, 23, 23, 0.03);
         --color-background-active: rgba(55, 23, 23, 0.05);
         --color-background-strong: #f5f3f3;
         --color-background-strong-rgb: 245, 243, 243;
         --color-selected-text: #3f6ac4;
         --color-selected-text-hover: #4464bb;
         --color-selected-text-strong: #fff;
         --color-selected-icon: #3f6ac4;
         --color-selected-icon-rgb: 63, 106, 196;
         --color-selected-icon-strong: #fff;
         --color-selected-border: #3f6ac4;
         --color-selected-border-hover: #3f6ac4;
         --color-selected-border-active: #3f6ac4;
         --color-selected-background: #f1f2fc;
         --color-selected-background-hover: #e7e9fc;
         --color-selected-background-active: #dbe0fd;
         --color-selected-background-strong: #4573d2;
         --color-selected-background-strong-rgb: 69, 115, 210;
         --color-selected-background-strong-hover: #426dc6;
         --color-selected-background-strong-active: #3f66ba;
         --color-success-text: #0d7f56;
         --color-success-text-hover: #12714d;
         --color-success-text-strong: #1e1f21;
         --color-success-icon: #58a182;
         --color-success-icon-hover: #368e6a;
         --color-success-icon-strong: #1e1f21;
         --color-success-border: #8dc2ac;
         --color-success-border-hover: #58a182;
         --color-success-border-active: #58a182;
         --color-success-background: #e6f8f1;
         --color-success-background-hover: #e0f4ec;
         --color-success-background-active: #cce8dd;
         --color-success-background-strong: #58a182;
         --color-success-background-strong-hover: #519d7d;
         --color-success-background-strong-active: #3f9470;
         --color-warning-text: #986516;
         --color-warning-text-hover: #805411;
         --color-warning-text-strong: #1e1f21;
         --color-warning-icon: #f1bd6c;
         --color-warning-icon-rgb: 241, 189, 108;
         --color-warning-icon-hover: #b58e53;
         --color-warning-icon-strong: #1e1f21;
         --color-warning-border: #f1bd6c;
         --color-warning-border-hover: #b58e53;
         --color-warning-background: #fff6ee;
         --color-warning-background-hover: #ffecda;
         --color-warning-background-active: #fedcb6;
         --color-warning-background-strong: #f1bd6c;
         --color-warning-background-strong-hover: #e8b668;
         --color-warning-background-strong-active: #e2b266;
         --color-upsell-text: #986516;
         --color-upsell-text-hover: #805411;
         --color-upsell-text-strong: #1e1f21;
         --color-upsell-icon: #f1bd6c;
         --color-upsell-icon-hover: #b58e53;
         --color-upsell-icon-strong: #1e1f21;
         --color-upsell-background: #fff6ee;
         --color-upsell-background-hover: #ffecda;
         --color-upsell-background-active: #fedcb6;
         --color-upsell-background-weak-hover: #fff6ee;
         --color-upsell-background-weak-active: #ffecda;
         --color-upsell-background-strong: #f1bd6c;
         --color-upsell-background-strong-hover: #e8b668;
         --color-upsell-background-strong-active: #e2b266;
         --color-upsell-border: #f1bd6c;
         --color-danger-text: #c92f54;
         --color-danger-text-hover: #a42b45;
         --color-danger-text-strong: #fff;
         --color-danger-icon: #de5f73;
         --color-danger-icon-hover: #d33e5d;
         --color-danger-icon-strong: #1e1f21;
         --color-danger-border: #f1a2a9;
         --color-danger-border-hover: #e37281;
         --color-danger-border-active: #e37281;
         --color-danger-background: #feebec;
         --color-danger-background-hover: #fcdadc;
         --color-danger-background-active: #f9c6ca;
         --color-danger-background-strong: #de5f73;
         --color-danger-background-strong-hover: #d84f67;
         --color-danger-background-strong-active: #d33e5d;
         --color-drop-target-background: rgba(255, 255, 255, 0.95);
         --color-beta-text: #6e66b1;
         --color-beta-text-weak: #726ab9;
         --color-beta-text-strong: #fff;
         --color-beta-icon: #8d84e8;
         --color-beta-icon-rgb: 141, 132, 232;
         --color-beta-icon-hover: #726ab9;
         --color-beta-icon-strong: #fff;
         --color-beta-background: #726ab9;
         --color-beta-background-hover: #575089;
         --color-beta-background-weak: #f6f4fd;
         --color-beta-background-strong: #736bc4;
         --color-beta-border: #8d84e8;
         --color-beta-border-hover: #726ab9;
         --color-beta-border-active: #726ab9;
         --color-primary-text: #3f6ac4;
         --color-primary-text-hover: #4464bb;
         --color-primary-text-strong: #fff;
         --color-primary-icon: #3f6ac4;
         --color-primary-icon-strong: #fff;
         --color-primary-border: #3f6ac4;
         --color-primary-background-strong: #4573d2;
         --color-primary-background-strong-hover: #426dc6;
         --color-primary-background-strong-active: #3f66ba;
         --color-on-hold-text: #3f6ac4;
         --color-on-hold-text-hover: #4464bb;
         --color-on-hold-text-strong: #fff;
         --color-on-hold-icon: #3f6ac4;
         --color-on-hold-icon-strong: #fff;
         --color-on-hold-border: #3f6ac4;
         --color-on-hold-background-strong: #4573d2;
         --color-on-hold-background-strong-hover: #426dc6;
         --color-on-hold-background-strong-active: #3f66ba
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-text: #f5f4f3;
     --color-text-rgb: 245, 244, 243;
     --color-text-foreground: #f5f4f3;
     --color-text-disabled: #6a696a;
     --color-text-weak: #a2a0a2;
     --color-text-weak-hover: #f5f4f3;
     --color-icon: #a2a0a2;
     --color-icon-rgb: 162, 160, 162;
     --color-icon-foreground: #f5f4f3;
     --color-icon-hover: #f5f4f3;
     --color-icon-active: #f5f4f3;
     --color-icon-disabled: #6a696a;
     --color-icon-strong: #f5f4f3;
     --color-border: #424244;
     --color-border-rgb: 66, 66, 68;
     --color-border-hover: #6a696a;
     --color-border-active: #a2a0a2;
     --color-border-strong: #565557;
     --color-background-weak: #1e1f21;
     --color-background-weak-rgb: 30, 31, 33;
     --color-background-weak-hover-deprecated: #2a2b2d;
     --color-background-medium: #252628;
     --color-background-medium-rgb: 37, 38, 40;
     --color-background-hover: rgba(255, 255, 255, 0.06);
     --color-background-active: rgba(255, 255, 255, 0.11);
     --color-background-strong: #2a2b2d;
     --color-background-strong-rgb: 42, 43, 45;
     --color-selected-text: #6296f1;
     --color-selected-text-hover: #5688e5;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #4573d2;
     --color-selected-icon-rgb: 69, 115, 210;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #4573d2;
     --color-selected-border-hover: #4573d2;
     --color-selected-border-active: #4573d2;
     --color-selected-background: #172237;
     --color-selected-background-hover: #1a2843;
     --color-selected-background-active: #2a3c68;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #66a88b;
     --color-success-text-hover: #93c0aa;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #5da283;
     --color-success-icon-hover: #74af93;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #32695d;
     --color-success-border-hover: #4b8a73;
     --color-success-border-active: #4b8a73;
     --color-success-background: #1d3733;
     --color-success-background-hover: #21433d;
     --color-success-background-active: #244d46;
     --color-success-background-strong: #5da283;
     --color-success-background-strong-hover: #89baa2;
     --color-success-background-strong-active: #93c0aa;
     --color-warning-text: #f1bd6c;
     --color-warning-text-hover: #f6c682;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #f6c682;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #735c38;
     --color-warning-border-hover: #b89054;
     --color-warning-background: #3d3120;
     --color-warning-background-hover: #493b26;
     --color-warning-background-active: #54432b;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #f1bd6c;
     --color-upsell-text-hover: #f6c682;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #f6c682;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #3d3120;
     --color-upsell-background-hover: #493b26;
     --color-upsell-background-active: #54432b;
     --color-upsell-background-weak-hover: #3d3120;
     --color-upsell-background-weak-active: #493b26;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #735c38;
     --color-danger-text: #e26d7e;
     --color-danger-text-hover: #ec8e98;
     --color-danger-text-strong: #1e1f21;
     --color-danger-icon: #d1395a;
     --color-danger-icon-hover: #e26d7e;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #b12d4b;
     --color-danger-border-hover: #d1395a;
     --color-danger-border-active: #d1395a;
     --color-danger-background: #581e28;
     --color-danger-background-hover: #64202c;
     --color-danger-background-active: #6e2230;
     --color-danger-background-strong: #dd5e72;
     --color-danger-background-strong-hover: #e47281;
     --color-danger-background-strong-active: #e67886;
     --color-drop-target-background: rgba(30, 31, 33, 0.95);
     --color-beta-text: #a499ed;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #a499ed;
     --color-beta-icon-rgb: 164, 153, 237;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #a499ed;
     --color-beta-background-weak: #3a3659;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #726ab9;
     --color-beta-border-hover: #a499ed;
     --color-beta-border-active: #a499ed;
     --color-primary-text: #6296f1;
     --color-primary-text-hover: #5688e5;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #4573d2;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #4573d2;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #6296f1;
     --color-on-hold-text-hover: #5688e5;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #4573d2;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #4573d2;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-text: #f5f4f3;
         --color-text-rgb: 245, 244, 243;
         --color-text-foreground: #f5f4f3;
         --color-text-disabled: #6a696a;
         --color-text-weak: #a2a0a2;
         --color-text-weak-hover: #f5f4f3;
         --color-icon: #a2a0a2;
         --color-icon-rgb: 162, 160, 162;
         --color-icon-foreground: #f5f4f3;
         --color-icon-hover: #f5f4f3;
         --color-icon-active: #f5f4f3;
         --color-icon-disabled: #6a696a;
         --color-icon-strong: #f5f4f3;
         --color-border: #424244;
         --color-border-rgb: 66, 66, 68;
         --color-border-hover: #6a696a;
         --color-border-active: #a2a0a2;
         --color-border-strong: #565557;
         --color-background-weak: #1e1f21;
         --color-background-weak-rgb: 30, 31, 33;
         --color-background-weak-hover-deprecated: #2a2b2d;
         --color-background-medium: #252628;
         --color-background-medium-rgb: 37, 38, 40;
         --color-background-hover: rgba(255, 255, 255, 0.06);
         --color-background-active: rgba(255, 255, 255, 0.11);
         --color-background-strong: #2a2b2d;
         --color-background-strong-rgb: 42, 43, 45;
         --color-selected-text: #6296f1;
         --color-selected-text-hover: #5688e5;
         --color-selected-text-strong: #fff;
         --color-selected-icon: #4573d2;
         --color-selected-icon-rgb: 69, 115, 210;
         --color-selected-icon-strong: #fff;
         --color-selected-border: #4573d2;
         --color-selected-border-hover: #4573d2;
         --color-selected-border-active: #4573d2;
         --color-selected-background: #172237;
         --color-selected-background-hover: #1a2843;
         --color-selected-background-active: #2a3c68;
         --color-selected-background-strong: #4573d2;
         --color-selected-background-strong-rgb: 69, 115, 210;
         --color-selected-background-strong-hover: #426dc6;
         --color-selected-background-strong-active: #3f66ba;
         --color-success-text: #66a88b;
         --color-success-text-hover: #93c0aa;
         --color-success-text-strong: #1e1f21;
         --color-success-icon: #5da283;
         --color-success-icon-hover: #74af93;
         --color-success-icon-strong: #1e1f21;
         --color-success-border: #32695d;
         --color-success-border-hover: #4b8a73;
         --color-success-border-active: #4b8a73;
         --color-success-background: #1d3733;
         --color-success-background-hover: #21433d;
         --color-success-background-active: #244d46;
         --color-success-background-strong: #5da283;
         --color-success-background-strong-hover: #89baa2;
         --color-success-background-strong-active: #93c0aa;
         --color-warning-text: #f1bd6c;
         --color-warning-text-hover: #f6c682;
         --color-warning-text-strong: #1e1f21;
         --color-warning-icon: #f1bd6c;
         --color-warning-icon-rgb: 241, 189, 108;
         --color-warning-icon-hover: #f6c682;
         --color-warning-icon-strong: #1e1f21;
         --color-warning-border: #735c38;
         --color-warning-border-hover: #b89054;
         --color-warning-background: #3d3120;
         --color-warning-background-hover: #493b26;
         --color-warning-background-active: #54432b;
         --color-warning-background-strong: #f1bd6c;
         --color-warning-background-strong-hover: #e8b668;
         --color-warning-background-strong-active: #e2b266;
         --color-upsell-text: #f1bd6c;
         --color-upsell-text-hover: #f6c682;
         --color-upsell-text-strong: #1e1f21;
         --color-upsell-icon: #f1bd6c;
         --color-upsell-icon-hover: #f6c682;
         --color-upsell-icon-strong: #1e1f21;
         --color-upsell-background: #3d3120;
         --color-upsell-background-hover: #493b26;
         --color-upsell-background-active: #54432b;
         --color-upsell-background-weak-hover: #3d3120;
         --color-upsell-background-weak-active: #493b26;
         --color-upsell-background-strong: #f1bd6c;
         --color-upsell-background-strong-hover: #e8b668;
         --color-upsell-background-strong-active: #e2b266;
         --color-upsell-border: #735c38;
         --color-danger-text: #e26d7e;
         --color-danger-text-hover: #ec8e98;
         --color-danger-text-strong: #1e1f21;
         --color-danger-icon: #d1395a;
         --color-danger-icon-hover: #e26d7e;
         --color-danger-icon-strong: #1e1f21;
         --color-danger-border: #b12d4b;
         --color-danger-border-hover: #d1395a;
         --color-danger-border-active: #d1395a;
         --color-danger-background: #581e28;
         --color-danger-background-hover: #64202c;
         --color-danger-background-active: #6e2230;
         --color-danger-background-strong: #dd5e72;
         --color-danger-background-strong-hover: #e47281;
         --color-danger-background-strong-active: #e67886;
         --color-drop-target-background: rgba(30, 31, 33, 0.95);
         --color-beta-text: #a499ed;
         --color-beta-text-weak: #726ab9;
         --color-beta-text-strong: #fff;
         --color-beta-icon: #a499ed;
         --color-beta-icon-rgb: 164, 153, 237;
         --color-beta-icon-hover: #726ab9;
         --color-beta-icon-strong: #fff;
         --color-beta-background: #726ab9;
         --color-beta-background-hover: #a499ed;
         --color-beta-background-weak: #3a3659;
         --color-beta-background-strong: #736bc4;
         --color-beta-border: #726ab9;
         --color-beta-border-hover: #a499ed;
         --color-beta-border-active: #a499ed;
         --color-primary-text: #6296f1;
         --color-primary-text-hover: #5688e5;
         --color-primary-text-strong: #fff;
         --color-primary-icon: #4573d2;
         --color-primary-icon-strong: #fff;
         --color-primary-border: #4573d2;
         --color-primary-background-strong: #4573d2;
         --color-primary-background-strong-hover: #426dc6;
         --color-primary-background-strong-active: #3f66ba;
         --color-on-hold-text: #6296f1;
         --color-on-hold-text-hover: #5688e5;
         --color-on-hold-text-strong: #fff;
         --color-on-hold-icon: #4573d2;
         --color-on-hold-icon-strong: #fff;
         --color-on-hold-border: #4573d2;
         --color-on-hold-background-strong: #4573d2;
         --color-on-hold-background-strong-hover: #426dc6;
         --color-on-hold-background-strong-active: #3f66ba
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-text: #f5f4f3;
     --color-text-rgb: 245, 244, 243;
     --color-text-foreground: #f5f4f3;
     --color-text-disabled: #6a696a;
     --color-text-weak: #a2a0a2;
     --color-text-weak-hover: #f5f4f3;
     --color-icon: #a2a0a2;
     --color-icon-rgb: 162, 160, 162;
     --color-icon-foreground: #f5f4f3;
     --color-icon-hover: #f5f4f3;
     --color-icon-active: #f5f4f3;
     --color-icon-disabled: #6a696a;
     --color-icon-strong: #f5f4f3;
     --color-border: #424244;
     --color-border-rgb: 66, 66, 68;
     --color-border-hover: #6a696a;
     --color-border-active: #a2a0a2;
     --color-border-strong: #565557;
     --color-background-weak: #1e1f21;
     --color-background-weak-rgb: 30, 31, 33;
     --color-background-weak-hover-deprecated: #2a2b2d;
     --color-background-medium: #252628;
     --color-background-medium-rgb: 37, 38, 40;
     --color-background-hover: rgba(255, 255, 255, 0.06);
     --color-background-active: rgba(255, 255, 255, 0.11);
     --color-background-strong: #2a2b2d;
     --color-background-strong-rgb: 42, 43, 45;
     --color-selected-text: #6296f1;
     --color-selected-text-hover: #5688e5;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #4573d2;
     --color-selected-icon-rgb: 69, 115, 210;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #4573d2;
     --color-selected-border-hover: #4573d2;
     --color-selected-border-active: #4573d2;
     --color-selected-background: #172237;
     --color-selected-background-hover: #1a2843;
     --color-selected-background-active: #2a3c68;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #66a88b;
     --color-success-text-hover: #93c0aa;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #5da283;
     --color-success-icon-hover: #74af93;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #32695d;
     --color-success-border-hover: #4b8a73;
     --color-success-border-active: #4b8a73;
     --color-success-background: #1d3733;
     --color-success-background-hover: #21433d;
     --color-success-background-active: #244d46;
     --color-success-background-strong: #5da283;
     --color-success-background-strong-hover: #89baa2;
     --color-success-background-strong-active: #93c0aa;
     --color-warning-text: #f1bd6c;
     --color-warning-text-hover: #f6c682;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #f6c682;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #735c38;
     --color-warning-border-hover: #b89054;
     --color-warning-background: #3d3120;
     --color-warning-background-hover: #493b26;
     --color-warning-background-active: #54432b;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #f1bd6c;
     --color-upsell-text-hover: #f6c682;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #f6c682;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #3d3120;
     --color-upsell-background-hover: #493b26;
     --color-upsell-background-active: #54432b;
     --color-upsell-background-weak-hover: #3d3120;
     --color-upsell-background-weak-active: #493b26;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #735c38;
     --color-danger-text: #e26d7e;
     --color-danger-text-hover: #ec8e98;
     --color-danger-text-strong: #1e1f21;
     --color-danger-icon: #d1395a;
     --color-danger-icon-hover: #e26d7e;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #b12d4b;
     --color-danger-border-hover: #d1395a;
     --color-danger-border-active: #d1395a;
     --color-danger-background: #581e28;
     --color-danger-background-hover: #64202c;
     --color-danger-background-active: #6e2230;
     --color-danger-background-strong: #dd5e72;
     --color-danger-background-strong-hover: #e47281;
     --color-danger-background-strong-active: #e67886;
     --color-drop-target-background: rgba(30, 31, 33, 0.95);
     --color-beta-text: #a499ed;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #a499ed;
     --color-beta-icon-rgb: 164, 153, 237;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #a499ed;
     --color-beta-background-weak: #3a3659;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #726ab9;
     --color-beta-border-hover: #a499ed;
     --color-beta-border-active: #a499ed;
     --color-primary-text: #6296f1;
     --color-primary-text-hover: #5688e5;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #4573d2;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #4573d2;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #6296f1;
     --color-on-hold-text-hover: #5688e5;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #4573d2;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #4573d2;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba;
     --color-text: #f8f4f6;
     --color-text-rgb: 248, 244, 246;
     --color-text-foreground: #f8f4f6;
     --color-text-disabled: #8f5977;
     --color-text-weak: #bb97a9;
     --color-text-weak-hover: #f8f4f6;
     --color-icon: #bb97a9;
     --color-icon-rgb: 187, 151, 169;
     --color-icon-foreground: #f8f4f6;
     --color-icon-hover: #f8f4f6;
     --color-icon-active: #f8f4f6;
     --color-icon-disabled: #8f5977;
     --color-icon-strong: #f8f4f6;
     --color-border: #5f2748;
     --color-border-rgb: 95, 39, 72;
     --color-border-hover: #8f5977;
     --color-border-active: #bb97a9;
     --color-border-strong: #5f2748;
     --color-background-weak: #36172a;
     --color-background-weak-rgb: 54, 23, 42;
     --color-background-weak-hover-deprecated: #461d36;
     --color-background-medium: #3e1930;
     --color-background-medium-rgb: 62, 25, 48;
     --color-background-strong: #461d36;
     --color-background-strong-rgb: 70, 29, 54;
     --color-drop-target-background: rgba(54, 23, 42, 0.95)
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-success-text: #62d26f;
     --color-success-icon: #62d26f;
     --color-success-icon-hover: #62d26f;
     --color-warning-text: #d6ce38;
     --color-warning-text-hover: #d6ce38;
     --color-warning-icon: #d6ce38;
     --color-warning-icon-rgb: 214, 206, 56;
     --color-warning-icon-hover: #d6ce38;
     --color-upsell-text: #d6ce38;
     --color-upsell-text-hover: #d6ce38;
     --color-upsell-icon: #d6ce38;
     --color-upsell-icon-hover: #d6ce38;
     --color-danger-text: #fd612c;
     --color-danger-text-hover: #fd612c;
     --color-danger-icon: #fd612c;
     --color-danger-icon-hover: #fd612c
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-success-text: #62d26f;
     --color-success-icon: #62d26f;
     --color-success-icon-hover: #62d26f;
     --color-warning-text: #d6ce38;
     --color-warning-text-hover: #d6ce38;
     --color-warning-icon: #d6ce38;
     --color-warning-icon-rgb: 214, 206, 56;
     --color-warning-icon-hover: #d6ce38;
     --color-upsell-text: #d6ce38;
     --color-upsell-text-hover: #d6ce38;
     --color-upsell-icon: #d6ce38;
     --color-upsell-icon-hover: #d6ce38;
     --color-danger-text: #fd612c;
     --color-danger-text-hover: #fd612c;
     --color-danger-icon: #fd612c;
     --color-danger-icon-hover: #fd612c
 }

 :root {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #e8e5e4;
     --color-customization-background-weak-deprecated-opaque: #e8e5e4;
     --color-customization-background-weak-deprecated: #e8e5e4;
     --color-customization-background-weak-hover: #e1dedd;
     --color-customization-background-weak-hover-deprecated: #e1dedd;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #1e1f21;
     --color-customization-foreground-weak-deprecated: #1e1f21;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #1e1f21;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #1e1f21;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #1e1f21;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #1e1f21;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #1e1f21;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #1e1f21;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #1e1f21;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #1e1f21;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #1e1f21;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #1e1f21;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #1e1f21;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #1e1f21;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #1e1f21
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #e8e5e4;
     --color-customization-background-weak-deprecated-opaque: #e8e5e4;
     --color-customization-background-weak-deprecated: #e8e5e4;
     --color-customization-background-weak-hover: #e1dedd;
     --color-customization-background-weak-hover-deprecated: #e1dedd;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #1e1f21;
     --color-customization-foreground-weak-deprecated: #1e1f21;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #1e1f21;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #1e1f21;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #1e1f21;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #1e1f21;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #1e1f21;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #1e1f21;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #1e1f21;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #1e1f21;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #1e1f21;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #1e1f21;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #1e1f21;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #1e1f21;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #1e1f21
 }

 @media print {
     :root {
         --color-customization-background: #c7c4c4;
         --color-customization-background-deprecated: #c7c4c4;
         --color-customization-background-deprecated-opaque: #c7c4c4;
         --color-customization-background-hover: #bfbcbc;
         --color-customization-background-hover-deprecated: #bfbcbc;
         --color-customization-background-active: #b9b6b6;
         --color-customization-background-active-deprecated: #b9b6b6;
         --color-customization-background-weak: #e8e5e4;
         --color-customization-background-weak-deprecated-opaque: #e8e5e4;
         --color-customization-background-weak-deprecated: #e8e5e4;
         --color-customization-background-weak-hover: #e1dedd;
         --color-customization-background-weak-hover-deprecated: #e1dedd;
         --color-customization-foreground: #1e1f21;
         --color-customization-foreground-weak: #1e1f21;
         --color-customization-foreground-weak-deprecated: #1e1f21;
         --color-customization-red-background: #f06a6a;
         --color-customization-red-background-rgb: 240, 106, 106;
         --color-customization-red-background-hover: #eb6868;
         --color-customization-red-foreground: #1e1f21;
         --color-customization-red-foreground-hover: #1e1f21;
         --color-customization-red-text-deprecated: #1e1f21;
         --color-customization-orange-background: #ec8d71;
         --color-customization-orange-background-rgb: 236, 141, 113;
         --color-customization-orange-background-hover: #e3886d;
         --color-customization-orange-foreground: #1e1f21;
         --color-customization-orange-foreground-hover: #1e1f21;
         --color-customization-orange-text-deprecated: #1e1f21;
         --color-customization-yellow-orange-background: #f1bd6c;
         --color-customization-yellow-orange-background-rgb: 241, 189, 108;
         --color-customization-yellow-orange-background-hover: #e7b568;
         --color-customization-yellow-orange-foreground: #1e1f21;
         --color-customization-yellow-orange-foreground-hover: #1e1f21;
         --color-customization-yellow-orange-text-deprecated: #1e1f21;
         --color-customization-yellow-background: #f8df72;
         --color-customization-yellow-background-rgb: 248, 223, 114;
         --color-customization-yellow-background-hover: #f2da6f;
         --color-customization-yellow-foreground: #1e1f21;
         --color-customization-yellow-foreground-hover: #1e1f21;
         --color-customization-yellow-text-deprecated: #1e1f21;
         --color-customization-yellow-green-background: #aecf55;
         --color-customization-yellow-green-background-rgb: 174, 207, 85;
         --color-customization-yellow-green-background-hover: #a9c953;
         --color-customization-yellow-green-foreground: #1e1f21;
         --color-customization-yellow-green-foreground-hover: #1e1f21;
         --color-customization-yellow-green-text-deprecated: #1e1f21;
         --color-customization-green-background: #5da283;
         --color-customization-green-background-rgb: 93, 162, 131;
         --color-customization-green-background-hover: #5a9b7e;
         --color-customization-green-foreground: #fff;
         --color-customization-green-foreground-hover: #fff;
         --color-customization-green-text-deprecated: #1e1f21;
         --color-customization-blue-green-background: #4ecbc4;
         --color-customization-blue-green-background-rgb: 78, 203, 196;
         --color-customization-blue-green-background-hover: #4abeb7;
         --color-customization-blue-green-foreground: #1e1f21;
         --color-customization-blue-green-foreground-hover: #1e1f21;
         --color-customization-blue-green-text-deprecated: #1e1f21;
         --color-customization-aqua-background: #9ee7e3;
         --color-customization-aqua-background-rgb: 158, 231, 227;
         --color-customization-aqua-background-hover: #99dfdb;
         --color-customization-aqua-foreground: #1e1f21;
         --color-customization-aqua-foreground-hover: #1e1f21;
         --color-customization-aqua-text-deprecated: #1e1f21;
         --color-customization-blue-background: #4573d2;
         --color-customization-blue-background-rgb: 69, 115, 210;
         --color-customization-blue-background-hover: #526dc6;
         --color-customization-blue-foreground: #fff;
         --color-customization-blue-foreground-hover: #fff;
         --color-customization-blue-text-deprecated: #1e1f21;
         --color-customization-indigo-background: #8d84e8;
         --color-customization-indigo-background-rgb: 141, 132, 232;
         --color-customization-indigo-background-hover: #867ddc;
         --color-customization-indigo-foreground: #fff;
         --color-customization-indigo-foreground-hover: #fff;
         --color-customization-indigo-text-deprecated: #1e1f21;
         --color-customization-purple-background: #b36bd4;
         --color-customization-purple-background-rgb: 179, 107, 212;
         --color-customization-purple-background-hover: #ad67cc;
         --color-customization-purple-foreground: #fff;
         --color-customization-purple-foreground-hover: #fff;
         --color-customization-purple-text-deprecated: #1e1f21;
         --color-customization-magenta-background: #f9aaef;
         --color-customization-magenta-background-rgb: 249, 170, 239;
         --color-customization-magenta-background-hover: #f1a5e8;
         --color-customization-magenta-foreground: #1e1f21;
         --color-customization-magenta-foreground-hover: #1e1f21;
         --color-customization-magenta-text-deprecated: #1e1f21;
         --color-customization-hot-pink-background: #f26fb2;
         --color-customization-hot-pink-background-rgb: 242, 111, 178;
         --color-customization-hot-pink-background-hover: #e66aa9;
         --color-customization-hot-pink-foreground: #1e1f21;
         --color-customization-hot-pink-foreground-hover: #1e1f21;
         --color-customization-hot-pink-text-deprecated: #1e1f21;
         --color-customization-pink-background: #fc979a;
         --color-customization-pink-background-rgb: 252, 151, 154;
         --color-customization-pink-background-hover: #f39294;
         --color-customization-pink-foreground: #1e1f21;
         --color-customization-pink-foreground-hover: #1e1f21;
         --color-customization-pink-text-deprecated: #1e1f21;
         --color-customization-cool-gray-background: #6d6e6f;
         --color-customization-cool-gray-background-rgb: 109, 110, 111;
         --color-customization-cool-gray-background-hover: #656667;
         --color-customization-cool-gray-foreground: #fff;
         --color-customization-cool-gray-foreground-hover: #fff;
         --color-customization-cool-gray-text-deprecated: #1e1f21
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #424244;
     --color-customization-background-weak-deprecated-opaque: #424244;
     --color-customization-background-weak-deprecated: #424244;
     --color-customization-background-weak-hover: #464648;
     --color-customization-background-weak-hover-deprecated: #464648;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #fff;
     --color-customization-foreground-weak-deprecated: #fff;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #f5f4f3;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #f5f4f3;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #f5f4f3;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #f5f4f3;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #f5f4f3;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #f5f4f3;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #f5f4f3;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #f5f4f3;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #f5f4f3;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #f5f4f3;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #f5f4f3;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #f5f4f3;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #f5f4f3
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-customization-background: #c7c4c4;
         --color-customization-background-deprecated: #c7c4c4;
         --color-customization-background-deprecated-opaque: #c7c4c4;
         --color-customization-background-hover: #bfbcbc;
         --color-customization-background-hover-deprecated: #bfbcbc;
         --color-customization-background-active: #b9b6b6;
         --color-customization-background-active-deprecated: #b9b6b6;
         --color-customization-background-weak: #424244;
         --color-customization-background-weak-deprecated-opaque: #424244;
         --color-customization-background-weak-deprecated: #424244;
         --color-customization-background-weak-hover: #464648;
         --color-customization-background-weak-hover-deprecated: #464648;
         --color-customization-foreground: #1e1f21;
         --color-customization-foreground-weak: #fff;
         --color-customization-foreground-weak-deprecated: #fff;
         --color-customization-red-background: #f06a6a;
         --color-customization-red-background-rgb: 240, 106, 106;
         --color-customization-red-background-hover: #eb6868;
         --color-customization-red-foreground: #1e1f21;
         --color-customization-red-foreground-hover: #1e1f21;
         --color-customization-red-text-deprecated: #f5f4f3;
         --color-customization-orange-background: #ec8d71;
         --color-customization-orange-background-rgb: 236, 141, 113;
         --color-customization-orange-background-hover: #e3886d;
         --color-customization-orange-foreground: #1e1f21;
         --color-customization-orange-foreground-hover: #1e1f21;
         --color-customization-orange-text-deprecated: #f5f4f3;
         --color-customization-yellow-orange-background: #f1bd6c;
         --color-customization-yellow-orange-background-rgb: 241, 189, 108;
         --color-customization-yellow-orange-background-hover: #e7b568;
         --color-customization-yellow-orange-foreground: #1e1f21;
         --color-customization-yellow-orange-foreground-hover: #1e1f21;
         --color-customization-yellow-orange-text-deprecated: #f5f4f3;
         --color-customization-yellow-background: #f8df72;
         --color-customization-yellow-background-rgb: 248, 223, 114;
         --color-customization-yellow-background-hover: #f2da6f;
         --color-customization-yellow-foreground: #1e1f21;
         --color-customization-yellow-foreground-hover: #1e1f21;
         --color-customization-yellow-text-deprecated: #f5f4f3;
         --color-customization-yellow-green-background: #aecf55;
         --color-customization-yellow-green-background-rgb: 174, 207, 85;
         --color-customization-yellow-green-background-hover: #a9c953;
         --color-customization-yellow-green-foreground: #1e1f21;
         --color-customization-yellow-green-foreground-hover: #1e1f21;
         --color-customization-yellow-green-text-deprecated: #f5f4f3;
         --color-customization-green-background: #5da283;
         --color-customization-green-background-rgb: 93, 162, 131;
         --color-customization-green-background-hover: #5a9b7e;
         --color-customization-green-foreground: #fff;
         --color-customization-green-foreground-hover: #fff;
         --color-customization-green-text-deprecated: #f5f4f3;
         --color-customization-blue-green-background: #4ecbc4;
         --color-customization-blue-green-background-rgb: 78, 203, 196;
         --color-customization-blue-green-background-hover: #4abeb7;
         --color-customization-blue-green-foreground: #1e1f21;
         --color-customization-blue-green-foreground-hover: #1e1f21;
         --color-customization-blue-green-text-deprecated: #f5f4f3;
         --color-customization-aqua-background: #9ee7e3;
         --color-customization-aqua-background-rgb: 158, 231, 227;
         --color-customization-aqua-background-hover: #99dfdb;
         --color-customization-aqua-foreground: #1e1f21;
         --color-customization-aqua-foreground-hover: #1e1f21;
         --color-customization-aqua-text-deprecated: #f5f4f3;
         --color-customization-blue-background: #4573d2;
         --color-customization-blue-background-rgb: 69, 115, 210;
         --color-customization-blue-background-hover: #526dc6;
         --color-customization-blue-foreground: #fff;
         --color-customization-blue-foreground-hover: #fff;
         --color-customization-blue-text-deprecated: #f5f4f3;
         --color-customization-indigo-background: #8d84e8;
         --color-customization-indigo-background-rgb: 141, 132, 232;
         --color-customization-indigo-background-hover: #867ddc;
         --color-customization-indigo-foreground: #fff;
         --color-customization-indigo-foreground-hover: #fff;
         --color-customization-indigo-text-deprecated: #f5f4f3;
         --color-customization-purple-background: #b36bd4;
         --color-customization-purple-background-rgb: 179, 107, 212;
         --color-customization-purple-background-hover: #ad67cc;
         --color-customization-purple-foreground: #fff;
         --color-customization-purple-foreground-hover: #fff;
         --color-customization-purple-text-deprecated: #f5f4f3;
         --color-customization-magenta-background: #f9aaef;
         --color-customization-magenta-background-rgb: 249, 170, 239;
         --color-customization-magenta-background-hover: #f1a5e8;
         --color-customization-magenta-foreground: #1e1f21;
         --color-customization-magenta-foreground-hover: #1e1f21;
         --color-customization-magenta-text-deprecated: #f5f4f3;
         --color-customization-hot-pink-background: #f26fb2;
         --color-customization-hot-pink-background-rgb: 242, 111, 178;
         --color-customization-hot-pink-background-hover: #e66aa9;
         --color-customization-hot-pink-foreground: #1e1f21;
         --color-customization-hot-pink-foreground-hover: #1e1f21;
         --color-customization-hot-pink-text-deprecated: #f5f4f3;
         --color-customization-pink-background: #fc979a;
         --color-customization-pink-background-rgb: 252, 151, 154;
         --color-customization-pink-background-hover: #f39294;
         --color-customization-pink-foreground: #1e1f21;
         --color-customization-pink-foreground-hover: #1e1f21;
         --color-customization-pink-text-deprecated: #f5f4f3;
         --color-customization-cool-gray-background: #6d6e6f;
         --color-customization-cool-gray-background-rgb: 109, 110, 111;
         --color-customization-cool-gray-background-hover: #656667;
         --color-customization-cool-gray-foreground: #fff;
         --color-customization-cool-gray-foreground-hover: #fff;
         --color-customization-cool-gray-text-deprecated: #f5f4f3
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #424244;
     --color-customization-background-weak-deprecated-opaque: #424244;
     --color-customization-background-weak-deprecated: #424244;
     --color-customization-background-weak-hover: #464648;
     --color-customization-background-weak-hover-deprecated: #464648;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #fff;
     --color-customization-foreground-weak-deprecated: #fff;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #f5f4f3;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #f5f4f3;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #f5f4f3;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #f5f4f3;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #f5f4f3;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #f5f4f3;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #f5f4f3;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #f5f4f3;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #f5f4f3;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #f5f4f3;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #f5f4f3;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #f5f4f3;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #f5f4f3;
     --color-customization-background-weak: #5f2748;
     --color-customization-background-weak-deprecated-opaque: #5f2748;
     --color-customization-background-weak-deprecated: #5f2748;
     --color-customization-background-weak-hover: #5f2748;
     --color-customization-background-weak-hover-deprecated: #5f2748
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-customization-red-background: #e8384f;
     --color-customization-red-background-rgb: 232, 56, 79;
     --color-customization-red-background-hover: #de1a33;
     --color-customization-red-foreground: #fff;
     --color-customization-red-foreground-hover: #fff;
     --color-customization-red-text-deprecated: #d74854;
     --color-customization-orange-background: #fd817d;
     --color-customization-orange-background-rgb: 253, 129, 125;
     --color-customization-orange-background-hover: #fc5a55;
     --color-customization-orange-foreground: #560401;
     --color-customization-orange-foreground-hover: #2e0201;
     --color-customization-orange-text-deprecated: #d67a74;
     --color-customization-yellow-orange-background: #fdae33;
     --color-customization-yellow-orange-background-rgb: 253, 174, 51;
     --color-customization-yellow-orange-background-hover: #fd9e0b;
     --color-customization-yellow-orange-foreground: #513201;
     --color-customization-yellow-orange-foreground-hover: #291901;
     --color-customization-yellow-orange-text-deprecated: #bf8b3e;
     --color-customization-yellow-background: #eecc16;
     --color-customization-yellow-background-rgb: 238, 204, 22;
     --color-customization-yellow-background-hover: #ccae0f;
     --color-customization-yellow-foreground: #504107;
     --color-customization-yellow-foreground-hover: #2a2304;
     --color-customization-yellow-text-deprecated: #d67a74;
     --color-customization-yellow-green-background: #a4c61a;
     --color-customization-yellow-green-background-rgb: 164, 198, 26;
     --color-customization-yellow-green-background-hover: #86a215;
     --color-customization-yellow-green-foreground: #333b07;
     --color-customization-yellow-green-foreground-hover: #131703;
     --color-customization-yellow-green-text-deprecated: #899d36;
     --color-customization-green-background: #62bb35;
     --color-customization-green-background-rgb: 98, 187, 53;
     --color-customization-green-background-hover: #519b2c;
     --color-customization-green-foreground: #182c0c;
     --color-customization-green-foreground-hover: #070c03;
     --color-customization-green-text-deprecated: #679c40;
     --color-customization-blue-green-background: #37a862;
     --color-customization-blue-green-background-rgb: 55, 168, 98;
     --color-customization-blue-green-background-hover: #2d8950;
     --color-customization-blue-green-foreground: #fff;
     --color-customization-blue-green-foreground-hover: #fff;
     --color-customization-blue-green-text-deprecated: #59a368;
     --color-customization-aqua-background: #208ea3;
     --color-customization-aqua-background-rgb: 32, 142, 163;
     --color-customization-aqua-background-hover: #197081;
     --color-customization-aqua-foreground: #fff;
     --color-customization-aqua-foreground-hover: #fff;
     --color-customization-aqua-text-deprecated: #448da0;
     --color-customization-blue-background: #4178bc;
     --color-customization-blue-background-rgb: 65, 120, 188;
     --color-customization-blue-background-hover: #37659e;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #4d79b7;
     --color-customization-indigo-background: #7a71f6;
     --color-customization-indigo-background-rgb: 122, 113, 246;
     --color-customization-indigo-background-hover: #564bf4;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #7776ee;
     --color-customization-purple-background: #aa71ff;
     --color-customization-purple-background-rgb: 170, 113, 255;
     --color-customization-purple-background-hover: #9248ff;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #a178f7;
     --color-customization-magenta-background: #e37cff;
     --color-customization-magenta-background-rgb: 227, 124, 255;
     --color-customization-magenta-background-hover: #da53ff;
     --color-customization-magenta-foreground: #48005c;
     --color-customization-magenta-foreground-hover: #280033;
     --color-customization-magenta-text-deprecated: #c078df;
     --color-customization-hot-pink-background: #ea4e9d;
     --color-customization-hot-pink-background-rgb: 234, 78, 157;
     --color-customization-hot-pink-background-hover: #e62a89;
     --color-customization-hot-pink-foreground: #fff;
     --color-customization-hot-pink-foreground-hover: #fff;
     --color-customization-hot-pink-text-deprecated: #d95b9b;
     --color-customization-pink-background: #fca7e4;
     --color-customization-pink-background-rgb: 252, 167, 228;
     --color-customization-pink-background-hover: #fb80d8;
     --color-customization-pink-foreground: #760456;
     --color-customization-pink-foreground-hover: #4f0339;
     --color-customization-pink-text-deprecated: #b984ad;
     --color-customization-cool-gray-background: #8d9f9b;
     --color-customization-cool-gray-background-rgb: 141, 159, 155;
     --color-customization-cool-gray-background-hover: #778c88;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-customization-red-background: #e8384f;
     --color-customization-red-background-rgb: 232, 56, 79;
     --color-customization-red-background-hover: #de1a33;
     --color-customization-red-foreground: #fff;
     --color-customization-red-foreground-hover: #fff;
     --color-customization-red-text-deprecated: #d74854;
     --color-customization-orange-background: #fd817d;
     --color-customization-orange-background-rgb: 253, 129, 125;
     --color-customization-orange-background-hover: #fc5a55;
     --color-customization-orange-foreground: #560401;
     --color-customization-orange-foreground-hover: #2e0201;
     --color-customization-orange-text-deprecated: #d67a74;
     --color-customization-yellow-orange-background: #fdae33;
     --color-customization-yellow-orange-background-rgb: 253, 174, 51;
     --color-customization-yellow-orange-background-hover: #fd9e0b;
     --color-customization-yellow-orange-foreground: #513201;
     --color-customization-yellow-orange-foreground-hover: #291901;
     --color-customization-yellow-orange-text-deprecated: #bf8b3e;
     --color-customization-yellow-background: #eecc16;
     --color-customization-yellow-background-rgb: 238, 204, 22;
     --color-customization-yellow-background-hover: #ccae0f;
     --color-customization-yellow-foreground: #504107;
     --color-customization-yellow-foreground-hover: #2a2304;
     --color-customization-yellow-text-deprecated: #d67a74;
     --color-customization-yellow-green-background: #a4c61a;
     --color-customization-yellow-green-background-rgb: 164, 198, 26;
     --color-customization-yellow-green-background-hover: #86a215;
     --color-customization-yellow-green-foreground: #333b07;
     --color-customization-yellow-green-foreground-hover: #131703;
     --color-customization-yellow-green-text-deprecated: #899d36;
     --color-customization-green-background: #62bb35;
     --color-customization-green-background-rgb: 98, 187, 53;
     --color-customization-green-background-hover: #519b2c;
     --color-customization-green-foreground: #182c0c;
     --color-customization-green-foreground-hover: #070c03;
     --color-customization-green-text-deprecated: #679c40;
     --color-customization-blue-green-background: #37a862;
     --color-customization-blue-green-background-rgb: 55, 168, 98;
     --color-customization-blue-green-background-hover: #2d8950;
     --color-customization-blue-green-foreground: #fff;
     --color-customization-blue-green-foreground-hover: #fff;
     --color-customization-blue-green-text-deprecated: #59a368;
     --color-customization-aqua-background: #208ea3;
     --color-customization-aqua-background-rgb: 32, 142, 163;
     --color-customization-aqua-background-hover: #197081;
     --color-customization-aqua-foreground: #fff;
     --color-customization-aqua-foreground-hover: #fff;
     --color-customization-aqua-text-deprecated: #448da0;
     --color-customization-blue-background: #4178bc;
     --color-customization-blue-background-rgb: 65, 120, 188;
     --color-customization-blue-background-hover: #37659e;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #4d79b7;
     --color-customization-indigo-background: #7a71f6;
     --color-customization-indigo-background-rgb: 122, 113, 246;
     --color-customization-indigo-background-hover: #564bf4;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #7776ee;
     --color-customization-purple-background: #aa71ff;
     --color-customization-purple-background-rgb: 170, 113, 255;
     --color-customization-purple-background-hover: #9248ff;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #a178f7;
     --color-customization-magenta-background: #e37cff;
     --color-customization-magenta-background-rgb: 227, 124, 255;
     --color-customization-magenta-background-hover: #da53ff;
     --color-customization-magenta-foreground: #48005c;
     --color-customization-magenta-foreground-hover: #280033;
     --color-customization-magenta-text-deprecated: #c078df;
     --color-customization-hot-pink-background: #ea4e9d;
     --color-customization-hot-pink-background-rgb: 234, 78, 157;
     --color-customization-hot-pink-background-hover: #e62a89;
     --color-customization-hot-pink-foreground: #fff;
     --color-customization-hot-pink-foreground-hover: #fff;
     --color-customization-hot-pink-text-deprecated: #d95b9b;
     --color-customization-pink-background: #fca7e4;
     --color-customization-pink-background-rgb: 252, 167, 228;
     --color-customization-pink-background-hover: #fb80d8;
     --color-customization-pink-foreground: #760456;
     --color-customization-pink-foreground-hover: #4f0339;
     --color-customization-pink-text-deprecated: #b984ad;
     --color-customization-cool-gray-background: #8d9f9b;
     --color-customization-cool-gray-background-rgb: 141, 159, 155;
     --color-customization-cool-gray-background-hover: #778c88;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff
 }

 :root {
     --color-button-text-shrouded: #fff;
     --color-button-icon-secondary-hover: #1e1f21;
     --color-button-icon-shrouded: #fff;
     --color-button-border-secondary: #cfcbcb;
     --color-button-border-secondary-hover: #afabac;
     --color-button-border-secondary-active: #6d6e6f;
     --color-button-border-subtle: transparent;
     --color-button-border-tertiary-experimental: transparent;
     --color-button-border-tertiary-hover-experimental: transparent;
     --color-button-background-primary-disabled: #fff;
     --color-button-background-secondary: #fff;
     --color-button-background-secondary-opaque: #fff;
     --color-button-background-secondary-hover: #f9f8f8;
     --color-button-background-secondary-hover-opaque: #f9f8f8;
     --color-button-background-secondary-active: #f5f3f3;
     --color-button-background-secondary-active-opaque: #f5f3f3;
     --color-button-background-tertiary-experimental: rgba(55, 23, 23, 0.03);
     --color-button-background-tertiary-hover-experimental: rgba(55, 23, 23, 0.05);
     --color-button-background-subtle: transparent;
     --color-button-background-subtle-pressed: #dbe0fd;
     --color-button-background-subtle-pressedHover: #e7e9fc;
     --color-button-background-subtle-pressedActive: #f1f2fc;
     --color-button-background-shrouded: rgba(30, 31, 33, 0.6);
     --color-button-background-shrouded-hover: rgba(30, 31, 33, 0.75);
     --color-button-background-shrouded-active: rgba(30, 31, 33, 0.84);
     --color-button-error-background: #fff;
     --color-button-error-background-secondary-hover: #fcdadc;
     --color-button-error-background-secondary-active: #f9c6ca;
     --color-button-error-border: #cfcbcb;
     --color-button-error-border-hover: #e37281;
     --color-button-error-border-pressed: #f1a2a9;
     --color-button-error-border-pressedHover: #e37281;
     --color-button-error-border-pressedActive: #e37281;
     --color-button-success-border: #cfcbcb;
     --color-button-success-border-hover: #58a182;
     --color-button-success-border-pressed: #8dc2ac;
     --color-button-success-border-pressedHover: #58a182;
     --color-button-success-border-pressedActive: #58a182;
     --color-button-success-background: #fff;
     --color-button-warning-border: #cfcbcb;
     --color-button-warning-border-hover: #b58e53;
     --color-button-warning-border-pressed: #f1bd6c;
     --color-button-warning-border-pressedHover: #b58e53;
     --color-button-warning-border-pressedActive: #b58e53;
     --color-button-warning-background: #fff;
     --color-button-creation-icon: #fff;
     --color-button-creation-background: #f06a6a;
     --color-button-creation-background-hover: #df6064;
     --color-button-creation-background-active: #d45961;
     --color-button-danger-text: #fff;
     --color-button-danger-background: #de5f73;
     --color-button-danger-background-hover: #d84f67;
     --color-button-danger-background-active: #d33e5d;
     --color-button-danger-background-secondary-hover: #fcdadc;
     --color-button-danger-background-secondary-active: #f9c6ca;
     --color-button-danger-border-secondary: #f1a2a9;
     --color-button-upsell-text: #1e1f21;
     --color-button-upsell-text-extra: #fff;
     --color-button-upsell-background: #f1bd6c;
     --color-button-upsell-background-extra: #726ab9;
     --color-button-upsell-background-hover: #e8b668;
     --color-button-upsell-background-hover-extra: #575089;
     --color-button-upsell-background-active: #e2b266;
     --color-button-upsell-background-active-extra: #575089;
     --color-button-upsell-background-subtle: transparent;
     --color-button-upsell-background-subtle-hover: #fff6ee;
     --color-button-upsell-background-subtle-active: #ffecda;
     --color-button-upsell-icon-subtle: #f1bd6c;
     --color-button-upsell-icon-subtle-hover: #f1bd6c;
     --color-button-nux-background-active: #575089;
     --color-button-switch-icon: #fff;
     --color-button-switch-icon-disabled: #afabac;
     --color-button-switch-background: #8d8b8d;
     --color-button-switch-background-hover: #6d6e6f;
     --color-button-switch-background-disabled: #edeae9
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-button-text-shrouded: #fff;
     --color-button-icon-secondary-hover: #1e1f21;
     --color-button-icon-shrouded: #fff;
     --color-button-border-secondary: #cfcbcb;
     --color-button-border-secondary-hover: #afabac;
     --color-button-border-secondary-active: #6d6e6f;
     --color-button-border-subtle: transparent;
     --color-button-border-tertiary-experimental: transparent;
     --color-button-border-tertiary-hover-experimental: transparent;
     --color-button-background-primary-disabled: #fff;
     --color-button-background-secondary: #fff;
     --color-button-background-secondary-opaque: #fff;
     --color-button-background-secondary-hover: #f9f8f8;
     --color-button-background-secondary-hover-opaque: #f9f8f8;
     --color-button-background-secondary-active: #f5f3f3;
     --color-button-background-secondary-active-opaque: #f5f3f3;
     --color-button-background-tertiary-experimental: rgba(55, 23, 23, 0.03);
     --color-button-background-tertiary-hover-experimental: rgba(55, 23, 23, 0.05);
     --color-button-background-subtle: transparent;
     --color-button-background-subtle-pressed: #dbe0fd;
     --color-button-background-subtle-pressedHover: #e7e9fc;
     --color-button-background-subtle-pressedActive: #f1f2fc;
     --color-button-background-shrouded: rgba(30, 31, 33, 0.6);
     --color-button-background-shrouded-hover: rgba(30, 31, 33, 0.75);
     --color-button-background-shrouded-active: rgba(30, 31, 33, 0.84);
     --color-button-error-background: #fff;
     --color-button-error-background-secondary-hover: #fcdadc;
     --color-button-error-background-secondary-active: #f9c6ca;
     --color-button-error-border: #cfcbcb;
     --color-button-error-border-hover: #e37281;
     --color-button-error-border-pressed: #f1a2a9;
     --color-button-error-border-pressedHover: #e37281;
     --color-button-error-border-pressedActive: #e37281;
     --color-button-success-border: #cfcbcb;
     --color-button-success-border-hover: #58a182;
     --color-button-success-border-pressed: #8dc2ac;
     --color-button-success-border-pressedHover: #58a182;
     --color-button-success-border-pressedActive: #58a182;
     --color-button-success-background: #fff;
     --color-button-warning-border: #cfcbcb;
     --color-button-warning-border-hover: #b58e53;
     --color-button-warning-border-pressed: #f1bd6c;
     --color-button-warning-border-pressedHover: #b58e53;
     --color-button-warning-border-pressedActive: #b58e53;
     --color-button-warning-background: #fff;
     --color-button-creation-icon: #fff;
     --color-button-creation-background: #f06a6a;
     --color-button-creation-background-hover: #df6064;
     --color-button-creation-background-active: #d45961;
     --color-button-danger-text: #fff;
     --color-button-danger-background: #de5f73;
     --color-button-danger-background-hover: #d84f67;
     --color-button-danger-background-active: #d33e5d;
     --color-button-danger-background-secondary-hover: #fcdadc;
     --color-button-danger-background-secondary-active: #f9c6ca;
     --color-button-danger-border-secondary: #f1a2a9;
     --color-button-upsell-text: #1e1f21;
     --color-button-upsell-text-extra: #fff;
     --color-button-upsell-background: #f1bd6c;
     --color-button-upsell-background-extra: #726ab9;
     --color-button-upsell-background-hover: #e8b668;
     --color-button-upsell-background-hover-extra: #575089;
     --color-button-upsell-background-active: #e2b266;
     --color-button-upsell-background-active-extra: #575089;
     --color-button-upsell-background-subtle: transparent;
     --color-button-upsell-background-subtle-hover: #fff6ee;
     --color-button-upsell-background-subtle-active: #ffecda;
     --color-button-upsell-icon-subtle: #f1bd6c;
     --color-button-upsell-icon-subtle-hover: #f1bd6c;
     --color-button-nux-background-active: #575089;
     --color-button-switch-icon: #fff;
     --color-button-switch-icon-disabled: #afabac;
     --color-button-switch-background: #8d8b8d;
     --color-button-switch-background-hover: #6d6e6f;
     --color-button-switch-background-disabled: #edeae9
 }

 @media print {
     :root {
         --color-button-text-shrouded: #fff;
         --color-button-icon-secondary-hover: #1e1f21;
         --color-button-icon-shrouded: #fff;
         --color-button-border-secondary: #cfcbcb;
         --color-button-border-secondary-hover: #afabac;
         --color-button-border-secondary-active: #6d6e6f;
         --color-button-border-subtle: transparent;
         --color-button-border-tertiary-experimental: transparent;
         --color-button-border-tertiary-hover-experimental: transparent;
         --color-button-background-primary-disabled: #fff;
         --color-button-background-secondary: #fff;
         --color-button-background-secondary-opaque: #fff;
         --color-button-background-secondary-hover: #f9f8f8;
         --color-button-background-secondary-hover-opaque: #f9f8f8;
         --color-button-background-secondary-active: #f5f3f3;
         --color-button-background-secondary-active-opaque: #f5f3f3;
         --color-button-background-tertiary-experimental: rgba(55, 23, 23, 0.03);
         --color-button-background-tertiary-hover-experimental: rgba(55, 23, 23, 0.05);
         --color-button-background-subtle: transparent;
         --color-button-background-subtle-pressed: #dbe0fd;
         --color-button-background-subtle-pressedHover: #e7e9fc;
         --color-button-background-subtle-pressedActive: #f1f2fc;
         --color-button-background-shrouded: rgba(30, 31, 33, 0.6);
         --color-button-background-shrouded-hover: rgba(30, 31, 33, 0.75);
         --color-button-background-shrouded-active: rgba(30, 31, 33, 0.84);
         --color-button-error-background: #fff;
         --color-button-error-background-secondary-hover: #fcdadc;
         --color-button-error-background-secondary-active: #f9c6ca;
         --color-button-error-border: #cfcbcb;
         --color-button-error-border-hover: #e37281;
         --color-button-error-border-pressed: #f1a2a9;
         --color-button-error-border-pressedHover: #e37281;
         --color-button-error-border-pressedActive: #e37281;
         --color-button-success-border: #cfcbcb;
         --color-button-success-border-hover: #58a182;
         --color-button-success-border-pressed: #8dc2ac;
         --color-button-success-border-pressedHover: #58a182;
         --color-button-success-border-pressedActive: #58a182;
         --color-button-success-background: #fff;
         --color-button-warning-border: #cfcbcb;
         --color-button-warning-border-hover: #b58e53;
         --color-button-warning-border-pressed: #f1bd6c;
         --color-button-warning-border-pressedHover: #b58e53;
         --color-button-warning-border-pressedActive: #b58e53;
         --color-button-warning-background: #fff;
         --color-button-creation-icon: #fff;
         --color-button-creation-background: #f06a6a;
         --color-button-creation-background-hover: #df6064;
         --color-button-creation-background-active: #d45961;
         --color-button-danger-text: #fff;
         --color-button-danger-background: #de5f73;
         --color-button-danger-background-hover: #d84f67;
         --color-button-danger-background-active: #d33e5d;
         --color-button-danger-background-secondary-hover: #fcdadc;
         --color-button-danger-background-secondary-active: #f9c6ca;
         --color-button-danger-border-secondary: #f1a2a9;
         --color-button-upsell-text: #1e1f21;
         --color-button-upsell-text-extra: #fff;
         --color-button-upsell-background: #f1bd6c;
         --color-button-upsell-background-extra: #726ab9;
         --color-button-upsell-background-hover: #e8b668;
         --color-button-upsell-background-hover-extra: #575089;
         --color-button-upsell-background-active: #e2b266;
         --color-button-upsell-background-active-extra: #575089;
         --color-button-upsell-background-subtle: transparent;
         --color-button-upsell-background-subtle-hover: #fff6ee;
         --color-button-upsell-background-subtle-active: #ffecda;
         --color-button-upsell-icon-subtle: #f1bd6c;
         --color-button-upsell-icon-subtle-hover: #f1bd6c;
         --color-button-nux-background-active: #575089;
         --color-button-switch-icon: #fff;
         --color-button-switch-icon-disabled: #afabac;
         --color-button-switch-background: #8d8b8d;
         --color-button-switch-background-hover: #6d6e6f;
         --color-button-switch-background-disabled: #edeae9
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-button-text-shrouded: #fff;
     --color-button-icon-secondary-hover: #f5f4f3;
     --color-button-icon-shrouded: #fff;
     --color-button-border-secondary: #565557;
     --color-button-border-secondary-hover: #6a696a;
     --color-button-border-secondary-active: #a2a0a2;
     --color-button-border-subtle: transparent;
     --color-button-border-tertiary-experimental: transparent;
     --color-button-border-tertiary-hover-experimental: transparent;
     --color-button-background-primary-disabled: transparent;
     --color-button-background-secondary: transparent;
     --color-button-background-secondary-opaque: #1e1f21;
     --color-button-background-secondary-hover: rgba(255, 255, 255, 0.06);
     --color-button-background-secondary-hover-opaque: #252628;
     --color-button-background-secondary-active: rgba(255, 255, 255, 0.11);
     --color-button-background-secondary-active-opaque: #2a2b2d;
     --color-button-background-tertiary-experimental: rgba(255, 255, 255, 0.06);
     --color-button-background-tertiary-hover-experimental: rgba(255, 255, 255, 0.11);
     --color-button-background-subtle: transparent;
     --color-button-background-subtle-pressed: #2a3c68;
     --color-button-background-subtle-pressedHover: #1a2843;
     --color-button-background-subtle-pressedActive: #172237;
     --color-button-background-shrouded: rgba(30, 31, 33, 0.6);
     --color-button-background-shrouded-hover: rgba(30, 31, 33, 0.75);
     --color-button-background-shrouded-active: rgba(30, 31, 33, 0.84);
     --color-button-error-background: transparent;
     --color-button-error-background-secondary-hover: #64202c;
     --color-button-error-background-secondary-active: #6e2230;
     --color-button-error-border: #565557;
     --color-button-error-border-hover: #d1395a;
     --color-button-error-border-pressed: #b12d4b;
     --color-button-error-border-pressedHover: #d1395a;
     --color-button-error-border-pressedActive: #d1395a;
     --color-button-success-border: #565557;
     --color-button-success-border-hover: #4b8a73;
     --color-button-success-border-pressed: #32695d;
     --color-button-success-border-pressedHover: #4b8a73;
     --color-button-success-border-pressedActive: #4b8a73;
     --color-button-success-background: transparent;
     --color-button-warning-border: #565557;
     --color-button-warning-border-hover: #b89054;
     --color-button-warning-border-pressed: #735c38;
     --color-button-warning-border-pressedHover: #b89054;
     --color-button-warning-border-pressedActive: #b89054;
     --color-button-warning-background: transparent;
     --color-button-creation-icon: #f5f4f3;
     --color-button-creation-background: #f06a6a;
     --color-button-creation-background-hover: #df6064;
     --color-button-creation-background-active: #d45961;
     --color-button-danger-text: #1e1f21;
     --color-button-danger-background: #dd5e72;
     --color-button-danger-background-hover: #e47281;
     --color-button-danger-background-active: #e67886;
     --color-button-danger-background-secondary-hover: #64202c;
     --color-button-danger-background-secondary-active: #6e2230;
     --color-button-danger-border-secondary: #b12d4b;
     --color-button-upsell-text: #1e1f21;
     --color-button-upsell-text-extra: #f5f4f3;
     --color-button-upsell-background: #f1bd6c;
     --color-button-upsell-background-extra: #726ab9;
     --color-button-upsell-background-hover: #e8b668;
     --color-button-upsell-background-hover-extra: #a499ed;
     --color-button-upsell-background-active: #e2b266;
     --color-button-upsell-background-active-extra: #a499ed;
     --color-button-upsell-background-subtle: transparent;
     --color-button-upsell-background-subtle-hover: #3d3120;
     --color-button-upsell-background-subtle-active: #493b26;
     --color-button-upsell-icon-subtle: #f1bd6c;
     --color-button-upsell-icon-subtle-hover: #f1bd6c;
     --color-button-nux-background-active: #a499ed;
     --color-button-switch-icon: #f5f4f3;
     --color-button-switch-icon-disabled: #6a696a;
     --color-button-switch-background: #6a696a;
     --color-button-switch-background-hover: #a2a0a2;
     --color-button-switch-background-disabled: #424244
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-button-text-shrouded: #fff;
         --color-button-icon-secondary-hover: #f5f4f3;
         --color-button-icon-shrouded: #fff;
         --color-button-border-secondary: #565557;
         --color-button-border-secondary-hover: #6a696a;
         --color-button-border-secondary-active: #a2a0a2;
         --color-button-border-subtle: transparent;
         --color-button-border-tertiary-experimental: transparent;
         --color-button-border-tertiary-hover-experimental: transparent;
         --color-button-background-primary-disabled: transparent;
         --color-button-background-secondary: transparent;
         --color-button-background-secondary-opaque: #1e1f21;
         --color-button-background-secondary-hover: rgba(255, 255, 255, 0.06);
         --color-button-background-secondary-hover-opaque: #252628;
         --color-button-background-secondary-active: rgba(255, 255, 255, 0.11);
         --color-button-background-secondary-active-opaque: #2a2b2d;
         --color-button-background-tertiary-experimental: rgba(255, 255, 255, 0.06);
         --color-button-background-tertiary-hover-experimental: rgba(255, 255, 255, 0.11);
         --color-button-background-subtle: transparent;
         --color-button-background-subtle-pressed: #2a3c68;
         --color-button-background-subtle-pressedHover: #1a2843;
         --color-button-background-subtle-pressedActive: #172237;
         --color-button-background-shrouded: rgba(30, 31, 33, 0.6);
         --color-button-background-shrouded-hover: rgba(30, 31, 33, 0.75);
         --color-button-background-shrouded-active: rgba(30, 31, 33, 0.84);
         --color-button-error-background: transparent;
         --color-button-error-background-secondary-hover: #64202c;
         --color-button-error-background-secondary-active: #6e2230;
         --color-button-error-border: #565557;
         --color-button-error-border-hover: #d1395a;
         --color-button-error-border-pressed: #b12d4b;
         --color-button-error-border-pressedHover: #d1395a;
         --color-button-error-border-pressedActive: #d1395a;
         --color-button-success-border: #565557;
         --color-button-success-border-hover: #4b8a73;
         --color-button-success-border-pressed: #32695d;
         --color-button-success-border-pressedHover: #4b8a73;
         --color-button-success-border-pressedActive: #4b8a73;
         --color-button-success-background: transparent;
         --color-button-warning-border: #565557;
         --color-button-warning-border-hover: #b89054;
         --color-button-warning-border-pressed: #735c38;
         --color-button-warning-border-pressedHover: #b89054;
         --color-button-warning-border-pressedActive: #b89054;
         --color-button-warning-background: transparent;
         --color-button-creation-icon: #f5f4f3;
         --color-button-creation-background: #f06a6a;
         --color-button-creation-background-hover: #df6064;
         --color-button-creation-background-active: #d45961;
         --color-button-danger-text: #1e1f21;
         --color-button-danger-background: #dd5e72;
         --color-button-danger-background-hover: #e47281;
         --color-button-danger-background-active: #e67886;
         --color-button-danger-background-secondary-hover: #64202c;
         --color-button-danger-background-secondary-active: #6e2230;
         --color-button-danger-border-secondary: #b12d4b;
         --color-button-upsell-text: #1e1f21;
         --color-button-upsell-text-extra: #f5f4f3;
         --color-button-upsell-background: #f1bd6c;
         --color-button-upsell-background-extra: #726ab9;
         --color-button-upsell-background-hover: #e8b668;
         --color-button-upsell-background-hover-extra: #a499ed;
         --color-button-upsell-background-active: #e2b266;
         --color-button-upsell-background-active-extra: #a499ed;
         --color-button-upsell-background-subtle: transparent;
         --color-button-upsell-background-subtle-hover: #3d3120;
         --color-button-upsell-background-subtle-active: #493b26;
         --color-button-upsell-icon-subtle: #f1bd6c;
         --color-button-upsell-icon-subtle-hover: #f1bd6c;
         --color-button-nux-background-active: #a499ed;
         --color-button-switch-icon: #f5f4f3;
         --color-button-switch-icon-disabled: #6a696a;
         --color-button-switch-background: #6a696a;
         --color-button-switch-background-hover: #a2a0a2;
         --color-button-switch-background-disabled: #424244
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-button-text-shrouded: #fff;
     --color-button-icon-secondary-hover: #f5f4f3;
     --color-button-icon-shrouded: #fff;
     --color-button-border-secondary: #565557;
     --color-button-border-secondary-hover: #6a696a;
     --color-button-border-secondary-active: #a2a0a2;
     --color-button-border-subtle: transparent;
     --color-button-border-tertiary-experimental: transparent;
     --color-button-border-tertiary-hover-experimental: transparent;
     --color-button-background-primary-disabled: transparent;
     --color-button-background-secondary: transparent;
     --color-button-background-secondary-opaque: #1e1f21;
     --color-button-background-secondary-hover: rgba(255, 255, 255, 0.06);
     --color-button-background-secondary-hover-opaque: #252628;
     --color-button-background-secondary-active: rgba(255, 255, 255, 0.11);
     --color-button-background-secondary-active-opaque: #2a2b2d;
     --color-button-background-tertiary-experimental: rgba(255, 255, 255, 0.06);
     --color-button-background-tertiary-hover-experimental: rgba(255, 255, 255, 0.11);
     --color-button-background-subtle: transparent;
     --color-button-background-subtle-pressed: #2a3c68;
     --color-button-background-subtle-pressedHover: #1a2843;
     --color-button-background-subtle-pressedActive: #172237;
     --color-button-background-shrouded: rgba(30, 31, 33, 0.6);
     --color-button-background-shrouded-hover: rgba(30, 31, 33, 0.75);
     --color-button-background-shrouded-active: rgba(30, 31, 33, 0.84);
     --color-button-error-background: transparent;
     --color-button-error-background-secondary-hover: #64202c;
     --color-button-error-background-secondary-active: #6e2230;
     --color-button-error-border: #565557;
     --color-button-error-border-hover: #d1395a;
     --color-button-error-border-pressed: #b12d4b;
     --color-button-error-border-pressedHover: #d1395a;
     --color-button-error-border-pressedActive: #d1395a;
     --color-button-success-border: #565557;
     --color-button-success-border-hover: #4b8a73;
     --color-button-success-border-pressed: #32695d;
     --color-button-success-border-pressedHover: #4b8a73;
     --color-button-success-border-pressedActive: #4b8a73;
     --color-button-success-background: transparent;
     --color-button-warning-border: #565557;
     --color-button-warning-border-hover: #b89054;
     --color-button-warning-border-pressed: #735c38;
     --color-button-warning-border-pressedHover: #b89054;
     --color-button-warning-border-pressedActive: #b89054;
     --color-button-warning-background: transparent;
     --color-button-creation-icon: #f5f4f3;
     --color-button-creation-background: #f06a6a;
     --color-button-creation-background-hover: #df6064;
     --color-button-creation-background-active: #d45961;
     --color-button-danger-text: #1e1f21;
     --color-button-danger-background: #dd5e72;
     --color-button-danger-background-hover: #e47281;
     --color-button-danger-background-active: #e67886;
     --color-button-danger-background-secondary-hover: #64202c;
     --color-button-danger-background-secondary-active: #6e2230;
     --color-button-danger-border-secondary: #b12d4b;
     --color-button-upsell-text: #1e1f21;
     --color-button-upsell-text-extra: #f5f4f3;
     --color-button-upsell-background: #f1bd6c;
     --color-button-upsell-background-extra: #726ab9;
     --color-button-upsell-background-hover: #e8b668;
     --color-button-upsell-background-hover-extra: #a499ed;
     --color-button-upsell-background-active: #e2b266;
     --color-button-upsell-background-active-extra: #a499ed;
     --color-button-upsell-background-subtle: transparent;
     --color-button-upsell-background-subtle-hover: #3d3120;
     --color-button-upsell-background-subtle-active: #493b26;
     --color-button-upsell-icon-subtle: #f1bd6c;
     --color-button-upsell-icon-subtle-hover: #f1bd6c;
     --color-button-nux-background-active: #a499ed;
     --color-button-switch-icon: #f5f4f3;
     --color-button-switch-icon-disabled: #6a696a;
     --color-button-switch-background: #6a696a;
     --color-button-switch-background-hover: #a2a0a2;
     --color-button-switch-background-disabled: #424244;
     --color-button-icon-secondary-hover: #f8f4f6;
     --color-button-border-secondary: #5f2748;
     --color-button-border-secondary-hover: #8f5977;
     --color-button-background-secondary-opaque: #36172a;
     --color-button-background-secondary-hover-opaque: #3e1930;
     --color-button-background-secondary-active-opaque: #461d36;
     --color-button-error-border: #5f2748;
     --color-button-success-border: #5f2748;
     --color-button-warning-border: #5f2748;
     --color-button-creation-icon: #f8f4f6;
     --color-button-danger-text: #f8f4f6;
     --color-button-upsell-text: #36172a;
     --color-button-upsell-text-extra: #f8f4f6;
     --color-button-switch-icon: #f8f4f6;
     --color-button-switch-icon-disabled: #8f5977;
     --color-button-switch-background: #8f5977;
     --color-button-switch-background-hover: #bb97a9;
     --color-button-switch-background-disabled: #5f2748
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-button-upsell-icon-subtle: #d6ce38;
     --color-button-upsell-icon-subtle-hover: #d6ce38
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-button-upsell-icon-subtle: #d6ce38;
     --color-button-upsell-icon-subtle-hover: #d6ce38
 }

 :root {
     --color-elevation-small: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-medium: 0 0 0 1px #edeae9, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-medium-hover: 0 0 0 1px #afabac, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-medium-active: 0 0 0 1px #6d6e6f, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-large: 0 0 0 1px #edeae9, 0 5px 20px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-small: 0 0 0 1px #3f6ac4, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-medium-hover: 0 0 0 1px #3f6ac4, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-medium-active: 0 0 0 1px #3f6ac4, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-large-active: 0 0 0 1px #3f6ac4, 0 5px 20px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-danger-small: 0 0 0 1px #f1a2a9, 0 1px 4px 0 rgba(109, 110, 111, 0.08)
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-elevation-small: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-medium: 0 0 0 1px #edeae9, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-medium-hover: 0 0 0 1px #afabac, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-medium-active: 0 0 0 1px #6d6e6f, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-large: 0 0 0 1px #edeae9, 0 5px 20px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-small: 0 0 0 1px #3f6ac4, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-medium-hover: 0 0 0 1px #3f6ac4, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-medium-active: 0 0 0 1px #3f6ac4, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-large-active: 0 0 0 1px #3f6ac4, 0 5px 20px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-danger-small: 0 0 0 1px #f1a2a9, 0 1px 4px 0 rgba(109, 110, 111, 0.08)
 }

 @media print {
     :root {
         --color-elevation-small: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-medium: 0 0 0 1px #edeae9, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-medium-hover: 0 0 0 1px #afabac, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-medium-active: 0 0 0 1px #6d6e6f, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-large: 0 0 0 1px #edeae9, 0 5px 20px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-selected-small: 0 0 0 1px #3f6ac4, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-selected-medium-hover: 0 0 0 1px #3f6ac4, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-selected-medium-active: 0 0 0 1px #3f6ac4, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-selected-large-active: 0 0 0 1px #3f6ac4, 0 5px 20px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-danger-small: 0 0 0 1px #f1a2a9, 0 1px 4px 0 rgba(109, 110, 111, 0.08)
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-elevation-small: 0 0 0 1px #424244;
     --color-elevation-medium: 0 0 0 1px #424244;
     --color-elevation-medium-hover: 0 0 0 1px #6a696a;
     --color-elevation-medium-active: 0 0 0 1px #a2a0a2;
     --color-elevation-large: 0 0 0 1px #424244;
     --color-elevation-selected-small: 0 0 0 1px #4573d2;
     --color-elevation-selected-medium-hover: 0 0 0 1px #4573d2;
     --color-elevation-selected-medium-active: 0 0 0 1px #4573d2;
     --color-elevation-selected-large-active: 0 0 0 1px #4573d2;
     --color-elevation-danger-small: 0 0 0 1px #b12d4b
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-elevation-small: 0 0 0 1px #424244;
         --color-elevation-medium: 0 0 0 1px #424244;
         --color-elevation-medium-hover: 0 0 0 1px #6a696a;
         --color-elevation-medium-active: 0 0 0 1px #a2a0a2;
         --color-elevation-large: 0 0 0 1px #424244;
         --color-elevation-selected-small: 0 0 0 1px #4573d2;
         --color-elevation-selected-medium-hover: 0 0 0 1px #4573d2;
         --color-elevation-selected-medium-active: 0 0 0 1px #4573d2;
         --color-elevation-selected-large-active: 0 0 0 1px #4573d2;
         --color-elevation-danger-small: 0 0 0 1px #b12d4b
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-elevation-small: 0 0 0 1px #424244;
     --color-elevation-medium: 0 0 0 1px #424244;
     --color-elevation-medium-hover: 0 0 0 1px #6a696a;
     --color-elevation-medium-active: 0 0 0 1px #a2a0a2;
     --color-elevation-large: 0 0 0 1px #424244;
     --color-elevation-selected-small: 0 0 0 1px #4573d2;
     --color-elevation-selected-medium-hover: 0 0 0 1px #4573d2;
     --color-elevation-selected-medium-active: 0 0 0 1px #4573d2;
     --color-elevation-selected-large-active: 0 0 0 1px #4573d2;
     --color-elevation-danger-small: 0 0 0 1px #b12d4b;
     --color-elevation-small: 0 0 0 1px #5f2748;
     --color-elevation-medium: 0 0 0 1px #5f2748;
     --color-elevation-medium-hover: 0 0 0 1px #8f5977;
     --color-elevation-medium-active: 0 0 0 1px #bb97a9;
     --color-elevation-large: 0 0 0 1px #5f2748
 }

 #fatal_error_dialog {
     background: var(--color-background-weak);
     border-radius: 4px;
     box-shadow: var(--color-elevation-large);
     position: absolute;
     transform: translateY(-50%)
 }

 .error-heading {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 24px;
     font-weight: 500;
     line-height: 32px;
     border-bottom: 1px solid var(--color-border);
     color: var(--color-text);
     padding: 16px 32px
 }

 .error-subheading {
     font-size: 17px;
     font-weight: 600;
     padding-bottom: 14px;
     text-shadow: 0 1px #fff
 }

 .error-directions {
     color: var(--color-text);
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 16px;
     font-weight: 500;
     line-height: 21px;
     padding: 16px 32px
 }

 #reloadEmptyStateSVG {
     float: right;
     margin: 16px 32px;
     width: 257px
 }

 #internal_error_reporting_form,
 #internal_error_reporting_thanks {
     padding: 16px 32px
 }

 #fatal_error_dialog #error_info {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     color: var(--color-text-weak);
     padding: 16px 32px
 }

 #fatal_error_dialog #error_info strong {
     display: inline-block;
     font-weight: 500;
     margin-top: 15px
 }

 .fatalErrorDialog-errorContact {
     color: var(--color-text);
     display: inline-block;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 16px;
     padding: 16px 32px 0 32px
 }

 .fatalErrorDialog-buttons {
     display: flex;
     justify-content: flex-end;
     margin: 16px 32px
 }

 .fatalErrorDialog-dismissButton {
     background: var(--color-button-background-secondary);
     border: 1px solid var(--color-button-border-secondary);
     color: var(--color-text);
     margin-right: 8px
 }

 .fatalErrorDialog-dismissButton:hover {
     border-color: var(--color-button-border-secondary-hover)
 }

 #error_message_box {
     bottom: 0;
     left: 0;
     padding: 16px;
     position: absolute;
     min-width: 290px;
     max-width: 290px;
     text-align: left;
     z-index: 10001
 }

 #error_message_box .primary-explanation {
     align-items: center;
     display: flex;
     font-weight: 600;
     margin-bottom: 10px
 }

 #error_message_box .errorMessageBox-alertIcon {
     margin-right: 8px
 }

 .ReskinLunaChrome-primaryLink {
     cursor: pointer;
     fill: var(--color-primary-icon);
     text-decoration: underline
 }

 .ReskinLunaChrome-primaryLink:active,
 .ReskinLunaChrome-primaryLink:hover,
 .ReskinLunaChrome-primaryLink:focus {
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .ReskinLunaChrome-primaryLink:hover {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-icon)
 }

 .ReskinLunaChrome-primaryLink:active,
 .ReskinLunaChrome-primaryLink:focus {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-icon)
 }

 #error_message_box {
     z-index: 10001
 }

 #fatal_error_dialog {
     z-index: 10002
 }

 .HiddenText {
     display: none
 }

 .DesignTokenThemeDisablerInternal {
     color-scheme: light
 }

 .DesignTokenThemeSelectors-theme--darkMode {
     color-scheme: dark
 }

 @media(prefers-color-scheme: dark) {
     .DesignTokenThemeSelectors-theme--systemDarkMode {
         color-scheme: dark
     }
 }

 .DesignTokenThemeSelectors-theme--blacklight .DesignTokenThemeSelectors-deprecatedComponent {
     outline: 2px solid red
 }

 :root {
     --color-a11y-selected-border-active: #4573d2;
     --color-a11y-selected-border-active-inverse: #fff
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-a11y-selected-border-active: #4573d2;
     --color-a11y-selected-border-active-inverse: #fff
 }

 @media print {
     :root {
         --color-a11y-selected-border-active: #4573d2;
         --color-a11y-selected-border-active-inverse: #fff
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-a11y-selected-border-active: #4573d2;
     --color-a11y-selected-border-active-inverse: #fff
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-a11y-selected-border-active: #4573d2;
         --color-a11y-selected-border-active-inverse: #fff
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-a11y-selected-border-active: #4573d2;
     --color-a11y-selected-border-active-inverse: #fff
 }

 :root {
     --color-box-shadow-small: 0 1px 4px 0 rgba(109, 110, 111, 0.08);
     --color-box-shadow-medium: 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-box-shadow-large: 0 5px 20px 0 rgba(109, 110, 111, 0.08);
     --color-box-shadow-large-dark: 0 5px 20px 0 rgba(109, 110, 111, 0.25);
     --color-box-shadow-none-inset: inset 0 0 0 -0.01 #fff;
     --color-box-shadow-top-small: 0 -1px 3px 0 rgba(109, 110, 111, 0.15);
     --color-box-shadow-top-small-inset: inset 0 4px 4px -2px rgba(109, 110, 111, 0.08);
     --color-box-shadow-top-large: 0 -5px 20px 0 rgba(109, 110, 111, 0.08);
     --color-box-shadow-bottom-small: 0 1px 4px 0 rgba(109, 110, 111, 0.08);
     --color-box-shadow-bottom-small-inset: inset 0 -4px 4px -2px rgba(109, 110, 111, 0.08);
     --color-box-shadow-marketing: 0 14px 80px 0 rgba(109, 110, 111, 0.08)
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-box-shadow-small: 0 1px 4px 0 rgba(109, 110, 111, 0.08);
     --color-box-shadow-medium: 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-box-shadow-large: 0 5px 20px 0 rgba(109, 110, 111, 0.08);
     --color-box-shadow-large-dark: 0 5px 20px 0 rgba(109, 110, 111, 0.25);
     --color-box-shadow-none-inset: inset 0 0 0 -0.01 #fff;
     --color-box-shadow-top-small: 0 -1px 3px 0 rgba(109, 110, 111, 0.15);
     --color-box-shadow-top-small-inset: inset 0 4px 4px -2px rgba(109, 110, 111, 0.08);
     --color-box-shadow-top-large: 0 -5px 20px 0 rgba(109, 110, 111, 0.08);
     --color-box-shadow-bottom-small: 0 1px 4px 0 rgba(109, 110, 111, 0.08);
     --color-box-shadow-bottom-small-inset: inset 0 -4px 4px -2px rgba(109, 110, 111, 0.08);
     --color-box-shadow-marketing: 0 14px 80px 0 rgba(109, 110, 111, 0.08)
 }

 @media print {
     :root {
         --color-box-shadow-small: 0 1px 4px 0 rgba(109, 110, 111, 0.08);
         --color-box-shadow-medium: 0 2px 10px 0 rgba(109, 110, 111, 0.08);
         --color-box-shadow-large: 0 5px 20px 0 rgba(109, 110, 111, 0.08);
         --color-box-shadow-large-dark: 0 5px 20px 0 rgba(109, 110, 111, 0.25);
         --color-box-shadow-none-inset: inset 0 0 0 -0.01 #fff;
         --color-box-shadow-top-small: 0 -1px 3px 0 rgba(109, 110, 111, 0.15);
         --color-box-shadow-top-small-inset: inset 0 4px 4px -2px rgba(109, 110, 111, 0.08);
         --color-box-shadow-top-large: 0 -5px 20px 0 rgba(109, 110, 111, 0.08);
         --color-box-shadow-bottom-small: 0 1px 4px 0 rgba(109, 110, 111, 0.08);
         --color-box-shadow-bottom-small-inset: inset 0 -4px 4px -2px rgba(109, 110, 111, 0.08);
         --color-box-shadow-marketing: 0 14px 80px 0 rgba(109, 110, 111, 0.08)
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-box-shadow-small: 0 0 0 1px #424244;
     --color-box-shadow-medium: 0 0 0 1px #424244;
     --color-box-shadow-large: 0 0 0 1px #424244;
     --color-box-shadow-large-dark: 0 0 0 1px #424244;
     --color-box-shadow-none-inset: 0 0 0 -0.01 #1e1f21;
     --color-box-shadow-top-small: 0 0 0 1px #424244;
     --color-box-shadow-top-small-inset: 0 0 0 1px #424244;
     --color-box-shadow-top-large: 0 0 0 1px #424244;
     --color-box-shadow-bottom-small: 0 1px #424244;
     --color-box-shadow-bottom-small-inset: 0 0 0 1px #424244;
     --color-box-shadow-marketing: 0 0 0 1px #424244
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-box-shadow-small: 0 0 0 1px #424244;
         --color-box-shadow-medium: 0 0 0 1px #424244;
         --color-box-shadow-large: 0 0 0 1px #424244;
         --color-box-shadow-large-dark: 0 0 0 1px #424244;
         --color-box-shadow-none-inset: 0 0 0 -0.01 #1e1f21;
         --color-box-shadow-top-small: 0 0 0 1px #424244;
         --color-box-shadow-top-small-inset: 0 0 0 1px #424244;
         --color-box-shadow-top-large: 0 0 0 1px #424244;
         --color-box-shadow-bottom-small: 0 1px #424244;
         --color-box-shadow-bottom-small-inset: 0 0 0 1px #424244;
         --color-box-shadow-marketing: 0 0 0 1px #424244
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-box-shadow-small: 0 0 0 1px #424244;
     --color-box-shadow-medium: 0 0 0 1px #424244;
     --color-box-shadow-large: 0 0 0 1px #424244;
     --color-box-shadow-large-dark: 0 0 0 1px #424244;
     --color-box-shadow-none-inset: 0 0 0 -0.01 #1e1f21;
     --color-box-shadow-top-small: 0 0 0 1px #424244;
     --color-box-shadow-top-small-inset: 0 0 0 1px #424244;
     --color-box-shadow-top-large: 0 0 0 1px #424244;
     --color-box-shadow-bottom-small: 0 1px #424244;
     --color-box-shadow-bottom-small-inset: 0 0 0 1px #424244;
     --color-box-shadow-marketing: 0 0 0 1px #424244;
     --color-box-shadow-small: 0 0 0 1px #5f2748;
     --color-box-shadow-medium: 0 0 0 1px #5f2748;
     --color-box-shadow-large: 0 0 0 1px #5f2748;
     --color-box-shadow-large-dark: 0 0 0 1px #424244;
     --color-box-shadow-none-inset: 0 0 0 -0.01 #36172a;
     --color-box-shadow-top-small: 0 0 0 1px #5f2748;
     --color-box-shadow-top-small-inset: 0 0 0 1px #5f2748;
     --color-box-shadow-top-large: 0 0 0 1px #5f2748;
     --color-box-shadow-bottom-small: 0 1px #5f2748;
     --color-box-shadow-bottom-small-inset: 0 0 0 1px #5f2748;
     --color-box-shadow-marketing: 0 0 0 1px #5f2748
 }

 :root {
     --color-button-text-shrouded: #fff;
     --color-button-icon-secondary-hover: #1e1f21;
     --color-button-icon-shrouded: #fff;
     --color-button-border-secondary: #cfcbcb;
     --color-button-border-secondary-hover: #afabac;
     --color-button-border-secondary-active: #6d6e6f;
     --color-button-border-subtle: transparent;
     --color-button-border-tertiary-experimental: transparent;
     --color-button-border-tertiary-hover-experimental: transparent;
     --color-button-background-primary-disabled: #fff;
     --color-button-background-secondary: #fff;
     --color-button-background-secondary-opaque: #fff;
     --color-button-background-secondary-hover: #f9f8f8;
     --color-button-background-secondary-hover-opaque: #f9f8f8;
     --color-button-background-secondary-active: #f5f3f3;
     --color-button-background-secondary-active-opaque: #f5f3f3;
     --color-button-background-tertiary-experimental: rgba(55, 23, 23, 0.03);
     --color-button-background-tertiary-hover-experimental: rgba(55, 23, 23, 0.05);
     --color-button-background-subtle: transparent;
     --color-button-background-subtle-pressed: #dbe0fd;
     --color-button-background-subtle-pressedHover: #e7e9fc;
     --color-button-background-subtle-pressedActive: #f1f2fc;
     --color-button-background-shrouded: rgba(30, 31, 33, 0.6);
     --color-button-background-shrouded-hover: rgba(30, 31, 33, 0.75);
     --color-button-background-shrouded-active: rgba(30, 31, 33, 0.84);
     --color-button-error-background: #fff;
     --color-button-error-background-secondary-hover: #fcdadc;
     --color-button-error-background-secondary-active: #f9c6ca;
     --color-button-error-border: #cfcbcb;
     --color-button-error-border-hover: #e37281;
     --color-button-error-border-pressed: #f1a2a9;
     --color-button-error-border-pressedHover: #e37281;
     --color-button-error-border-pressedActive: #e37281;
     --color-button-success-border: #cfcbcb;
     --color-button-success-border-hover: #58a182;
     --color-button-success-border-pressed: #8dc2ac;
     --color-button-success-border-pressedHover: #58a182;
     --color-button-success-border-pressedActive: #58a182;
     --color-button-success-background: #fff;
     --color-button-warning-border: #cfcbcb;
     --color-button-warning-border-hover: #b58e53;
     --color-button-warning-border-pressed: #f1bd6c;
     --color-button-warning-border-pressedHover: #b58e53;
     --color-button-warning-border-pressedActive: #b58e53;
     --color-button-warning-background: #fff;
     --color-button-creation-icon: #fff;
     --color-button-creation-background: #f06a6a;
     --color-button-creation-background-hover: #df6064;
     --color-button-creation-background-active: #d45961;
     --color-button-danger-text: #fff;
     --color-button-danger-background: #de5f73;
     --color-button-danger-background-hover: #d84f67;
     --color-button-danger-background-active: #d33e5d;
     --color-button-danger-background-secondary-hover: #fcdadc;
     --color-button-danger-background-secondary-active: #f9c6ca;
     --color-button-danger-border-secondary: #f1a2a9;
     --color-button-upsell-text: #1e1f21;
     --color-button-upsell-text-extra: #fff;
     --color-button-upsell-background: #f1bd6c;
     --color-button-upsell-background-extra: #726ab9;
     --color-button-upsell-background-hover: #e8b668;
     --color-button-upsell-background-hover-extra: #575089;
     --color-button-upsell-background-active: #e2b266;
     --color-button-upsell-background-active-extra: #575089;
     --color-button-upsell-background-subtle: transparent;
     --color-button-upsell-background-subtle-hover: #fff6ee;
     --color-button-upsell-background-subtle-active: #ffecda;
     --color-button-upsell-icon-subtle: #f1bd6c;
     --color-button-upsell-icon-subtle-hover: #f1bd6c;
     --color-button-nux-background-active: #575089;
     --color-button-switch-icon: #fff;
     --color-button-switch-icon-disabled: #afabac;
     --color-button-switch-background: #8d8b8d;
     --color-button-switch-background-hover: #6d6e6f;
     --color-button-switch-background-disabled: #edeae9
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-button-text-shrouded: #fff;
     --color-button-icon-secondary-hover: #1e1f21;
     --color-button-icon-shrouded: #fff;
     --color-button-border-secondary: #cfcbcb;
     --color-button-border-secondary-hover: #afabac;
     --color-button-border-secondary-active: #6d6e6f;
     --color-button-border-subtle: transparent;
     --color-button-border-tertiary-experimental: transparent;
     --color-button-border-tertiary-hover-experimental: transparent;
     --color-button-background-primary-disabled: #fff;
     --color-button-background-secondary: #fff;
     --color-button-background-secondary-opaque: #fff;
     --color-button-background-secondary-hover: #f9f8f8;
     --color-button-background-secondary-hover-opaque: #f9f8f8;
     --color-button-background-secondary-active: #f5f3f3;
     --color-button-background-secondary-active-opaque: #f5f3f3;
     --color-button-background-tertiary-experimental: rgba(55, 23, 23, 0.03);
     --color-button-background-tertiary-hover-experimental: rgba(55, 23, 23, 0.05);
     --color-button-background-subtle: transparent;
     --color-button-background-subtle-pressed: #dbe0fd;
     --color-button-background-subtle-pressedHover: #e7e9fc;
     --color-button-background-subtle-pressedActive: #f1f2fc;
     --color-button-background-shrouded: rgba(30, 31, 33, 0.6);
     --color-button-background-shrouded-hover: rgba(30, 31, 33, 0.75);
     --color-button-background-shrouded-active: rgba(30, 31, 33, 0.84);
     --color-button-error-background: #fff;
     --color-button-error-background-secondary-hover: #fcdadc;
     --color-button-error-background-secondary-active: #f9c6ca;
     --color-button-error-border: #cfcbcb;
     --color-button-error-border-hover: #e37281;
     --color-button-error-border-pressed: #f1a2a9;
     --color-button-error-border-pressedHover: #e37281;
     --color-button-error-border-pressedActive: #e37281;
     --color-button-success-border: #cfcbcb;
     --color-button-success-border-hover: #58a182;
     --color-button-success-border-pressed: #8dc2ac;
     --color-button-success-border-pressedHover: #58a182;
     --color-button-success-border-pressedActive: #58a182;
     --color-button-success-background: #fff;
     --color-button-warning-border: #cfcbcb;
     --color-button-warning-border-hover: #b58e53;
     --color-button-warning-border-pressed: #f1bd6c;
     --color-button-warning-border-pressedHover: #b58e53;
     --color-button-warning-border-pressedActive: #b58e53;
     --color-button-warning-background: #fff;
     --color-button-creation-icon: #fff;
     --color-button-creation-background: #f06a6a;
     --color-button-creation-background-hover: #df6064;
     --color-button-creation-background-active: #d45961;
     --color-button-danger-text: #fff;
     --color-button-danger-background: #de5f73;
     --color-button-danger-background-hover: #d84f67;
     --color-button-danger-background-active: #d33e5d;
     --color-button-danger-background-secondary-hover: #fcdadc;
     --color-button-danger-background-secondary-active: #f9c6ca;
     --color-button-danger-border-secondary: #f1a2a9;
     --color-button-upsell-text: #1e1f21;
     --color-button-upsell-text-extra: #fff;
     --color-button-upsell-background: #f1bd6c;
     --color-button-upsell-background-extra: #726ab9;
     --color-button-upsell-background-hover: #e8b668;
     --color-button-upsell-background-hover-extra: #575089;
     --color-button-upsell-background-active: #e2b266;
     --color-button-upsell-background-active-extra: #575089;
     --color-button-upsell-background-subtle: transparent;
     --color-button-upsell-background-subtle-hover: #fff6ee;
     --color-button-upsell-background-subtle-active: #ffecda;
     --color-button-upsell-icon-subtle: #f1bd6c;
     --color-button-upsell-icon-subtle-hover: #f1bd6c;
     --color-button-nux-background-active: #575089;
     --color-button-switch-icon: #fff;
     --color-button-switch-icon-disabled: #afabac;
     --color-button-switch-background: #8d8b8d;
     --color-button-switch-background-hover: #6d6e6f;
     --color-button-switch-background-disabled: #edeae9
 }

 @media print {
     :root {
         --color-button-text-shrouded: #fff;
         --color-button-icon-secondary-hover: #1e1f21;
         --color-button-icon-shrouded: #fff;
         --color-button-border-secondary: #cfcbcb;
         --color-button-border-secondary-hover: #afabac;
         --color-button-border-secondary-active: #6d6e6f;
         --color-button-border-subtle: transparent;
         --color-button-border-tertiary-experimental: transparent;
         --color-button-border-tertiary-hover-experimental: transparent;
         --color-button-background-primary-disabled: #fff;
         --color-button-background-secondary: #fff;
         --color-button-background-secondary-opaque: #fff;
         --color-button-background-secondary-hover: #f9f8f8;
         --color-button-background-secondary-hover-opaque: #f9f8f8;
         --color-button-background-secondary-active: #f5f3f3;
         --color-button-background-secondary-active-opaque: #f5f3f3;
         --color-button-background-tertiary-experimental: rgba(55, 23, 23, 0.03);
         --color-button-background-tertiary-hover-experimental: rgba(55, 23, 23, 0.05);
         --color-button-background-subtle: transparent;
         --color-button-background-subtle-pressed: #dbe0fd;
         --color-button-background-subtle-pressedHover: #e7e9fc;
         --color-button-background-subtle-pressedActive: #f1f2fc;
         --color-button-background-shrouded: rgba(30, 31, 33, 0.6);
         --color-button-background-shrouded-hover: rgba(30, 31, 33, 0.75);
         --color-button-background-shrouded-active: rgba(30, 31, 33, 0.84);
         --color-button-error-background: #fff;
         --color-button-error-background-secondary-hover: #fcdadc;
         --color-button-error-background-secondary-active: #f9c6ca;
         --color-button-error-border: #cfcbcb;
         --color-button-error-border-hover: #e37281;
         --color-button-error-border-pressed: #f1a2a9;
         --color-button-error-border-pressedHover: #e37281;
         --color-button-error-border-pressedActive: #e37281;
         --color-button-success-border: #cfcbcb;
         --color-button-success-border-hover: #58a182;
         --color-button-success-border-pressed: #8dc2ac;
         --color-button-success-border-pressedHover: #58a182;
         --color-button-success-border-pressedActive: #58a182;
         --color-button-success-background: #fff;
         --color-button-warning-border: #cfcbcb;
         --color-button-warning-border-hover: #b58e53;
         --color-button-warning-border-pressed: #f1bd6c;
         --color-button-warning-border-pressedHover: #b58e53;
         --color-button-warning-border-pressedActive: #b58e53;
         --color-button-warning-background: #fff;
         --color-button-creation-icon: #fff;
         --color-button-creation-background: #f06a6a;
         --color-button-creation-background-hover: #df6064;
         --color-button-creation-background-active: #d45961;
         --color-button-danger-text: #fff;
         --color-button-danger-background: #de5f73;
         --color-button-danger-background-hover: #d84f67;
         --color-button-danger-background-active: #d33e5d;
         --color-button-danger-background-secondary-hover: #fcdadc;
         --color-button-danger-background-secondary-active: #f9c6ca;
         --color-button-danger-border-secondary: #f1a2a9;
         --color-button-upsell-text: #1e1f21;
         --color-button-upsell-text-extra: #fff;
         --color-button-upsell-background: #f1bd6c;
         --color-button-upsell-background-extra: #726ab9;
         --color-button-upsell-background-hover: #e8b668;
         --color-button-upsell-background-hover-extra: #575089;
         --color-button-upsell-background-active: #e2b266;
         --color-button-upsell-background-active-extra: #575089;
         --color-button-upsell-background-subtle: transparent;
         --color-button-upsell-background-subtle-hover: #fff6ee;
         --color-button-upsell-background-subtle-active: #ffecda;
         --color-button-upsell-icon-subtle: #f1bd6c;
         --color-button-upsell-icon-subtle-hover: #f1bd6c;
         --color-button-nux-background-active: #575089;
         --color-button-switch-icon: #fff;
         --color-button-switch-icon-disabled: #afabac;
         --color-button-switch-background: #8d8b8d;
         --color-button-switch-background-hover: #6d6e6f;
         --color-button-switch-background-disabled: #edeae9
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-button-text-shrouded: #fff;
     --color-button-icon-secondary-hover: #f5f4f3;
     --color-button-icon-shrouded: #fff;
     --color-button-border-secondary: #565557;
     --color-button-border-secondary-hover: #6a696a;
     --color-button-border-secondary-active: #a2a0a2;
     --color-button-border-subtle: transparent;
     --color-button-border-tertiary-experimental: transparent;
     --color-button-border-tertiary-hover-experimental: transparent;
     --color-button-background-primary-disabled: transparent;
     --color-button-background-secondary: transparent;
     --color-button-background-secondary-opaque: #1e1f21;
     --color-button-background-secondary-hover: rgba(255, 255, 255, 0.06);
     --color-button-background-secondary-hover-opaque: #252628;
     --color-button-background-secondary-active: rgba(255, 255, 255, 0.11);
     --color-button-background-secondary-active-opaque: #2a2b2d;
     --color-button-background-tertiary-experimental: rgba(255, 255, 255, 0.06);
     --color-button-background-tertiary-hover-experimental: rgba(255, 255, 255, 0.11);
     --color-button-background-subtle: transparent;
     --color-button-background-subtle-pressed: #2a3c68;
     --color-button-background-subtle-pressedHover: #1a2843;
     --color-button-background-subtle-pressedActive: #172237;
     --color-button-background-shrouded: rgba(30, 31, 33, 0.6);
     --color-button-background-shrouded-hover: rgba(30, 31, 33, 0.75);
     --color-button-background-shrouded-active: rgba(30, 31, 33, 0.84);
     --color-button-error-background: transparent;
     --color-button-error-background-secondary-hover: #64202c;
     --color-button-error-background-secondary-active: #6e2230;
     --color-button-error-border: #565557;
     --color-button-error-border-hover: #d1395a;
     --color-button-error-border-pressed: #b12d4b;
     --color-button-error-border-pressedHover: #d1395a;
     --color-button-error-border-pressedActive: #d1395a;
     --color-button-success-border: #565557;
     --color-button-success-border-hover: #4b8a73;
     --color-button-success-border-pressed: #32695d;
     --color-button-success-border-pressedHover: #4b8a73;
     --color-button-success-border-pressedActive: #4b8a73;
     --color-button-success-background: transparent;
     --color-button-warning-border: #565557;
     --color-button-warning-border-hover: #b89054;
     --color-button-warning-border-pressed: #735c38;
     --color-button-warning-border-pressedHover: #b89054;
     --color-button-warning-border-pressedActive: #b89054;
     --color-button-warning-background: transparent;
     --color-button-creation-icon: #f5f4f3;
     --color-button-creation-background: #f06a6a;
     --color-button-creation-background-hover: #df6064;
     --color-button-creation-background-active: #d45961;
     --color-button-danger-text: #1e1f21;
     --color-button-danger-background: #dd5e72;
     --color-button-danger-background-hover: #e47281;
     --color-button-danger-background-active: #e67886;
     --color-button-danger-background-secondary-hover: #64202c;
     --color-button-danger-background-secondary-active: #6e2230;
     --color-button-danger-border-secondary: #b12d4b;
     --color-button-upsell-text: #1e1f21;
     --color-button-upsell-text-extra: #f5f4f3;
     --color-button-upsell-background: #f1bd6c;
     --color-button-upsell-background-extra: #726ab9;
     --color-button-upsell-background-hover: #e8b668;
     --color-button-upsell-background-hover-extra: #a499ed;
     --color-button-upsell-background-active: #e2b266;
     --color-button-upsell-background-active-extra: #a499ed;
     --color-button-upsell-background-subtle: transparent;
     --color-button-upsell-background-subtle-hover: #3d3120;
     --color-button-upsell-background-subtle-active: #493b26;
     --color-button-upsell-icon-subtle: #f1bd6c;
     --color-button-upsell-icon-subtle-hover: #f1bd6c;
     --color-button-nux-background-active: #a499ed;
     --color-button-switch-icon: #f5f4f3;
     --color-button-switch-icon-disabled: #6a696a;
     --color-button-switch-background: #6a696a;
     --color-button-switch-background-hover: #a2a0a2;
     --color-button-switch-background-disabled: #424244
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-button-text-shrouded: #fff;
         --color-button-icon-secondary-hover: #f5f4f3;
         --color-button-icon-shrouded: #fff;
         --color-button-border-secondary: #565557;
         --color-button-border-secondary-hover: #6a696a;
         --color-button-border-secondary-active: #a2a0a2;
         --color-button-border-subtle: transparent;
         --color-button-border-tertiary-experimental: transparent;
         --color-button-border-tertiary-hover-experimental: transparent;
         --color-button-background-primary-disabled: transparent;
         --color-button-background-secondary: transparent;
         --color-button-background-secondary-opaque: #1e1f21;
         --color-button-background-secondary-hover: rgba(255, 255, 255, 0.06);
         --color-button-background-secondary-hover-opaque: #252628;
         --color-button-background-secondary-active: rgba(255, 255, 255, 0.11);
         --color-button-background-secondary-active-opaque: #2a2b2d;
         --color-button-background-tertiary-experimental: rgba(255, 255, 255, 0.06);
         --color-button-background-tertiary-hover-experimental: rgba(255, 255, 255, 0.11);
         --color-button-background-subtle: transparent;
         --color-button-background-subtle-pressed: #2a3c68;
         --color-button-background-subtle-pressedHover: #1a2843;
         --color-button-background-subtle-pressedActive: #172237;
         --color-button-background-shrouded: rgba(30, 31, 33, 0.6);
         --color-button-background-shrouded-hover: rgba(30, 31, 33, 0.75);
         --color-button-background-shrouded-active: rgba(30, 31, 33, 0.84);
         --color-button-error-background: transparent;
         --color-button-error-background-secondary-hover: #64202c;
         --color-button-error-background-secondary-active: #6e2230;
         --color-button-error-border: #565557;
         --color-button-error-border-hover: #d1395a;
         --color-button-error-border-pressed: #b12d4b;
         --color-button-error-border-pressedHover: #d1395a;
         --color-button-error-border-pressedActive: #d1395a;
         --color-button-success-border: #565557;
         --color-button-success-border-hover: #4b8a73;
         --color-button-success-border-pressed: #32695d;
         --color-button-success-border-pressedHover: #4b8a73;
         --color-button-success-border-pressedActive: #4b8a73;
         --color-button-success-background: transparent;
         --color-button-warning-border: #565557;
         --color-button-warning-border-hover: #b89054;
         --color-button-warning-border-pressed: #735c38;
         --color-button-warning-border-pressedHover: #b89054;
         --color-button-warning-border-pressedActive: #b89054;
         --color-button-warning-background: transparent;
         --color-button-creation-icon: #f5f4f3;
         --color-button-creation-background: #f06a6a;
         --color-button-creation-background-hover: #df6064;
         --color-button-creation-background-active: #d45961;
         --color-button-danger-text: #1e1f21;
         --color-button-danger-background: #dd5e72;
         --color-button-danger-background-hover: #e47281;
         --color-button-danger-background-active: #e67886;
         --color-button-danger-background-secondary-hover: #64202c;
         --color-button-danger-background-secondary-active: #6e2230;
         --color-button-danger-border-secondary: #b12d4b;
         --color-button-upsell-text: #1e1f21;
         --color-button-upsell-text-extra: #f5f4f3;
         --color-button-upsell-background: #f1bd6c;
         --color-button-upsell-background-extra: #726ab9;
         --color-button-upsell-background-hover: #e8b668;
         --color-button-upsell-background-hover-extra: #a499ed;
         --color-button-upsell-background-active: #e2b266;
         --color-button-upsell-background-active-extra: #a499ed;
         --color-button-upsell-background-subtle: transparent;
         --color-button-upsell-background-subtle-hover: #3d3120;
         --color-button-upsell-background-subtle-active: #493b26;
         --color-button-upsell-icon-subtle: #f1bd6c;
         --color-button-upsell-icon-subtle-hover: #f1bd6c;
         --color-button-nux-background-active: #a499ed;
         --color-button-switch-icon: #f5f4f3;
         --color-button-switch-icon-disabled: #6a696a;
         --color-button-switch-background: #6a696a;
         --color-button-switch-background-hover: #a2a0a2;
         --color-button-switch-background-disabled: #424244
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-button-text-shrouded: #fff;
     --color-button-icon-secondary-hover: #f5f4f3;
     --color-button-icon-shrouded: #fff;
     --color-button-border-secondary: #565557;
     --color-button-border-secondary-hover: #6a696a;
     --color-button-border-secondary-active: #a2a0a2;
     --color-button-border-subtle: transparent;
     --color-button-border-tertiary-experimental: transparent;
     --color-button-border-tertiary-hover-experimental: transparent;
     --color-button-background-primary-disabled: transparent;
     --color-button-background-secondary: transparent;
     --color-button-background-secondary-opaque: #1e1f21;
     --color-button-background-secondary-hover: rgba(255, 255, 255, 0.06);
     --color-button-background-secondary-hover-opaque: #252628;
     --color-button-background-secondary-active: rgba(255, 255, 255, 0.11);
     --color-button-background-secondary-active-opaque: #2a2b2d;
     --color-button-background-tertiary-experimental: rgba(255, 255, 255, 0.06);
     --color-button-background-tertiary-hover-experimental: rgba(255, 255, 255, 0.11);
     --color-button-background-subtle: transparent;
     --color-button-background-subtle-pressed: #2a3c68;
     --color-button-background-subtle-pressedHover: #1a2843;
     --color-button-background-subtle-pressedActive: #172237;
     --color-button-background-shrouded: rgba(30, 31, 33, 0.6);
     --color-button-background-shrouded-hover: rgba(30, 31, 33, 0.75);
     --color-button-background-shrouded-active: rgba(30, 31, 33, 0.84);
     --color-button-error-background: transparent;
     --color-button-error-background-secondary-hover: #64202c;
     --color-button-error-background-secondary-active: #6e2230;
     --color-button-error-border: #565557;
     --color-button-error-border-hover: #d1395a;
     --color-button-error-border-pressed: #b12d4b;
     --color-button-error-border-pressedHover: #d1395a;
     --color-button-error-border-pressedActive: #d1395a;
     --color-button-success-border: #565557;
     --color-button-success-border-hover: #4b8a73;
     --color-button-success-border-pressed: #32695d;
     --color-button-success-border-pressedHover: #4b8a73;
     --color-button-success-border-pressedActive: #4b8a73;
     --color-button-success-background: transparent;
     --color-button-warning-border: #565557;
     --color-button-warning-border-hover: #b89054;
     --color-button-warning-border-pressed: #735c38;
     --color-button-warning-border-pressedHover: #b89054;
     --color-button-warning-border-pressedActive: #b89054;
     --color-button-warning-background: transparent;
     --color-button-creation-icon: #f5f4f3;
     --color-button-creation-background: #f06a6a;
     --color-button-creation-background-hover: #df6064;
     --color-button-creation-background-active: #d45961;
     --color-button-danger-text: #1e1f21;
     --color-button-danger-background: #dd5e72;
     --color-button-danger-background-hover: #e47281;
     --color-button-danger-background-active: #e67886;
     --color-button-danger-background-secondary-hover: #64202c;
     --color-button-danger-background-secondary-active: #6e2230;
     --color-button-danger-border-secondary: #b12d4b;
     --color-button-upsell-text: #1e1f21;
     --color-button-upsell-text-extra: #f5f4f3;
     --color-button-upsell-background: #f1bd6c;
     --color-button-upsell-background-extra: #726ab9;
     --color-button-upsell-background-hover: #e8b668;
     --color-button-upsell-background-hover-extra: #a499ed;
     --color-button-upsell-background-active: #e2b266;
     --color-button-upsell-background-active-extra: #a499ed;
     --color-button-upsell-background-subtle: transparent;
     --color-button-upsell-background-subtle-hover: #3d3120;
     --color-button-upsell-background-subtle-active: #493b26;
     --color-button-upsell-icon-subtle: #f1bd6c;
     --color-button-upsell-icon-subtle-hover: #f1bd6c;
     --color-button-nux-background-active: #a499ed;
     --color-button-switch-icon: #f5f4f3;
     --color-button-switch-icon-disabled: #6a696a;
     --color-button-switch-background: #6a696a;
     --color-button-switch-background-hover: #a2a0a2;
     --color-button-switch-background-disabled: #424244;
     --color-button-icon-secondary-hover: #f8f4f6;
     --color-button-border-secondary: #5f2748;
     --color-button-border-secondary-hover: #8f5977;
     --color-button-background-secondary-opaque: #36172a;
     --color-button-background-secondary-hover-opaque: #3e1930;
     --color-button-background-secondary-active-opaque: #461d36;
     --color-button-error-border: #5f2748;
     --color-button-success-border: #5f2748;
     --color-button-warning-border: #5f2748;
     --color-button-creation-icon: #f8f4f6;
     --color-button-danger-text: #f8f4f6;
     --color-button-upsell-text: #36172a;
     --color-button-upsell-text-extra: #f8f4f6;
     --color-button-switch-icon: #f8f4f6;
     --color-button-switch-icon-disabled: #8f5977;
     --color-button-switch-background: #8f5977;
     --color-button-switch-background-hover: #bb97a9;
     --color-button-switch-background-disabled: #5f2748
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-button-upsell-icon-subtle: #d6ce38;
     --color-button-upsell-icon-subtle-hover: #d6ce38
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-button-upsell-icon-subtle: #d6ce38;
     --color-button-upsell-icon-subtle-hover: #d6ce38
 }

 :root {
     --color-card-background: #fff;
     --color-card-background-rgb: 255, 255, 255
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-card-background: #fff;
     --color-card-background-rgb: 255, 255, 255
 }

 @media print {
     :root {
         --color-card-background: #fff;
         --color-card-background-rgb: 255, 255, 255
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-card-background: #2a2b2d;
     --color-card-background-rgb: 42, 43, 45
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-card-background: #2a2b2d;
         --color-card-background-rgb: 42, 43, 45
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-card-background: #2a2b2d;
     --color-card-background-rgb: 42, 43, 45;
     --color-card-background: #461d36;
     --color-card-background-rgb: 70, 29, 54
 }

 :root {
     --color-chart-background-export: #fff;
     --color-chart-border: #fff;
     --color-chart-text: #1e1f21;
     --color-chart-text-export: #1e1f21;
     --color-chart-text-y-axis: #6d6e6f;
     --color-chart-text-y-axis-export: #6d6e6f;
     --color-chart-text-x-axis: #1e1f21;
     --color-chart-text-x-axis-export: #1e1f21;
     --color-chart-red-bar-gradient-start: #f06a6a;
     --color-chart-red-bar-gradient-end: #f06a6a;
     --color-chart-red-fill-1: #b25151;
     --color-chart-red-fill-2: #d96161;
     --color-chart-red-fill-3: #f27372;
     --color-chart-red-fill-4: #f9928e;
     --color-chart-red-fill-5: #feaca7;
     --color-chart-red-fill-6: #ffcac6;
     --color-chart-red-fill-7: #ffdfdc;
     --color-chart-red-fill-8: #ffeae8;
     --color-chart-red-fill-core: #f06a6a;
     --color-chart-red-lollipop-connector: #ffcac6;
     --color-chart-red-lollipop-head: #f06a6a;
     --color-chart-orange-bar-gradient-start: #ec8d71;
     --color-chart-orange-bar-gradient-end: #ec8d71;
     --color-chart-orange-fill-1: #9d604d;
     --color-chart-orange-fill-2: #bf735d;
     --color-chart-orange-fill-3: #db8369;
     --color-chart-orange-fill-4: #f0987e;
     --color-chart-orange-fill-5: #f6b19c;
     --color-chart-orange-fill-6: #fccbbd;
     --color-chart-orange-fill-7: #fee0d7;
     --color-chart-orange-fill-8: #ffebe6;
     --color-chart-orange-fill-core: #ec8d71;
     --color-chart-orange-lollipop-connector: #fccbbd;
     --color-chart-orange-lollipop-head: #ec8d71;
     --color-chart-yellow-orange-bar-gradient-start: #f1bd6c;
     --color-chart-yellow-orange-bar-gradient-end: #f1bd6c;
     --color-chart-yellow-orange-fill-1: #876a40;
     --color-chart-yellow-orange-fill-2: #a4814c;
     --color-chart-yellow-orange-fill-3: #bc9456;
     --color-chart-yellow-orange-fill-4: #d4a760;
     --color-chart-yellow-orange-fill-5: #ebb86a;
     --color-chart-yellow-orange-fill-6: #f8cf96;
     --color-chart-yellow-orange-fill-7: #fde2c0;
     --color-chart-yellow-orange-fill-8: #ffebd4;
     --color-chart-yellow-orange-fill-core: #f1bd6c;
     --color-chart-yellow-orange-lollipop-connector: #f8cf96;
     --color-chart-yellow-orange-lollipop-head: #f1bd6c;
     --color-chart-yellow-bar-gradient-start: #f8df72;
     --color-chart-yellow-bar-gradient-end: #f8df72;
     --color-chart-yellow-fill-1: #7c6f3d;
     --color-chart-yellow-fill-2: #958648;
     --color-chart-yellow-fill-3: #ab9a52;
     --color-chart-yellow-fill-4: #c2ae5b;
     --color-chart-yellow-fill-5: #d6c064;
     --color-chart-yellow-fill-6: #eed66e;
     --color-chart-yellow-fill-7: #fce58e;
     --color-chart-yellow-fill-8: #ffefba;
     --color-chart-yellow-fill-core: #f8df72;
     --color-chart-yellow-lollipop-connector: #eed66e;
     --color-chart-yellow-lollipop-head: #f8df72;
     --color-chart-yellow-green-bar-gradient-start: #aecf55;
     --color-chart-yellow-green-bar-gradient-end: #aecf55;
     --color-chart-yellow-green-fill-1: #657635;
     --color-chart-yellow-green-fill-2: #7a8f3e;
     --color-chart-yellow-green-fill-3: #8ba446;
     --color-chart-yellow-green-fill-4: #9dba4e;
     --color-chart-yellow-green-fill-5: #accd54;
     --color-chart-yellow-green-fill-6: #ccdf90;
     --color-chart-yellow-green-fill-7: #e0ebb8;
     --color-chart-yellow-green-fill-8: #ecf3d4;
     --color-chart-yellow-green-fill-core: #aecf55;
     --color-chart-yellow-green-lollipop-connector: #ccdf90;
     --color-chart-yellow-green-lollipop-head: #aecf55;
     --color-chart-green-bar-gradient-start: #5da283;
     --color-chart-green-bar-gradient-end: #5da283;
     --color-chart-green-fill-1: #487963;
     --color-chart-green-fill-2: #559377;
     --color-chart-green-fill-3: #67a78a;
     --color-chart-green-fill-4: #87b9a1;
     --color-chart-green-fill-5: #a3cab7;
     --color-chart-green-fill-6: #c2dccf;
     --color-chart-green-fill-7: #d9e9e1;
     --color-chart-green-fill-8: #e6f1eb;
     --color-chart-green-fill-core: #5da283;
     --color-chart-green-lollipop-connector: #c2dccf;
     --color-chart-green-lollipop-head: #5da283;
     --color-chart-blue-green-bar-gradient-start: #4ecbc4;
     --color-chart-blue-green-bar-gradient-end: #4ecbc4;
     --color-chart-blue-green-fill-1: #367a76;
     --color-chart-blue-green-fill-2: #3e948f;
     --color-chart-blue-green-fill-3: #45a9a4;
     --color-chart-blue-green-fill-4: #4bc0ba;
     --color-chart-blue-green-fill-5: #6ad1cb;
     --color-chart-blue-green-fill-6: #a3e1dc;
     --color-chart-blue-green-fill-7: #c7ede9;
     --color-chart-blue-green-fill-8: #ddf4f2;
     --color-chart-blue-green-fill-core: #4ecbc4;
     --color-chart-blue-green-lollipop-connector: #a3e1dc;
     --color-chart-blue-green-lollipop-head: #4ecbc4;
     --color-chart-aqua-bar-gradient-start: #9ee7e3;
     --color-chart-aqua-bar-gradient-end: #9ee7e3;
     --color-chart-aqua-fill-1: #537574;
     --color-chart-aqua-fill-2: #648e8c;
     --color-chart-aqua-fill-3: #72a3a0;
     --color-chart-aqua-fill-4: #80b9b6;
     --color-chart-aqua-fill-5: #8cccc8;
     --color-chart-aqua-fill-6: #9be3df;
     --color-chart-aqua-fill-7: #c1efec;
     --color-chart-aqua-fill-8: #d8f5f3;
     --color-chart-aqua-fill-core: #9ee7e3;
     --color-chart-aqua-lollipop-connector: #9be3df;
     --color-chart-aqua-lollipop-head: #9ee7e3;
     --color-chart-blue-bar-gradient-start: #4573d2;
     --color-chart-blue-bar-gradient-end: #4573d2;
     --color-chart-blue-fill-1: #426cc5;
     --color-chart-blue-fill-2: #6583d8;
     --color-chart-blue-fill-3: #8497df;
     --color-chart-blue-fill-4: #9face6;
     --color-chart-blue-fill-5: #b7bfec;
     --color-chart-blue-fill-6: #d1d5f3;
     --color-chart-blue-fill-7: #e3e5f8;
     --color-chart-blue-fill-8: #edeffa;
     --color-chart-blue-fill-core: #4573d2;
     --color-chart-blue-lollipop-connector: #d1d5f3;
     --color-chart-blue-lollipop-head: #4573d2;
     --color-chart-indigo-bar-gradient-start: #8d84e8;
     --color-chart-indigo-bar-gradient-end: #8d84e8;
     --color-chart-indigo-fill-1: #6e66b1;
     --color-chart-indigo-fill-2: #847bd8;
     --color-chart-indigo-fill-3: #998fea;
     --color-chart-indigo-fill-4: #b0a6ef;
     --color-chart-indigo-fill-5: #c4baf3;
     --color-chart-indigo-fill-6: #d9d2f8;
     --color-chart-indigo-fill-7: #e7e2fa;
     --color-chart-indigo-fill-8: #f1edfc;
     --color-chart-indigo-fill-core: #8d84e8;
     --color-chart-indigo-lollipop-connector: #d9d2f8;
     --color-chart-indigo-lollipop-head: #8d84e8;
     --color-chart-purple-bar-gradient-start: #b36bd4;
     --color-chart-purple-bar-gradient-end: #b36bd4;
     --color-chart-purple-fill-1: #9158ab;
     --color-chart-purple-fill-2: #b06ad1;
     --color-chart-purple-fill-3: #c083db;
     --color-chart-purple-fill-4: #ce9ce3;
     --color-chart-purple-fill-5: #dab3ea;
     --color-chart-purple-fill-6: #e7cdf1;
     --color-chart-purple-fill-7: #f1e1f7;
     --color-chart-purple-fill-8: #f6ecfa;
     --color-chart-purple-fill-core: #b36bd4;
     --color-chart-purple-lollipop-connector: #e7cdf1;
     --color-chart-purple-lollipop-head: #b36bd4;
     --color-chart-magenta-bar-gradient-start: #f9aaef;
     --color-chart-magenta-bar-gradient-end: #f9aaef;
     --color-chart-magenta-fill-1: #8c6186;
     --color-chart-magenta-fill-2: #aa76a3;
     --color-chart-magenta-fill-3: #c387bc;
     --color-chart-magenta-fill-4: #de98d5;
     --color-chart-magenta-fill-5: #f5a8ec;
     --color-chart-magenta-fill-6: #fcc6f4;
     --color-chart-magenta-fill-7: #fedbf8;
     --color-chart-magenta-fill-8: #ffe9fb;
     --color-chart-magenta-fill-core: #f9aaef;
     --color-chart-magenta-lollipop-connector: #fcc6f4;
     --color-chart-magenta-lollipop-head: #f9aaef;
     --color-chart-hot-pink-bar-gradient-start: #f26fb2;
     --color-chart-hot-pink-bar-gradient-end: #f26fb2;
     --color-chart-hot-pink-fill-1: #aa517e;
     --color-chart-hot-pink-fill-2: #cf6199;
     --color-chart-hot-pink-fill-3: #ee6eaf;
     --color-chart-hot-pink-fill-4: #f78dc0;
     --color-chart-hot-pink-fill-5: #fba9cf;
     --color-chart-hot-pink-fill-6: #fec7df;
     --color-chart-hot-pink-fill-7: #ffdceb;
     --color-chart-hot-pink-fill-8: #ffeaf3;
     --color-chart-hot-pink-fill-core: #f26fb2;
     --color-chart-hot-pink-lollipop-connector: #fec7df;
     --color-chart-hot-pink-lollipop-head: #f26fb2;
     --color-chart-pink-bar-gradient-start: #fc979a;
     --color-chart-pink-bar-gradient-end: #fc979a;
     --color-chart-pink-fill-1: #9b5f61;
     --color-chart-pink-fill-2: #bd7274;
     --color-chart-pink-fill-3: #d88385;
     --color-chart-pink-fill-4: #f59396;
     --color-chart-pink-fill-5: #ffabac;
     --color-chart-pink-fill-6: #ffc9c9;
     --color-chart-pink-fill-7: #ffdede;
     --color-chart-pink-fill-8: #ffeaea;
     --color-chart-pink-fill-core: #fc979a;
     --color-chart-pink-lollipop-connector: #ffc9c9;
     --color-chart-pink-lollipop-head: #fc979a;
     --color-chart-cool-gray-bar-gradient-start: #6d6e6f;
     --color-chart-cool-gray-bar-gradient-end: #6d6e6f;
     --color-chart-cool-gray-fill-1: #6e6f70;
     --color-chart-cool-gray-fill-2: #868788;
     --color-chart-cool-gray-fill-3: #9a9a9b;
     --color-chart-cool-gray-fill-4: #aeafaf;
     --color-chart-cool-gray-fill-5: #c1c1c2;
     --color-chart-cool-gray-fill-6: #d6d6d6;
     --color-chart-cool-gray-fill-7: #e6e6e7;
     --color-chart-cool-gray-fill-8: #efefef;
     --color-chart-cool-gray-fill-core: #6d6e6f;
     --color-chart-cool-gray-lollipop-connector: #d6d6d6;
     --color-chart-cool-gray-lollipop-head: #6d6e6f;
     --color-chart-none-bar-gradient-start: #c7c4c4;
     --color-chart-none-bar-gradient-end: #c7c4c4;
     --color-chart-none-fill-1: #706f6f;
     --color-chart-none-fill-2: #888686;
     --color-chart-none-fill-3: #9c9a9a;
     --color-chart-none-fill-4: #b1aeae;
     --color-chart-none-fill-5: #c3c0c0;
     --color-chart-none-fill-6: #d7d5d5;
     --color-chart-none-fill-7: #e7e6e6;
     --color-chart-none-fill-8: #f0efef;
     --color-chart-none-fill-core: #c7c4c4;
     --color-chart-none-lollipop-connector: #d7d5d5;
     --color-chart-none-lollipop-head: #c7c4c4;
     --color-chart-status-on-track: #58a182;
     --color-chart-status-off-track: #de5f73;
     --color-chart-status-at-risk: #f1bd6c;
     --color-chart-status-on-hold: #3f6ac4;
     --color-chart-status-completed: #cce8dd;
     --color-chart-status-none: #c7c4c4;
     --color-chart-customization-other: #cfcbcb;
     --color-chart-customization-none: #afabac
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-chart-background-export: #fff;
     --color-chart-border: #fff;
     --color-chart-text: #1e1f21;
     --color-chart-text-export: #1e1f21;
     --color-chart-text-y-axis: #6d6e6f;
     --color-chart-text-y-axis-export: #6d6e6f;
     --color-chart-text-x-axis: #1e1f21;
     --color-chart-text-x-axis-export: #1e1f21;
     --color-chart-red-bar-gradient-start: #f06a6a;
     --color-chart-red-bar-gradient-end: #f06a6a;
     --color-chart-red-fill-1: #b25151;
     --color-chart-red-fill-2: #d96161;
     --color-chart-red-fill-3: #f27372;
     --color-chart-red-fill-4: #f9928e;
     --color-chart-red-fill-5: #feaca7;
     --color-chart-red-fill-6: #ffcac6;
     --color-chart-red-fill-7: #ffdfdc;
     --color-chart-red-fill-8: #ffeae8;
     --color-chart-red-fill-core: #f06a6a;
     --color-chart-red-lollipop-connector: #ffcac6;
     --color-chart-red-lollipop-head: #f06a6a;
     --color-chart-orange-bar-gradient-start: #ec8d71;
     --color-chart-orange-bar-gradient-end: #ec8d71;
     --color-chart-orange-fill-1: #9d604d;
     --color-chart-orange-fill-2: #bf735d;
     --color-chart-orange-fill-3: #db8369;
     --color-chart-orange-fill-4: #f0987e;
     --color-chart-orange-fill-5: #f6b19c;
     --color-chart-orange-fill-6: #fccbbd;
     --color-chart-orange-fill-7: #fee0d7;
     --color-chart-orange-fill-8: #ffebe6;
     --color-chart-orange-fill-core: #ec8d71;
     --color-chart-orange-lollipop-connector: #fccbbd;
     --color-chart-orange-lollipop-head: #ec8d71;
     --color-chart-yellow-orange-bar-gradient-start: #f1bd6c;
     --color-chart-yellow-orange-bar-gradient-end: #f1bd6c;
     --color-chart-yellow-orange-fill-1: #876a40;
     --color-chart-yellow-orange-fill-2: #a4814c;
     --color-chart-yellow-orange-fill-3: #bc9456;
     --color-chart-yellow-orange-fill-4: #d4a760;
     --color-chart-yellow-orange-fill-5: #ebb86a;
     --color-chart-yellow-orange-fill-6: #f8cf96;
     --color-chart-yellow-orange-fill-7: #fde2c0;
     --color-chart-yellow-orange-fill-8: #ffebd4;
     --color-chart-yellow-orange-fill-core: #f1bd6c;
     --color-chart-yellow-orange-lollipop-connector: #f8cf96;
     --color-chart-yellow-orange-lollipop-head: #f1bd6c;
     --color-chart-yellow-bar-gradient-start: #f8df72;
     --color-chart-yellow-bar-gradient-end: #f8df72;
     --color-chart-yellow-fill-1: #7c6f3d;
     --color-chart-yellow-fill-2: #958648;
     --color-chart-yellow-fill-3: #ab9a52;
     --color-chart-yellow-fill-4: #c2ae5b;
     --color-chart-yellow-fill-5: #d6c064;
     --color-chart-yellow-fill-6: #eed66e;
     --color-chart-yellow-fill-7: #fce58e;
     --color-chart-yellow-fill-8: #ffefba;
     --color-chart-yellow-fill-core: #f8df72;
     --color-chart-yellow-lollipop-connector: #eed66e;
     --color-chart-yellow-lollipop-head: #f8df72;
     --color-chart-yellow-green-bar-gradient-start: #aecf55;
     --color-chart-yellow-green-bar-gradient-end: #aecf55;
     --color-chart-yellow-green-fill-1: #657635;
     --color-chart-yellow-green-fill-2: #7a8f3e;
     --color-chart-yellow-green-fill-3: #8ba446;
     --color-chart-yellow-green-fill-4: #9dba4e;
     --color-chart-yellow-green-fill-5: #accd54;
     --color-chart-yellow-green-fill-6: #ccdf90;
     --color-chart-yellow-green-fill-7: #e0ebb8;
     --color-chart-yellow-green-fill-8: #ecf3d4;
     --color-chart-yellow-green-fill-core: #aecf55;
     --color-chart-yellow-green-lollipop-connector: #ccdf90;
     --color-chart-yellow-green-lollipop-head: #aecf55;
     --color-chart-green-bar-gradient-start: #5da283;
     --color-chart-green-bar-gradient-end: #5da283;
     --color-chart-green-fill-1: #487963;
     --color-chart-green-fill-2: #559377;
     --color-chart-green-fill-3: #67a78a;
     --color-chart-green-fill-4: #87b9a1;
     --color-chart-green-fill-5: #a3cab7;
     --color-chart-green-fill-6: #c2dccf;
     --color-chart-green-fill-7: #d9e9e1;
     --color-chart-green-fill-8: #e6f1eb;
     --color-chart-green-fill-core: #5da283;
     --color-chart-green-lollipop-connector: #c2dccf;
     --color-chart-green-lollipop-head: #5da283;
     --color-chart-blue-green-bar-gradient-start: #4ecbc4;
     --color-chart-blue-green-bar-gradient-end: #4ecbc4;
     --color-chart-blue-green-fill-1: #367a76;
     --color-chart-blue-green-fill-2: #3e948f;
     --color-chart-blue-green-fill-3: #45a9a4;
     --color-chart-blue-green-fill-4: #4bc0ba;
     --color-chart-blue-green-fill-5: #6ad1cb;
     --color-chart-blue-green-fill-6: #a3e1dc;
     --color-chart-blue-green-fill-7: #c7ede9;
     --color-chart-blue-green-fill-8: #ddf4f2;
     --color-chart-blue-green-fill-core: #4ecbc4;
     --color-chart-blue-green-lollipop-connector: #a3e1dc;
     --color-chart-blue-green-lollipop-head: #4ecbc4;
     --color-chart-aqua-bar-gradient-start: #9ee7e3;
     --color-chart-aqua-bar-gradient-end: #9ee7e3;
     --color-chart-aqua-fill-1: #537574;
     --color-chart-aqua-fill-2: #648e8c;
     --color-chart-aqua-fill-3: #72a3a0;
     --color-chart-aqua-fill-4: #80b9b6;
     --color-chart-aqua-fill-5: #8cccc8;
     --color-chart-aqua-fill-6: #9be3df;
     --color-chart-aqua-fill-7: #c1efec;
     --color-chart-aqua-fill-8: #d8f5f3;
     --color-chart-aqua-fill-core: #9ee7e3;
     --color-chart-aqua-lollipop-connector: #9be3df;
     --color-chart-aqua-lollipop-head: #9ee7e3;
     --color-chart-blue-bar-gradient-start: #4573d2;
     --color-chart-blue-bar-gradient-end: #4573d2;
     --color-chart-blue-fill-1: #426cc5;
     --color-chart-blue-fill-2: #6583d8;
     --color-chart-blue-fill-3: #8497df;
     --color-chart-blue-fill-4: #9face6;
     --color-chart-blue-fill-5: #b7bfec;
     --color-chart-blue-fill-6: #d1d5f3;
     --color-chart-blue-fill-7: #e3e5f8;
     --color-chart-blue-fill-8: #edeffa;
     --color-chart-blue-fill-core: #4573d2;
     --color-chart-blue-lollipop-connector: #d1d5f3;
     --color-chart-blue-lollipop-head: #4573d2;
     --color-chart-indigo-bar-gradient-start: #8d84e8;
     --color-chart-indigo-bar-gradient-end: #8d84e8;
     --color-chart-indigo-fill-1: #6e66b1;
     --color-chart-indigo-fill-2: #847bd8;
     --color-chart-indigo-fill-3: #998fea;
     --color-chart-indigo-fill-4: #b0a6ef;
     --color-chart-indigo-fill-5: #c4baf3;
     --color-chart-indigo-fill-6: #d9d2f8;
     --color-chart-indigo-fill-7: #e7e2fa;
     --color-chart-indigo-fill-8: #f1edfc;
     --color-chart-indigo-fill-core: #8d84e8;
     --color-chart-indigo-lollipop-connector: #d9d2f8;
     --color-chart-indigo-lollipop-head: #8d84e8;
     --color-chart-purple-bar-gradient-start: #b36bd4;
     --color-chart-purple-bar-gradient-end: #b36bd4;
     --color-chart-purple-fill-1: #9158ab;
     --color-chart-purple-fill-2: #b06ad1;
     --color-chart-purple-fill-3: #c083db;
     --color-chart-purple-fill-4: #ce9ce3;
     --color-chart-purple-fill-5: #dab3ea;
     --color-chart-purple-fill-6: #e7cdf1;
     --color-chart-purple-fill-7: #f1e1f7;
     --color-chart-purple-fill-8: #f6ecfa;
     --color-chart-purple-fill-core: #b36bd4;
     --color-chart-purple-lollipop-connector: #e7cdf1;
     --color-chart-purple-lollipop-head: #b36bd4;
     --color-chart-magenta-bar-gradient-start: #f9aaef;
     --color-chart-magenta-bar-gradient-end: #f9aaef;
     --color-chart-magenta-fill-1: #8c6186;
     --color-chart-magenta-fill-2: #aa76a3;
     --color-chart-magenta-fill-3: #c387bc;
     --color-chart-magenta-fill-4: #de98d5;
     --color-chart-magenta-fill-5: #f5a8ec;
     --color-chart-magenta-fill-6: #fcc6f4;
     --color-chart-magenta-fill-7: #fedbf8;
     --color-chart-magenta-fill-8: #ffe9fb;
     --color-chart-magenta-fill-core: #f9aaef;
     --color-chart-magenta-lollipop-connector: #fcc6f4;
     --color-chart-magenta-lollipop-head: #f9aaef;
     --color-chart-hot-pink-bar-gradient-start: #f26fb2;
     --color-chart-hot-pink-bar-gradient-end: #f26fb2;
     --color-chart-hot-pink-fill-1: #aa517e;
     --color-chart-hot-pink-fill-2: #cf6199;
     --color-chart-hot-pink-fill-3: #ee6eaf;
     --color-chart-hot-pink-fill-4: #f78dc0;
     --color-chart-hot-pink-fill-5: #fba9cf;
     --color-chart-hot-pink-fill-6: #fec7df;
     --color-chart-hot-pink-fill-7: #ffdceb;
     --color-chart-hot-pink-fill-8: #ffeaf3;
     --color-chart-hot-pink-fill-core: #f26fb2;
     --color-chart-hot-pink-lollipop-connector: #fec7df;
     --color-chart-hot-pink-lollipop-head: #f26fb2;
     --color-chart-pink-bar-gradient-start: #fc979a;
     --color-chart-pink-bar-gradient-end: #fc979a;
     --color-chart-pink-fill-1: #9b5f61;
     --color-chart-pink-fill-2: #bd7274;
     --color-chart-pink-fill-3: #d88385;
     --color-chart-pink-fill-4: #f59396;
     --color-chart-pink-fill-5: #ffabac;
     --color-chart-pink-fill-6: #ffc9c9;
     --color-chart-pink-fill-7: #ffdede;
     --color-chart-pink-fill-8: #ffeaea;
     --color-chart-pink-fill-core: #fc979a;
     --color-chart-pink-lollipop-connector: #ffc9c9;
     --color-chart-pink-lollipop-head: #fc979a;
     --color-chart-cool-gray-bar-gradient-start: #6d6e6f;
     --color-chart-cool-gray-bar-gradient-end: #6d6e6f;
     --color-chart-cool-gray-fill-1: #6e6f70;
     --color-chart-cool-gray-fill-2: #868788;
     --color-chart-cool-gray-fill-3: #9a9a9b;
     --color-chart-cool-gray-fill-4: #aeafaf;
     --color-chart-cool-gray-fill-5: #c1c1c2;
     --color-chart-cool-gray-fill-6: #d6d6d6;
     --color-chart-cool-gray-fill-7: #e6e6e7;
     --color-chart-cool-gray-fill-8: #efefef;
     --color-chart-cool-gray-fill-core: #6d6e6f;
     --color-chart-cool-gray-lollipop-connector: #d6d6d6;
     --color-chart-cool-gray-lollipop-head: #6d6e6f;
     --color-chart-none-bar-gradient-start: #c7c4c4;
     --color-chart-none-bar-gradient-end: #c7c4c4;
     --color-chart-none-fill-1: #706f6f;
     --color-chart-none-fill-2: #888686;
     --color-chart-none-fill-3: #9c9a9a;
     --color-chart-none-fill-4: #b1aeae;
     --color-chart-none-fill-5: #c3c0c0;
     --color-chart-none-fill-6: #d7d5d5;
     --color-chart-none-fill-7: #e7e6e6;
     --color-chart-none-fill-8: #f0efef;
     --color-chart-none-fill-core: #c7c4c4;
     --color-chart-none-lollipop-connector: #d7d5d5;
     --color-chart-none-lollipop-head: #c7c4c4;
     --color-chart-status-on-track: #58a182;
     --color-chart-status-off-track: #de5f73;
     --color-chart-status-at-risk: #f1bd6c;
     --color-chart-status-on-hold: #3f6ac4;
     --color-chart-status-completed: #cce8dd;
     --color-chart-status-none: #c7c4c4;
     --color-chart-customization-other: #cfcbcb;
     --color-chart-customization-none: #afabac
 }

 @media print {
     :root {
         --color-chart-background-export: #fff;
         --color-chart-border: #fff;
         --color-chart-text: #1e1f21;
         --color-chart-text-export: #1e1f21;
         --color-chart-text-y-axis: #6d6e6f;
         --color-chart-text-y-axis-export: #6d6e6f;
         --color-chart-text-x-axis: #1e1f21;
         --color-chart-text-x-axis-export: #1e1f21;
         --color-chart-red-bar-gradient-start: #f06a6a;
         --color-chart-red-bar-gradient-end: #f06a6a;
         --color-chart-red-fill-1: #b25151;
         --color-chart-red-fill-2: #d96161;
         --color-chart-red-fill-3: #f27372;
         --color-chart-red-fill-4: #f9928e;
         --color-chart-red-fill-5: #feaca7;
         --color-chart-red-fill-6: #ffcac6;
         --color-chart-red-fill-7: #ffdfdc;
         --color-chart-red-fill-8: #ffeae8;
         --color-chart-red-fill-core: #f06a6a;
         --color-chart-red-lollipop-connector: #ffcac6;
         --color-chart-red-lollipop-head: #f06a6a;
         --color-chart-orange-bar-gradient-start: #ec8d71;
         --color-chart-orange-bar-gradient-end: #ec8d71;
         --color-chart-orange-fill-1: #9d604d;
         --color-chart-orange-fill-2: #bf735d;
         --color-chart-orange-fill-3: #db8369;
         --color-chart-orange-fill-4: #f0987e;
         --color-chart-orange-fill-5: #f6b19c;
         --color-chart-orange-fill-6: #fccbbd;
         --color-chart-orange-fill-7: #fee0d7;
         --color-chart-orange-fill-8: #ffebe6;
         --color-chart-orange-fill-core: #ec8d71;
         --color-chart-orange-lollipop-connector: #fccbbd;
         --color-chart-orange-lollipop-head: #ec8d71;
         --color-chart-yellow-orange-bar-gradient-start: #f1bd6c;
         --color-chart-yellow-orange-bar-gradient-end: #f1bd6c;
         --color-chart-yellow-orange-fill-1: #876a40;
         --color-chart-yellow-orange-fill-2: #a4814c;
         --color-chart-yellow-orange-fill-3: #bc9456;
         --color-chart-yellow-orange-fill-4: #d4a760;
         --color-chart-yellow-orange-fill-5: #ebb86a;
         --color-chart-yellow-orange-fill-6: #f8cf96;
         --color-chart-yellow-orange-fill-7: #fde2c0;
         --color-chart-yellow-orange-fill-8: #ffebd4;
         --color-chart-yellow-orange-fill-core: #f1bd6c;
         --color-chart-yellow-orange-lollipop-connector: #f8cf96;
         --color-chart-yellow-orange-lollipop-head: #f1bd6c;
         --color-chart-yellow-bar-gradient-start: #f8df72;
         --color-chart-yellow-bar-gradient-end: #f8df72;
         --color-chart-yellow-fill-1: #7c6f3d;
         --color-chart-yellow-fill-2: #958648;
         --color-chart-yellow-fill-3: #ab9a52;
         --color-chart-yellow-fill-4: #c2ae5b;
         --color-chart-yellow-fill-5: #d6c064;
         --color-chart-yellow-fill-6: #eed66e;
         --color-chart-yellow-fill-7: #fce58e;
         --color-chart-yellow-fill-8: #ffefba;
         --color-chart-yellow-fill-core: #f8df72;
         --color-chart-yellow-lollipop-connector: #eed66e;
         --color-chart-yellow-lollipop-head: #f8df72;
         --color-chart-yellow-green-bar-gradient-start: #aecf55;
         --color-chart-yellow-green-bar-gradient-end: #aecf55;
         --color-chart-yellow-green-fill-1: #657635;
         --color-chart-yellow-green-fill-2: #7a8f3e;
         --color-chart-yellow-green-fill-3: #8ba446;
         --color-chart-yellow-green-fill-4: #9dba4e;
         --color-chart-yellow-green-fill-5: #accd54;
         --color-chart-yellow-green-fill-6: #ccdf90;
         --color-chart-yellow-green-fill-7: #e0ebb8;
         --color-chart-yellow-green-fill-8: #ecf3d4;
         --color-chart-yellow-green-fill-core: #aecf55;
         --color-chart-yellow-green-lollipop-connector: #ccdf90;
         --color-chart-yellow-green-lollipop-head: #aecf55;
         --color-chart-green-bar-gradient-start: #5da283;
         --color-chart-green-bar-gradient-end: #5da283;
         --color-chart-green-fill-1: #487963;
         --color-chart-green-fill-2: #559377;
         --color-chart-green-fill-3: #67a78a;
         --color-chart-green-fill-4: #87b9a1;
         --color-chart-green-fill-5: #a3cab7;
         --color-chart-green-fill-6: #c2dccf;
         --color-chart-green-fill-7: #d9e9e1;
         --color-chart-green-fill-8: #e6f1eb;
         --color-chart-green-fill-core: #5da283;
         --color-chart-green-lollipop-connector: #c2dccf;
         --color-chart-green-lollipop-head: #5da283;
         --color-chart-blue-green-bar-gradient-start: #4ecbc4;
         --color-chart-blue-green-bar-gradient-end: #4ecbc4;
         --color-chart-blue-green-fill-1: #367a76;
         --color-chart-blue-green-fill-2: #3e948f;
         --color-chart-blue-green-fill-3: #45a9a4;
         --color-chart-blue-green-fill-4: #4bc0ba;
         --color-chart-blue-green-fill-5: #6ad1cb;
         --color-chart-blue-green-fill-6: #a3e1dc;
         --color-chart-blue-green-fill-7: #c7ede9;
         --color-chart-blue-green-fill-8: #ddf4f2;
         --color-chart-blue-green-fill-core: #4ecbc4;
         --color-chart-blue-green-lollipop-connector: #a3e1dc;
         --color-chart-blue-green-lollipop-head: #4ecbc4;
         --color-chart-aqua-bar-gradient-start: #9ee7e3;
         --color-chart-aqua-bar-gradient-end: #9ee7e3;
         --color-chart-aqua-fill-1: #537574;
         --color-chart-aqua-fill-2: #648e8c;
         --color-chart-aqua-fill-3: #72a3a0;
         --color-chart-aqua-fill-4: #80b9b6;
         --color-chart-aqua-fill-5: #8cccc8;
         --color-chart-aqua-fill-6: #9be3df;
         --color-chart-aqua-fill-7: #c1efec;
         --color-chart-aqua-fill-8: #d8f5f3;
         --color-chart-aqua-fill-core: #9ee7e3;
         --color-chart-aqua-lollipop-connector: #9be3df;
         --color-chart-aqua-lollipop-head: #9ee7e3;
         --color-chart-blue-bar-gradient-start: #4573d2;
         --color-chart-blue-bar-gradient-end: #4573d2;
         --color-chart-blue-fill-1: #426cc5;
         --color-chart-blue-fill-2: #6583d8;
         --color-chart-blue-fill-3: #8497df;
         --color-chart-blue-fill-4: #9face6;
         --color-chart-blue-fill-5: #b7bfec;
         --color-chart-blue-fill-6: #d1d5f3;
         --color-chart-blue-fill-7: #e3e5f8;
         --color-chart-blue-fill-8: #edeffa;
         --color-chart-blue-fill-core: #4573d2;
         --color-chart-blue-lollipop-connector: #d1d5f3;
         --color-chart-blue-lollipop-head: #4573d2;
         --color-chart-indigo-bar-gradient-start: #8d84e8;
         --color-chart-indigo-bar-gradient-end: #8d84e8;
         --color-chart-indigo-fill-1: #6e66b1;
         --color-chart-indigo-fill-2: #847bd8;
         --color-chart-indigo-fill-3: #998fea;
         --color-chart-indigo-fill-4: #b0a6ef;
         --color-chart-indigo-fill-5: #c4baf3;
         --color-chart-indigo-fill-6: #d9d2f8;
         --color-chart-indigo-fill-7: #e7e2fa;
         --color-chart-indigo-fill-8: #f1edfc;
         --color-chart-indigo-fill-core: #8d84e8;
         --color-chart-indigo-lollipop-connector: #d9d2f8;
         --color-chart-indigo-lollipop-head: #8d84e8;
         --color-chart-purple-bar-gradient-start: #b36bd4;
         --color-chart-purple-bar-gradient-end: #b36bd4;
         --color-chart-purple-fill-1: #9158ab;
         --color-chart-purple-fill-2: #b06ad1;
         --color-chart-purple-fill-3: #c083db;
         --color-chart-purple-fill-4: #ce9ce3;
         --color-chart-purple-fill-5: #dab3ea;
         --color-chart-purple-fill-6: #e7cdf1;
         --color-chart-purple-fill-7: #f1e1f7;
         --color-chart-purple-fill-8: #f6ecfa;
         --color-chart-purple-fill-core: #b36bd4;
         --color-chart-purple-lollipop-connector: #e7cdf1;
         --color-chart-purple-lollipop-head: #b36bd4;
         --color-chart-magenta-bar-gradient-start: #f9aaef;
         --color-chart-magenta-bar-gradient-end: #f9aaef;
         --color-chart-magenta-fill-1: #8c6186;
         --color-chart-magenta-fill-2: #aa76a3;
         --color-chart-magenta-fill-3: #c387bc;
         --color-chart-magenta-fill-4: #de98d5;
         --color-chart-magenta-fill-5: #f5a8ec;
         --color-chart-magenta-fill-6: #fcc6f4;
         --color-chart-magenta-fill-7: #fedbf8;
         --color-chart-magenta-fill-8: #ffe9fb;
         --color-chart-magenta-fill-core: #f9aaef;
         --color-chart-magenta-lollipop-connector: #fcc6f4;
         --color-chart-magenta-lollipop-head: #f9aaef;
         --color-chart-hot-pink-bar-gradient-start: #f26fb2;
         --color-chart-hot-pink-bar-gradient-end: #f26fb2;
         --color-chart-hot-pink-fill-1: #aa517e;
         --color-chart-hot-pink-fill-2: #cf6199;
         --color-chart-hot-pink-fill-3: #ee6eaf;
         --color-chart-hot-pink-fill-4: #f78dc0;
         --color-chart-hot-pink-fill-5: #fba9cf;
         --color-chart-hot-pink-fill-6: #fec7df;
         --color-chart-hot-pink-fill-7: #ffdceb;
         --color-chart-hot-pink-fill-8: #ffeaf3;
         --color-chart-hot-pink-fill-core: #f26fb2;
         --color-chart-hot-pink-lollipop-connector: #fec7df;
         --color-chart-hot-pink-lollipop-head: #f26fb2;
         --color-chart-pink-bar-gradient-start: #fc979a;
         --color-chart-pink-bar-gradient-end: #fc979a;
         --color-chart-pink-fill-1: #9b5f61;
         --color-chart-pink-fill-2: #bd7274;
         --color-chart-pink-fill-3: #d88385;
         --color-chart-pink-fill-4: #f59396;
         --color-chart-pink-fill-5: #ffabac;
         --color-chart-pink-fill-6: #ffc9c9;
         --color-chart-pink-fill-7: #ffdede;
         --color-chart-pink-fill-8: #ffeaea;
         --color-chart-pink-fill-core: #fc979a;
         --color-chart-pink-lollipop-connector: #ffc9c9;
         --color-chart-pink-lollipop-head: #fc979a;
         --color-chart-cool-gray-bar-gradient-start: #6d6e6f;
         --color-chart-cool-gray-bar-gradient-end: #6d6e6f;
         --color-chart-cool-gray-fill-1: #6e6f70;
         --color-chart-cool-gray-fill-2: #868788;
         --color-chart-cool-gray-fill-3: #9a9a9b;
         --color-chart-cool-gray-fill-4: #aeafaf;
         --color-chart-cool-gray-fill-5: #c1c1c2;
         --color-chart-cool-gray-fill-6: #d6d6d6;
         --color-chart-cool-gray-fill-7: #e6e6e7;
         --color-chart-cool-gray-fill-8: #efefef;
         --color-chart-cool-gray-fill-core: #6d6e6f;
         --color-chart-cool-gray-lollipop-connector: #d6d6d6;
         --color-chart-cool-gray-lollipop-head: #6d6e6f;
         --color-chart-none-bar-gradient-start: #c7c4c4;
         --color-chart-none-bar-gradient-end: #c7c4c4;
         --color-chart-none-fill-1: #706f6f;
         --color-chart-none-fill-2: #888686;
         --color-chart-none-fill-3: #9c9a9a;
         --color-chart-none-fill-4: #b1aeae;
         --color-chart-none-fill-5: #c3c0c0;
         --color-chart-none-fill-6: #d7d5d5;
         --color-chart-none-fill-7: #e7e6e6;
         --color-chart-none-fill-8: #f0efef;
         --color-chart-none-fill-core: #c7c4c4;
         --color-chart-none-lollipop-connector: #d7d5d5;
         --color-chart-none-lollipop-head: #c7c4c4;
         --color-chart-status-on-track: #58a182;
         --color-chart-status-off-track: #de5f73;
         --color-chart-status-at-risk: #f1bd6c;
         --color-chart-status-on-hold: #3f6ac4;
         --color-chart-status-completed: #cce8dd;
         --color-chart-status-none: #c7c4c4;
         --color-chart-customization-other: #cfcbcb;
         --color-chart-customization-none: #afabac
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-chart-background-export: #fff;
     --color-chart-border: #1e1f21;
     --color-chart-text: #f5f4f3;
     --color-chart-text-export: #1e1f21;
     --color-chart-text-y-axis: #a2a0a2;
     --color-chart-text-y-axis-export: #6d6e6f;
     --color-chart-text-x-axis: #f5f4f3;
     --color-chart-text-x-axis-export: #1e1f21;
     --color-chart-red-bar-gradient-start: #f06a6a;
     --color-chart-red-bar-gradient-end: #f06a6a;
     --color-chart-red-fill-1: #b25151;
     --color-chart-red-fill-2: #d96161;
     --color-chart-red-fill-3: #f27372;
     --color-chart-red-fill-4: #f9928e;
     --color-chart-red-fill-5: #feaca7;
     --color-chart-red-fill-6: #ffcac6;
     --color-chart-red-fill-7: #ffdfdc;
     --color-chart-red-fill-8: #ffeae8;
     --color-chart-red-fill-core: #f06a6a;
     --color-chart-red-lollipop-connector: #ffcac6;
     --color-chart-red-lollipop-head: #f06a6a;
     --color-chart-orange-bar-gradient-start: #ec8d71;
     --color-chart-orange-bar-gradient-end: #ec8d71;
     --color-chart-orange-fill-1: #9d604d;
     --color-chart-orange-fill-2: #bf735d;
     --color-chart-orange-fill-3: #db8369;
     --color-chart-orange-fill-4: #f0987e;
     --color-chart-orange-fill-5: #f6b19c;
     --color-chart-orange-fill-6: #fccbbd;
     --color-chart-orange-fill-7: #fee0d7;
     --color-chart-orange-fill-8: #ffebe6;
     --color-chart-orange-fill-core: #ec8d71;
     --color-chart-orange-lollipop-connector: #fccbbd;
     --color-chart-orange-lollipop-head: #ec8d71;
     --color-chart-yellow-orange-bar-gradient-start: #f1bd6c;
     --color-chart-yellow-orange-bar-gradient-end: #f1bd6c;
     --color-chart-yellow-orange-fill-1: #876a40;
     --color-chart-yellow-orange-fill-2: #a4814c;
     --color-chart-yellow-orange-fill-3: #bc9456;
     --color-chart-yellow-orange-fill-4: #d4a760;
     --color-chart-yellow-orange-fill-5: #ebb86a;
     --color-chart-yellow-orange-fill-6: #f8cf96;
     --color-chart-yellow-orange-fill-7: #fde2c0;
     --color-chart-yellow-orange-fill-8: #ffebd4;
     --color-chart-yellow-orange-fill-core: #f1bd6c;
     --color-chart-yellow-orange-lollipop-connector: #f8cf96;
     --color-chart-yellow-orange-lollipop-head: #f1bd6c;
     --color-chart-yellow-bar-gradient-start: #f8df72;
     --color-chart-yellow-bar-gradient-end: #f8df72;
     --color-chart-yellow-fill-1: #7c6f3d;
     --color-chart-yellow-fill-2: #958648;
     --color-chart-yellow-fill-3: #ab9a52;
     --color-chart-yellow-fill-4: #c2ae5b;
     --color-chart-yellow-fill-5: #d6c064;
     --color-chart-yellow-fill-6: #eed66e;
     --color-chart-yellow-fill-7: #fce58e;
     --color-chart-yellow-fill-8: #ffefba;
     --color-chart-yellow-fill-core: #f8df72;
     --color-chart-yellow-lollipop-connector: #eed66e;
     --color-chart-yellow-lollipop-head: #f8df72;
     --color-chart-yellow-green-bar-gradient-start: #aecf55;
     --color-chart-yellow-green-bar-gradient-end: #aecf55;
     --color-chart-yellow-green-fill-1: #657635;
     --color-chart-yellow-green-fill-2: #7a8f3e;
     --color-chart-yellow-green-fill-3: #8ba446;
     --color-chart-yellow-green-fill-4: #9dba4e;
     --color-chart-yellow-green-fill-5: #accd54;
     --color-chart-yellow-green-fill-6: #ccdf90;
     --color-chart-yellow-green-fill-7: #e0ebb8;
     --color-chart-yellow-green-fill-8: #ecf3d4;
     --color-chart-yellow-green-fill-core: #aecf55;
     --color-chart-yellow-green-lollipop-connector: #ccdf90;
     --color-chart-yellow-green-lollipop-head: #aecf55;
     --color-chart-green-bar-gradient-start: #5da283;
     --color-chart-green-bar-gradient-end: #5da283;
     --color-chart-green-fill-1: #487963;
     --color-chart-green-fill-2: #559377;
     --color-chart-green-fill-3: #67a78a;
     --color-chart-green-fill-4: #87b9a1;
     --color-chart-green-fill-5: #a3cab7;
     --color-chart-green-fill-6: #c2dccf;
     --color-chart-green-fill-7: #d9e9e1;
     --color-chart-green-fill-8: #e6f1eb;
     --color-chart-green-fill-core: #5da283;
     --color-chart-green-lollipop-connector: #c2dccf;
     --color-chart-green-lollipop-head: #5da283;
     --color-chart-blue-green-bar-gradient-start: #4ecbc4;
     --color-chart-blue-green-bar-gradient-end: #4ecbc4;
     --color-chart-blue-green-fill-1: #367a76;
     --color-chart-blue-green-fill-2: #3e948f;
     --color-chart-blue-green-fill-3: #45a9a4;
     --color-chart-blue-green-fill-4: #4bc0ba;
     --color-chart-blue-green-fill-5: #6ad1cb;
     --color-chart-blue-green-fill-6: #a3e1dc;
     --color-chart-blue-green-fill-7: #c7ede9;
     --color-chart-blue-green-fill-8: #ddf4f2;
     --color-chart-blue-green-fill-core: #4ecbc4;
     --color-chart-blue-green-lollipop-connector: #a3e1dc;
     --color-chart-blue-green-lollipop-head: #4ecbc4;
     --color-chart-aqua-bar-gradient-start: #9ee7e3;
     --color-chart-aqua-bar-gradient-end: #9ee7e3;
     --color-chart-aqua-fill-1: #537574;
     --color-chart-aqua-fill-2: #648e8c;
     --color-chart-aqua-fill-3: #72a3a0;
     --color-chart-aqua-fill-4: #80b9b6;
     --color-chart-aqua-fill-5: #8cccc8;
     --color-chart-aqua-fill-6: #9be3df;
     --color-chart-aqua-fill-7: #c1efec;
     --color-chart-aqua-fill-8: #d8f5f3;
     --color-chart-aqua-fill-core: #9ee7e3;
     --color-chart-aqua-lollipop-connector: #9be3df;
     --color-chart-aqua-lollipop-head: #9ee7e3;
     --color-chart-blue-bar-gradient-start: #4573d2;
     --color-chart-blue-bar-gradient-end: #4573d2;
     --color-chart-blue-fill-1: #426cc5;
     --color-chart-blue-fill-2: #6583d8;
     --color-chart-blue-fill-3: #8497df;
     --color-chart-blue-fill-4: #9face6;
     --color-chart-blue-fill-5: #b7bfec;
     --color-chart-blue-fill-6: #d1d5f3;
     --color-chart-blue-fill-7: #e3e5f8;
     --color-chart-blue-fill-8: #edeffa;
     --color-chart-blue-fill-core: #4573d2;
     --color-chart-blue-lollipop-connector: #d1d5f3;
     --color-chart-blue-lollipop-head: #4573d2;
     --color-chart-indigo-bar-gradient-start: #8d84e8;
     --color-chart-indigo-bar-gradient-end: #8d84e8;
     --color-chart-indigo-fill-1: #6e66b1;
     --color-chart-indigo-fill-2: #847bd8;
     --color-chart-indigo-fill-3: #998fea;
     --color-chart-indigo-fill-4: #b0a6ef;
     --color-chart-indigo-fill-5: #c4baf3;
     --color-chart-indigo-fill-6: #d9d2f8;
     --color-chart-indigo-fill-7: #e7e2fa;
     --color-chart-indigo-fill-8: #f1edfc;
     --color-chart-indigo-fill-core: #8d84e8;
     --color-chart-indigo-lollipop-connector: #d9d2f8;
     --color-chart-indigo-lollipop-head: #8d84e8;
     --color-chart-purple-bar-gradient-start: #b36bd4;
     --color-chart-purple-bar-gradient-end: #b36bd4;
     --color-chart-purple-fill-1: #9158ab;
     --color-chart-purple-fill-2: #b06ad1;
     --color-chart-purple-fill-3: #c083db;
     --color-chart-purple-fill-4: #ce9ce3;
     --color-chart-purple-fill-5: #dab3ea;
     --color-chart-purple-fill-6: #e7cdf1;
     --color-chart-purple-fill-7: #f1e1f7;
     --color-chart-purple-fill-8: #f6ecfa;
     --color-chart-purple-fill-core: #b36bd4;
     --color-chart-purple-lollipop-connector: #e7cdf1;
     --color-chart-purple-lollipop-head: #b36bd4;
     --color-chart-magenta-bar-gradient-start: #f9aaef;
     --color-chart-magenta-bar-gradient-end: #f9aaef;
     --color-chart-magenta-fill-1: #8c6186;
     --color-chart-magenta-fill-2: #aa76a3;
     --color-chart-magenta-fill-3: #c387bc;
     --color-chart-magenta-fill-4: #de98d5;
     --color-chart-magenta-fill-5: #f5a8ec;
     --color-chart-magenta-fill-6: #fcc6f4;
     --color-chart-magenta-fill-7: #fedbf8;
     --color-chart-magenta-fill-8: #ffe9fb;
     --color-chart-magenta-fill-core: #f9aaef;
     --color-chart-magenta-lollipop-connector: #fcc6f4;
     --color-chart-magenta-lollipop-head: #f9aaef;
     --color-chart-hot-pink-bar-gradient-start: #f26fb2;
     --color-chart-hot-pink-bar-gradient-end: #f26fb2;
     --color-chart-hot-pink-fill-1: #aa517e;
     --color-chart-hot-pink-fill-2: #cf6199;
     --color-chart-hot-pink-fill-3: #ee6eaf;
     --color-chart-hot-pink-fill-4: #f78dc0;
     --color-chart-hot-pink-fill-5: #fba9cf;
     --color-chart-hot-pink-fill-6: #fec7df;
     --color-chart-hot-pink-fill-7: #ffdceb;
     --color-chart-hot-pink-fill-8: #ffeaf3;
     --color-chart-hot-pink-fill-core: #f26fb2;
     --color-chart-hot-pink-lollipop-connector: #fec7df;
     --color-chart-hot-pink-lollipop-head: #f26fb2;
     --color-chart-pink-bar-gradient-start: #fc979a;
     --color-chart-pink-bar-gradient-end: #fc979a;
     --color-chart-pink-fill-1: #9b5f61;
     --color-chart-pink-fill-2: #bd7274;
     --color-chart-pink-fill-3: #d88385;
     --color-chart-pink-fill-4: #f59396;
     --color-chart-pink-fill-5: #ffabac;
     --color-chart-pink-fill-6: #ffc9c9;
     --color-chart-pink-fill-7: #ffdede;
     --color-chart-pink-fill-8: #ffeaea;
     --color-chart-pink-fill-core: #fc979a;
     --color-chart-pink-lollipop-connector: #ffc9c9;
     --color-chart-pink-lollipop-head: #fc979a;
     --color-chart-cool-gray-bar-gradient-start: #6d6e6f;
     --color-chart-cool-gray-bar-gradient-end: #6d6e6f;
     --color-chart-cool-gray-fill-1: #6e6f70;
     --color-chart-cool-gray-fill-2: #868788;
     --color-chart-cool-gray-fill-3: #9a9a9b;
     --color-chart-cool-gray-fill-4: #aeafaf;
     --color-chart-cool-gray-fill-5: #c1c1c2;
     --color-chart-cool-gray-fill-6: #d6d6d6;
     --color-chart-cool-gray-fill-7: #e6e6e7;
     --color-chart-cool-gray-fill-8: #efefef;
     --color-chart-cool-gray-fill-core: #6d6e6f;
     --color-chart-cool-gray-lollipop-connector: #d6d6d6;
     --color-chart-cool-gray-lollipop-head: #6d6e6f;
     --color-chart-none-bar-gradient-start: #c7c4c4;
     --color-chart-none-bar-gradient-end: #c7c4c4;
     --color-chart-none-fill-1: #706f6f;
     --color-chart-none-fill-2: #888686;
     --color-chart-none-fill-3: #9c9a9a;
     --color-chart-none-fill-4: #b1aeae;
     --color-chart-none-fill-5: #c3c0c0;
     --color-chart-none-fill-6: #d7d5d5;
     --color-chart-none-fill-7: #e7e6e6;
     --color-chart-none-fill-8: #f0efef;
     --color-chart-none-fill-core: #c7c4c4;
     --color-chart-none-lollipop-connector: #d7d5d5;
     --color-chart-none-lollipop-head: #c7c4c4;
     --color-chart-status-on-track: #5da283;
     --color-chart-status-off-track: #d1395a;
     --color-chart-status-at-risk: #f1bd6c;
     --color-chart-status-on-hold: #4573d2;
     --color-chart-status-completed: #244d46;
     --color-chart-status-none: #c7c4c4;
     --color-chart-customization-other: #cfcbcb;
     --color-chart-customization-none: #afabac
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-chart-background-export: #fff;
         --color-chart-border: #1e1f21;
         --color-chart-text: #f5f4f3;
         --color-chart-text-export: #1e1f21;
         --color-chart-text-y-axis: #a2a0a2;
         --color-chart-text-y-axis-export: #6d6e6f;
         --color-chart-text-x-axis: #f5f4f3;
         --color-chart-text-x-axis-export: #1e1f21;
         --color-chart-red-bar-gradient-start: #f06a6a;
         --color-chart-red-bar-gradient-end: #f06a6a;
         --color-chart-red-fill-1: #b25151;
         --color-chart-red-fill-2: #d96161;
         --color-chart-red-fill-3: #f27372;
         --color-chart-red-fill-4: #f9928e;
         --color-chart-red-fill-5: #feaca7;
         --color-chart-red-fill-6: #ffcac6;
         --color-chart-red-fill-7: #ffdfdc;
         --color-chart-red-fill-8: #ffeae8;
         --color-chart-red-fill-core: #f06a6a;
         --color-chart-red-lollipop-connector: #ffcac6;
         --color-chart-red-lollipop-head: #f06a6a;
         --color-chart-orange-bar-gradient-start: #ec8d71;
         --color-chart-orange-bar-gradient-end: #ec8d71;
         --color-chart-orange-fill-1: #9d604d;
         --color-chart-orange-fill-2: #bf735d;
         --color-chart-orange-fill-3: #db8369;
         --color-chart-orange-fill-4: #f0987e;
         --color-chart-orange-fill-5: #f6b19c;
         --color-chart-orange-fill-6: #fccbbd;
         --color-chart-orange-fill-7: #fee0d7;
         --color-chart-orange-fill-8: #ffebe6;
         --color-chart-orange-fill-core: #ec8d71;
         --color-chart-orange-lollipop-connector: #fccbbd;
         --color-chart-orange-lollipop-head: #ec8d71;
         --color-chart-yellow-orange-bar-gradient-start: #f1bd6c;
         --color-chart-yellow-orange-bar-gradient-end: #f1bd6c;
         --color-chart-yellow-orange-fill-1: #876a40;
         --color-chart-yellow-orange-fill-2: #a4814c;
         --color-chart-yellow-orange-fill-3: #bc9456;
         --color-chart-yellow-orange-fill-4: #d4a760;
         --color-chart-yellow-orange-fill-5: #ebb86a;
         --color-chart-yellow-orange-fill-6: #f8cf96;
         --color-chart-yellow-orange-fill-7: #fde2c0;
         --color-chart-yellow-orange-fill-8: #ffebd4;
         --color-chart-yellow-orange-fill-core: #f1bd6c;
         --color-chart-yellow-orange-lollipop-connector: #f8cf96;
         --color-chart-yellow-orange-lollipop-head: #f1bd6c;
         --color-chart-yellow-bar-gradient-start: #f8df72;
         --color-chart-yellow-bar-gradient-end: #f8df72;
         --color-chart-yellow-fill-1: #7c6f3d;
         --color-chart-yellow-fill-2: #958648;
         --color-chart-yellow-fill-3: #ab9a52;
         --color-chart-yellow-fill-4: #c2ae5b;
         --color-chart-yellow-fill-5: #d6c064;
         --color-chart-yellow-fill-6: #eed66e;
         --color-chart-yellow-fill-7: #fce58e;
         --color-chart-yellow-fill-8: #ffefba;
         --color-chart-yellow-fill-core: #f8df72;
         --color-chart-yellow-lollipop-connector: #eed66e;
         --color-chart-yellow-lollipop-head: #f8df72;
         --color-chart-yellow-green-bar-gradient-start: #aecf55;
         --color-chart-yellow-green-bar-gradient-end: #aecf55;
         --color-chart-yellow-green-fill-1: #657635;
         --color-chart-yellow-green-fill-2: #7a8f3e;
         --color-chart-yellow-green-fill-3: #8ba446;
         --color-chart-yellow-green-fill-4: #9dba4e;
         --color-chart-yellow-green-fill-5: #accd54;
         --color-chart-yellow-green-fill-6: #ccdf90;
         --color-chart-yellow-green-fill-7: #e0ebb8;
         --color-chart-yellow-green-fill-8: #ecf3d4;
         --color-chart-yellow-green-fill-core: #aecf55;
         --color-chart-yellow-green-lollipop-connector: #ccdf90;
         --color-chart-yellow-green-lollipop-head: #aecf55;
         --color-chart-green-bar-gradient-start: #5da283;
         --color-chart-green-bar-gradient-end: #5da283;
         --color-chart-green-fill-1: #487963;
         --color-chart-green-fill-2: #559377;
         --color-chart-green-fill-3: #67a78a;
         --color-chart-green-fill-4: #87b9a1;
         --color-chart-green-fill-5: #a3cab7;
         --color-chart-green-fill-6: #c2dccf;
         --color-chart-green-fill-7: #d9e9e1;
         --color-chart-green-fill-8: #e6f1eb;
         --color-chart-green-fill-core: #5da283;
         --color-chart-green-lollipop-connector: #c2dccf;
         --color-chart-green-lollipop-head: #5da283;
         --color-chart-blue-green-bar-gradient-start: #4ecbc4;
         --color-chart-blue-green-bar-gradient-end: #4ecbc4;
         --color-chart-blue-green-fill-1: #367a76;
         --color-chart-blue-green-fill-2: #3e948f;
         --color-chart-blue-green-fill-3: #45a9a4;
         --color-chart-blue-green-fill-4: #4bc0ba;
         --color-chart-blue-green-fill-5: #6ad1cb;
         --color-chart-blue-green-fill-6: #a3e1dc;
         --color-chart-blue-green-fill-7: #c7ede9;
         --color-chart-blue-green-fill-8: #ddf4f2;
         --color-chart-blue-green-fill-core: #4ecbc4;
         --color-chart-blue-green-lollipop-connector: #a3e1dc;
         --color-chart-blue-green-lollipop-head: #4ecbc4;
         --color-chart-aqua-bar-gradient-start: #9ee7e3;
         --color-chart-aqua-bar-gradient-end: #9ee7e3;
         --color-chart-aqua-fill-1: #537574;
         --color-chart-aqua-fill-2: #648e8c;
         --color-chart-aqua-fill-3: #72a3a0;
         --color-chart-aqua-fill-4: #80b9b6;
         --color-chart-aqua-fill-5: #8cccc8;
         --color-chart-aqua-fill-6: #9be3df;
         --color-chart-aqua-fill-7: #c1efec;
         --color-chart-aqua-fill-8: #d8f5f3;
         --color-chart-aqua-fill-core: #9ee7e3;
         --color-chart-aqua-lollipop-connector: #9be3df;
         --color-chart-aqua-lollipop-head: #9ee7e3;
         --color-chart-blue-bar-gradient-start: #4573d2;
         --color-chart-blue-bar-gradient-end: #4573d2;
         --color-chart-blue-fill-1: #426cc5;
         --color-chart-blue-fill-2: #6583d8;
         --color-chart-blue-fill-3: #8497df;
         --color-chart-blue-fill-4: #9face6;
         --color-chart-blue-fill-5: #b7bfec;
         --color-chart-blue-fill-6: #d1d5f3;
         --color-chart-blue-fill-7: #e3e5f8;
         --color-chart-blue-fill-8: #edeffa;
         --color-chart-blue-fill-core: #4573d2;
         --color-chart-blue-lollipop-connector: #d1d5f3;
         --color-chart-blue-lollipop-head: #4573d2;
         --color-chart-indigo-bar-gradient-start: #8d84e8;
         --color-chart-indigo-bar-gradient-end: #8d84e8;
         --color-chart-indigo-fill-1: #6e66b1;
         --color-chart-indigo-fill-2: #847bd8;
         --color-chart-indigo-fill-3: #998fea;
         --color-chart-indigo-fill-4: #b0a6ef;
         --color-chart-indigo-fill-5: #c4baf3;
         --color-chart-indigo-fill-6: #d9d2f8;
         --color-chart-indigo-fill-7: #e7e2fa;
         --color-chart-indigo-fill-8: #f1edfc;
         --color-chart-indigo-fill-core: #8d84e8;
         --color-chart-indigo-lollipop-connector: #d9d2f8;
         --color-chart-indigo-lollipop-head: #8d84e8;
         --color-chart-purple-bar-gradient-start: #b36bd4;
         --color-chart-purple-bar-gradient-end: #b36bd4;
         --color-chart-purple-fill-1: #9158ab;
         --color-chart-purple-fill-2: #b06ad1;
         --color-chart-purple-fill-3: #c083db;
         --color-chart-purple-fill-4: #ce9ce3;
         --color-chart-purple-fill-5: #dab3ea;
         --color-chart-purple-fill-6: #e7cdf1;
         --color-chart-purple-fill-7: #f1e1f7;
         --color-chart-purple-fill-8: #f6ecfa;
         --color-chart-purple-fill-core: #b36bd4;
         --color-chart-purple-lollipop-connector: #e7cdf1;
         --color-chart-purple-lollipop-head: #b36bd4;
         --color-chart-magenta-bar-gradient-start: #f9aaef;
         --color-chart-magenta-bar-gradient-end: #f9aaef;
         --color-chart-magenta-fill-1: #8c6186;
         --color-chart-magenta-fill-2: #aa76a3;
         --color-chart-magenta-fill-3: #c387bc;
         --color-chart-magenta-fill-4: #de98d5;
         --color-chart-magenta-fill-5: #f5a8ec;
         --color-chart-magenta-fill-6: #fcc6f4;
         --color-chart-magenta-fill-7: #fedbf8;
         --color-chart-magenta-fill-8: #ffe9fb;
         --color-chart-magenta-fill-core: #f9aaef;
         --color-chart-magenta-lollipop-connector: #fcc6f4;
         --color-chart-magenta-lollipop-head: #f9aaef;
         --color-chart-hot-pink-bar-gradient-start: #f26fb2;
         --color-chart-hot-pink-bar-gradient-end: #f26fb2;
         --color-chart-hot-pink-fill-1: #aa517e;
         --color-chart-hot-pink-fill-2: #cf6199;
         --color-chart-hot-pink-fill-3: #ee6eaf;
         --color-chart-hot-pink-fill-4: #f78dc0;
         --color-chart-hot-pink-fill-5: #fba9cf;
         --color-chart-hot-pink-fill-6: #fec7df;
         --color-chart-hot-pink-fill-7: #ffdceb;
         --color-chart-hot-pink-fill-8: #ffeaf3;
         --color-chart-hot-pink-fill-core: #f26fb2;
         --color-chart-hot-pink-lollipop-connector: #fec7df;
         --color-chart-hot-pink-lollipop-head: #f26fb2;
         --color-chart-pink-bar-gradient-start: #fc979a;
         --color-chart-pink-bar-gradient-end: #fc979a;
         --color-chart-pink-fill-1: #9b5f61;
         --color-chart-pink-fill-2: #bd7274;
         --color-chart-pink-fill-3: #d88385;
         --color-chart-pink-fill-4: #f59396;
         --color-chart-pink-fill-5: #ffabac;
         --color-chart-pink-fill-6: #ffc9c9;
         --color-chart-pink-fill-7: #ffdede;
         --color-chart-pink-fill-8: #ffeaea;
         --color-chart-pink-fill-core: #fc979a;
         --color-chart-pink-lollipop-connector: #ffc9c9;
         --color-chart-pink-lollipop-head: #fc979a;
         --color-chart-cool-gray-bar-gradient-start: #6d6e6f;
         --color-chart-cool-gray-bar-gradient-end: #6d6e6f;
         --color-chart-cool-gray-fill-1: #6e6f70;
         --color-chart-cool-gray-fill-2: #868788;
         --color-chart-cool-gray-fill-3: #9a9a9b;
         --color-chart-cool-gray-fill-4: #aeafaf;
         --color-chart-cool-gray-fill-5: #c1c1c2;
         --color-chart-cool-gray-fill-6: #d6d6d6;
         --color-chart-cool-gray-fill-7: #e6e6e7;
         --color-chart-cool-gray-fill-8: #efefef;
         --color-chart-cool-gray-fill-core: #6d6e6f;
         --color-chart-cool-gray-lollipop-connector: #d6d6d6;
         --color-chart-cool-gray-lollipop-head: #6d6e6f;
         --color-chart-none-bar-gradient-start: #c7c4c4;
         --color-chart-none-bar-gradient-end: #c7c4c4;
         --color-chart-none-fill-1: #706f6f;
         --color-chart-none-fill-2: #888686;
         --color-chart-none-fill-3: #9c9a9a;
         --color-chart-none-fill-4: #b1aeae;
         --color-chart-none-fill-5: #c3c0c0;
         --color-chart-none-fill-6: #d7d5d5;
         --color-chart-none-fill-7: #e7e6e6;
         --color-chart-none-fill-8: #f0efef;
         --color-chart-none-fill-core: #c7c4c4;
         --color-chart-none-lollipop-connector: #d7d5d5;
         --color-chart-none-lollipop-head: #c7c4c4;
         --color-chart-status-on-track: #5da283;
         --color-chart-status-off-track: #d1395a;
         --color-chart-status-at-risk: #f1bd6c;
         --color-chart-status-on-hold: #4573d2;
         --color-chart-status-completed: #244d46;
         --color-chart-status-none: #c7c4c4;
         --color-chart-customization-other: #cfcbcb;
         --color-chart-customization-none: #afabac
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-chart-background-export: #fff;
     --color-chart-border: #1e1f21;
     --color-chart-text: #f5f4f3;
     --color-chart-text-export: #1e1f21;
     --color-chart-text-y-axis: #a2a0a2;
     --color-chart-text-y-axis-export: #6d6e6f;
     --color-chart-text-x-axis: #f5f4f3;
     --color-chart-text-x-axis-export: #1e1f21;
     --color-chart-red-bar-gradient-start: #f06a6a;
     --color-chart-red-bar-gradient-end: #f06a6a;
     --color-chart-red-fill-1: #b25151;
     --color-chart-red-fill-2: #d96161;
     --color-chart-red-fill-3: #f27372;
     --color-chart-red-fill-4: #f9928e;
     --color-chart-red-fill-5: #feaca7;
     --color-chart-red-fill-6: #ffcac6;
     --color-chart-red-fill-7: #ffdfdc;
     --color-chart-red-fill-8: #ffeae8;
     --color-chart-red-fill-core: #f06a6a;
     --color-chart-red-lollipop-connector: #ffcac6;
     --color-chart-red-lollipop-head: #f06a6a;
     --color-chart-orange-bar-gradient-start: #ec8d71;
     --color-chart-orange-bar-gradient-end: #ec8d71;
     --color-chart-orange-fill-1: #9d604d;
     --color-chart-orange-fill-2: #bf735d;
     --color-chart-orange-fill-3: #db8369;
     --color-chart-orange-fill-4: #f0987e;
     --color-chart-orange-fill-5: #f6b19c;
     --color-chart-orange-fill-6: #fccbbd;
     --color-chart-orange-fill-7: #fee0d7;
     --color-chart-orange-fill-8: #ffebe6;
     --color-chart-orange-fill-core: #ec8d71;
     --color-chart-orange-lollipop-connector: #fccbbd;
     --color-chart-orange-lollipop-head: #ec8d71;
     --color-chart-yellow-orange-bar-gradient-start: #f1bd6c;
     --color-chart-yellow-orange-bar-gradient-end: #f1bd6c;
     --color-chart-yellow-orange-fill-1: #876a40;
     --color-chart-yellow-orange-fill-2: #a4814c;
     --color-chart-yellow-orange-fill-3: #bc9456;
     --color-chart-yellow-orange-fill-4: #d4a760;
     --color-chart-yellow-orange-fill-5: #ebb86a;
     --color-chart-yellow-orange-fill-6: #f8cf96;
     --color-chart-yellow-orange-fill-7: #fde2c0;
     --color-chart-yellow-orange-fill-8: #ffebd4;
     --color-chart-yellow-orange-fill-core: #f1bd6c;
     --color-chart-yellow-orange-lollipop-connector: #f8cf96;
     --color-chart-yellow-orange-lollipop-head: #f1bd6c;
     --color-chart-yellow-bar-gradient-start: #f8df72;
     --color-chart-yellow-bar-gradient-end: #f8df72;
     --color-chart-yellow-fill-1: #7c6f3d;
     --color-chart-yellow-fill-2: #958648;
     --color-chart-yellow-fill-3: #ab9a52;
     --color-chart-yellow-fill-4: #c2ae5b;
     --color-chart-yellow-fill-5: #d6c064;
     --color-chart-yellow-fill-6: #eed66e;
     --color-chart-yellow-fill-7: #fce58e;
     --color-chart-yellow-fill-8: #ffefba;
     --color-chart-yellow-fill-core: #f8df72;
     --color-chart-yellow-lollipop-connector: #eed66e;
     --color-chart-yellow-lollipop-head: #f8df72;
     --color-chart-yellow-green-bar-gradient-start: #aecf55;
     --color-chart-yellow-green-bar-gradient-end: #aecf55;
     --color-chart-yellow-green-fill-1: #657635;
     --color-chart-yellow-green-fill-2: #7a8f3e;
     --color-chart-yellow-green-fill-3: #8ba446;
     --color-chart-yellow-green-fill-4: #9dba4e;
     --color-chart-yellow-green-fill-5: #accd54;
     --color-chart-yellow-green-fill-6: #ccdf90;
     --color-chart-yellow-green-fill-7: #e0ebb8;
     --color-chart-yellow-green-fill-8: #ecf3d4;
     --color-chart-yellow-green-fill-core: #aecf55;
     --color-chart-yellow-green-lollipop-connector: #ccdf90;
     --color-chart-yellow-green-lollipop-head: #aecf55;
     --color-chart-green-bar-gradient-start: #5da283;
     --color-chart-green-bar-gradient-end: #5da283;
     --color-chart-green-fill-1: #487963;
     --color-chart-green-fill-2: #559377;
     --color-chart-green-fill-3: #67a78a;
     --color-chart-green-fill-4: #87b9a1;
     --color-chart-green-fill-5: #a3cab7;
     --color-chart-green-fill-6: #c2dccf;
     --color-chart-green-fill-7: #d9e9e1;
     --color-chart-green-fill-8: #e6f1eb;
     --color-chart-green-fill-core: #5da283;
     --color-chart-green-lollipop-connector: #c2dccf;
     --color-chart-green-lollipop-head: #5da283;
     --color-chart-blue-green-bar-gradient-start: #4ecbc4;
     --color-chart-blue-green-bar-gradient-end: #4ecbc4;
     --color-chart-blue-green-fill-1: #367a76;
     --color-chart-blue-green-fill-2: #3e948f;
     --color-chart-blue-green-fill-3: #45a9a4;
     --color-chart-blue-green-fill-4: #4bc0ba;
     --color-chart-blue-green-fill-5: #6ad1cb;
     --color-chart-blue-green-fill-6: #a3e1dc;
     --color-chart-blue-green-fill-7: #c7ede9;
     --color-chart-blue-green-fill-8: #ddf4f2;
     --color-chart-blue-green-fill-core: #4ecbc4;
     --color-chart-blue-green-lollipop-connector: #a3e1dc;
     --color-chart-blue-green-lollipop-head: #4ecbc4;
     --color-chart-aqua-bar-gradient-start: #9ee7e3;
     --color-chart-aqua-bar-gradient-end: #9ee7e3;
     --color-chart-aqua-fill-1: #537574;
     --color-chart-aqua-fill-2: #648e8c;
     --color-chart-aqua-fill-3: #72a3a0;
     --color-chart-aqua-fill-4: #80b9b6;
     --color-chart-aqua-fill-5: #8cccc8;
     --color-chart-aqua-fill-6: #9be3df;
     --color-chart-aqua-fill-7: #c1efec;
     --color-chart-aqua-fill-8: #d8f5f3;
     --color-chart-aqua-fill-core: #9ee7e3;
     --color-chart-aqua-lollipop-connector: #9be3df;
     --color-chart-aqua-lollipop-head: #9ee7e3;
     --color-chart-blue-bar-gradient-start: #4573d2;
     --color-chart-blue-bar-gradient-end: #4573d2;
     --color-chart-blue-fill-1: #426cc5;
     --color-chart-blue-fill-2: #6583d8;
     --color-chart-blue-fill-3: #8497df;
     --color-chart-blue-fill-4: #9face6;
     --color-chart-blue-fill-5: #b7bfec;
     --color-chart-blue-fill-6: #d1d5f3;
     --color-chart-blue-fill-7: #e3e5f8;
     --color-chart-blue-fill-8: #edeffa;
     --color-chart-blue-fill-core: #4573d2;
     --color-chart-blue-lollipop-connector: #d1d5f3;
     --color-chart-blue-lollipop-head: #4573d2;
     --color-chart-indigo-bar-gradient-start: #8d84e8;
     --color-chart-indigo-bar-gradient-end: #8d84e8;
     --color-chart-indigo-fill-1: #6e66b1;
     --color-chart-indigo-fill-2: #847bd8;
     --color-chart-indigo-fill-3: #998fea;
     --color-chart-indigo-fill-4: #b0a6ef;
     --color-chart-indigo-fill-5: #c4baf3;
     --color-chart-indigo-fill-6: #d9d2f8;
     --color-chart-indigo-fill-7: #e7e2fa;
     --color-chart-indigo-fill-8: #f1edfc;
     --color-chart-indigo-fill-core: #8d84e8;
     --color-chart-indigo-lollipop-connector: #d9d2f8;
     --color-chart-indigo-lollipop-head: #8d84e8;
     --color-chart-purple-bar-gradient-start: #b36bd4;
     --color-chart-purple-bar-gradient-end: #b36bd4;
     --color-chart-purple-fill-1: #9158ab;
     --color-chart-purple-fill-2: #b06ad1;
     --color-chart-purple-fill-3: #c083db;
     --color-chart-purple-fill-4: #ce9ce3;
     --color-chart-purple-fill-5: #dab3ea;
     --color-chart-purple-fill-6: #e7cdf1;
     --color-chart-purple-fill-7: #f1e1f7;
     --color-chart-purple-fill-8: #f6ecfa;
     --color-chart-purple-fill-core: #b36bd4;
     --color-chart-purple-lollipop-connector: #e7cdf1;
     --color-chart-purple-lollipop-head: #b36bd4;
     --color-chart-magenta-bar-gradient-start: #f9aaef;
     --color-chart-magenta-bar-gradient-end: #f9aaef;
     --color-chart-magenta-fill-1: #8c6186;
     --color-chart-magenta-fill-2: #aa76a3;
     --color-chart-magenta-fill-3: #c387bc;
     --color-chart-magenta-fill-4: #de98d5;
     --color-chart-magenta-fill-5: #f5a8ec;
     --color-chart-magenta-fill-6: #fcc6f4;
     --color-chart-magenta-fill-7: #fedbf8;
     --color-chart-magenta-fill-8: #ffe9fb;
     --color-chart-magenta-fill-core: #f9aaef;
     --color-chart-magenta-lollipop-connector: #fcc6f4;
     --color-chart-magenta-lollipop-head: #f9aaef;
     --color-chart-hot-pink-bar-gradient-start: #f26fb2;
     --color-chart-hot-pink-bar-gradient-end: #f26fb2;
     --color-chart-hot-pink-fill-1: #aa517e;
     --color-chart-hot-pink-fill-2: #cf6199;
     --color-chart-hot-pink-fill-3: #ee6eaf;
     --color-chart-hot-pink-fill-4: #f78dc0;
     --color-chart-hot-pink-fill-5: #fba9cf;
     --color-chart-hot-pink-fill-6: #fec7df;
     --color-chart-hot-pink-fill-7: #ffdceb;
     --color-chart-hot-pink-fill-8: #ffeaf3;
     --color-chart-hot-pink-fill-core: #f26fb2;
     --color-chart-hot-pink-lollipop-connector: #fec7df;
     --color-chart-hot-pink-lollipop-head: #f26fb2;
     --color-chart-pink-bar-gradient-start: #fc979a;
     --color-chart-pink-bar-gradient-end: #fc979a;
     --color-chart-pink-fill-1: #9b5f61;
     --color-chart-pink-fill-2: #bd7274;
     --color-chart-pink-fill-3: #d88385;
     --color-chart-pink-fill-4: #f59396;
     --color-chart-pink-fill-5: #ffabac;
     --color-chart-pink-fill-6: #ffc9c9;
     --color-chart-pink-fill-7: #ffdede;
     --color-chart-pink-fill-8: #ffeaea;
     --color-chart-pink-fill-core: #fc979a;
     --color-chart-pink-lollipop-connector: #ffc9c9;
     --color-chart-pink-lollipop-head: #fc979a;
     --color-chart-cool-gray-bar-gradient-start: #6d6e6f;
     --color-chart-cool-gray-bar-gradient-end: #6d6e6f;
     --color-chart-cool-gray-fill-1: #6e6f70;
     --color-chart-cool-gray-fill-2: #868788;
     --color-chart-cool-gray-fill-3: #9a9a9b;
     --color-chart-cool-gray-fill-4: #aeafaf;
     --color-chart-cool-gray-fill-5: #c1c1c2;
     --color-chart-cool-gray-fill-6: #d6d6d6;
     --color-chart-cool-gray-fill-7: #e6e6e7;
     --color-chart-cool-gray-fill-8: #efefef;
     --color-chart-cool-gray-fill-core: #6d6e6f;
     --color-chart-cool-gray-lollipop-connector: #d6d6d6;
     --color-chart-cool-gray-lollipop-head: #6d6e6f;
     --color-chart-none-bar-gradient-start: #c7c4c4;
     --color-chart-none-bar-gradient-end: #c7c4c4;
     --color-chart-none-fill-1: #706f6f;
     --color-chart-none-fill-2: #888686;
     --color-chart-none-fill-3: #9c9a9a;
     --color-chart-none-fill-4: #b1aeae;
     --color-chart-none-fill-5: #c3c0c0;
     --color-chart-none-fill-6: #d7d5d5;
     --color-chart-none-fill-7: #e7e6e6;
     --color-chart-none-fill-8: #f0efef;
     --color-chart-none-fill-core: #c7c4c4;
     --color-chart-none-lollipop-connector: #d7d5d5;
     --color-chart-none-lollipop-head: #c7c4c4;
     --color-chart-status-on-track: #5da283;
     --color-chart-status-off-track: #d1395a;
     --color-chart-status-at-risk: #f1bd6c;
     --color-chart-status-on-hold: #4573d2;
     --color-chart-status-completed: #244d46;
     --color-chart-status-none: #c7c4c4;
     --color-chart-customization-other: #cfcbcb;
     --color-chart-customization-none: #afabac;
     --color-chart-border: #36172a;
     --color-chart-text: #f8f4f6;
     --color-chart-text-y-axis: #bb97a9;
     --color-chart-text-x-axis: #f8f4f6
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-chart-status-on-track: #62d26f;
     --color-chart-status-off-track: #fd612c;
     --color-chart-status-at-risk: #d6ce38
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-chart-status-on-track: #62d26f;
     --color-chart-status-off-track: #fd612c;
     --color-chart-status-at-risk: #d6ce38
 }

 :root {
     --color-text: #1e1f21;
     --color-text-rgb: 30, 31, 33;
     --color-text-foreground: #fff;
     --color-text-disabled: #afabac;
     --color-text-weak: #6d6e6f;
     --color-text-weak-hover: #1e1f21;
     --color-icon: #6d6e6f;
     --color-icon-rgb: 109, 110, 111;
     --color-icon-foreground: #fff;
     --color-icon-hover: #1e1f21;
     --color-icon-active: #1e1f21;
     --color-icon-disabled: #afabac;
     --color-icon-strong: #6d6e6f;
     --color-border: #edeae9;
     --color-border-rgb: 237, 234, 233;
     --color-border-hover: #afabac;
     --color-border-active: #6d6e6f;
     --color-border-strong: #cfcbcb;
     --color-background-weak: #fff;
     --color-background-weak-rgb: 255, 255, 255;
     --color-background-weak-hover-deprecated: #f9f8f8;
     --color-background-medium: #f9f8f8;
     --color-background-medium-rgb: 249, 248, 248;
     --color-background-hover: rgba(55, 23, 23, 0.03);
     --color-background-active: rgba(55, 23, 23, 0.05);
     --color-background-strong: #f5f3f3;
     --color-background-strong-rgb: 245, 243, 243;
     --color-selected-text: #3f6ac4;
     --color-selected-text-hover: #4464bb;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #3f6ac4;
     --color-selected-icon-rgb: 63, 106, 196;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #3f6ac4;
     --color-selected-border-hover: #3f6ac4;
     --color-selected-border-active: #3f6ac4;
     --color-selected-background: #f1f2fc;
     --color-selected-background-hover: #e7e9fc;
     --color-selected-background-active: #dbe0fd;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #0d7f56;
     --color-success-text-hover: #12714d;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #58a182;
     --color-success-icon-hover: #368e6a;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #8dc2ac;
     --color-success-border-hover: #58a182;
     --color-success-border-active: #58a182;
     --color-success-background: #e6f8f1;
     --color-success-background-hover: #e0f4ec;
     --color-success-background-active: #cce8dd;
     --color-success-background-strong: #58a182;
     --color-success-background-strong-hover: #519d7d;
     --color-success-background-strong-active: #3f9470;
     --color-warning-text: #986516;
     --color-warning-text-hover: #805411;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #b58e53;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #f1bd6c;
     --color-warning-border-hover: #b58e53;
     --color-warning-background: #fff6ee;
     --color-warning-background-hover: #ffecda;
     --color-warning-background-active: #fedcb6;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #986516;
     --color-upsell-text-hover: #805411;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #b58e53;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #fff6ee;
     --color-upsell-background-hover: #ffecda;
     --color-upsell-background-active: #fedcb6;
     --color-upsell-background-weak-hover: #fff6ee;
     --color-upsell-background-weak-active: #ffecda;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #f1bd6c;
     --color-danger-text: #c92f54;
     --color-danger-text-hover: #a42b45;
     --color-danger-text-strong: #fff;
     --color-danger-icon: #de5f73;
     --color-danger-icon-hover: #d33e5d;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #f1a2a9;
     --color-danger-border-hover: #e37281;
     --color-danger-border-active: #e37281;
     --color-danger-background: #feebec;
     --color-danger-background-hover: #fcdadc;
     --color-danger-background-active: #f9c6ca;
     --color-danger-background-strong: #de5f73;
     --color-danger-background-strong-hover: #d84f67;
     --color-danger-background-strong-active: #d33e5d;
     --color-drop-target-background: rgba(255, 255, 255, 0.95);
     --color-beta-text: #6e66b1;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #8d84e8;
     --color-beta-icon-rgb: 141, 132, 232;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #575089;
     --color-beta-background-weak: #f6f4fd;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #8d84e8;
     --color-beta-border-hover: #726ab9;
     --color-beta-border-active: #726ab9;
     --color-primary-text: #3f6ac4;
     --color-primary-text-hover: #4464bb;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #3f6ac4;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #3f6ac4;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #3f6ac4;
     --color-on-hold-text-hover: #4464bb;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #3f6ac4;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #3f6ac4;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-text: #1e1f21;
     --color-text-rgb: 30, 31, 33;
     --color-text-foreground: #fff;
     --color-text-disabled: #afabac;
     --color-text-weak: #6d6e6f;
     --color-text-weak-hover: #1e1f21;
     --color-icon: #6d6e6f;
     --color-icon-rgb: 109, 110, 111;
     --color-icon-foreground: #fff;
     --color-icon-hover: #1e1f21;
     --color-icon-active: #1e1f21;
     --color-icon-disabled: #afabac;
     --color-icon-strong: #6d6e6f;
     --color-border: #edeae9;
     --color-border-rgb: 237, 234, 233;
     --color-border-hover: #afabac;
     --color-border-active: #6d6e6f;
     --color-border-strong: #cfcbcb;
     --color-background-weak: #fff;
     --color-background-weak-rgb: 255, 255, 255;
     --color-background-weak-hover-deprecated: #f9f8f8;
     --color-background-medium: #f9f8f8;
     --color-background-medium-rgb: 249, 248, 248;
     --color-background-hover: rgba(55, 23, 23, 0.03);
     --color-background-active: rgba(55, 23, 23, 0.05);
     --color-background-strong: #f5f3f3;
     --color-background-strong-rgb: 245, 243, 243;
     --color-selected-text: #3f6ac4;
     --color-selected-text-hover: #4464bb;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #3f6ac4;
     --color-selected-icon-rgb: 63, 106, 196;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #3f6ac4;
     --color-selected-border-hover: #3f6ac4;
     --color-selected-border-active: #3f6ac4;
     --color-selected-background: #f1f2fc;
     --color-selected-background-hover: #e7e9fc;
     --color-selected-background-active: #dbe0fd;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #0d7f56;
     --color-success-text-hover: #12714d;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #58a182;
     --color-success-icon-hover: #368e6a;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #8dc2ac;
     --color-success-border-hover: #58a182;
     --color-success-border-active: #58a182;
     --color-success-background: #e6f8f1;
     --color-success-background-hover: #e0f4ec;
     --color-success-background-active: #cce8dd;
     --color-success-background-strong: #58a182;
     --color-success-background-strong-hover: #519d7d;
     --color-success-background-strong-active: #3f9470;
     --color-warning-text: #986516;
     --color-warning-text-hover: #805411;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #b58e53;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #f1bd6c;
     --color-warning-border-hover: #b58e53;
     --color-warning-background: #fff6ee;
     --color-warning-background-hover: #ffecda;
     --color-warning-background-active: #fedcb6;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #986516;
     --color-upsell-text-hover: #805411;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #b58e53;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #fff6ee;
     --color-upsell-background-hover: #ffecda;
     --color-upsell-background-active: #fedcb6;
     --color-upsell-background-weak-hover: #fff6ee;
     --color-upsell-background-weak-active: #ffecda;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #f1bd6c;
     --color-danger-text: #c92f54;
     --color-danger-text-hover: #a42b45;
     --color-danger-text-strong: #fff;
     --color-danger-icon: #de5f73;
     --color-danger-icon-hover: #d33e5d;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #f1a2a9;
     --color-danger-border-hover: #e37281;
     --color-danger-border-active: #e37281;
     --color-danger-background: #feebec;
     --color-danger-background-hover: #fcdadc;
     --color-danger-background-active: #f9c6ca;
     --color-danger-background-strong: #de5f73;
     --color-danger-background-strong-hover: #d84f67;
     --color-danger-background-strong-active: #d33e5d;
     --color-drop-target-background: rgba(255, 255, 255, 0.95);
     --color-beta-text: #6e66b1;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #8d84e8;
     --color-beta-icon-rgb: 141, 132, 232;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #575089;
     --color-beta-background-weak: #f6f4fd;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #8d84e8;
     --color-beta-border-hover: #726ab9;
     --color-beta-border-active: #726ab9;
     --color-primary-text: #3f6ac4;
     --color-primary-text-hover: #4464bb;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #3f6ac4;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #3f6ac4;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #3f6ac4;
     --color-on-hold-text-hover: #4464bb;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #3f6ac4;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #3f6ac4;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 @media print {
     :root {
         --color-text: #1e1f21;
         --color-text-rgb: 30, 31, 33;
         --color-text-foreground: #fff;
         --color-text-disabled: #afabac;
         --color-text-weak: #6d6e6f;
         --color-text-weak-hover: #1e1f21;
         --color-icon: #6d6e6f;
         --color-icon-rgb: 109, 110, 111;
         --color-icon-foreground: #fff;
         --color-icon-hover: #1e1f21;
         --color-icon-active: #1e1f21;
         --color-icon-disabled: #afabac;
         --color-icon-strong: #6d6e6f;
         --color-border: #edeae9;
         --color-border-rgb: 237, 234, 233;
         --color-border-hover: #afabac;
         --color-border-active: #6d6e6f;
         --color-border-strong: #cfcbcb;
         --color-background-weak: #fff;
         --color-background-weak-rgb: 255, 255, 255;
         --color-background-weak-hover-deprecated: #f9f8f8;
         --color-background-medium: #f9f8f8;
         --color-background-medium-rgb: 249, 248, 248;
         --color-background-hover: rgba(55, 23, 23, 0.03);
         --color-background-active: rgba(55, 23, 23, 0.05);
         --color-background-strong: #f5f3f3;
         --color-background-strong-rgb: 245, 243, 243;
         --color-selected-text: #3f6ac4;
         --color-selected-text-hover: #4464bb;
         --color-selected-text-strong: #fff;
         --color-selected-icon: #3f6ac4;
         --color-selected-icon-rgb: 63, 106, 196;
         --color-selected-icon-strong: #fff;
         --color-selected-border: #3f6ac4;
         --color-selected-border-hover: #3f6ac4;
         --color-selected-border-active: #3f6ac4;
         --color-selected-background: #f1f2fc;
         --color-selected-background-hover: #e7e9fc;
         --color-selected-background-active: #dbe0fd;
         --color-selected-background-strong: #4573d2;
         --color-selected-background-strong-rgb: 69, 115, 210;
         --color-selected-background-strong-hover: #426dc6;
         --color-selected-background-strong-active: #3f66ba;
         --color-success-text: #0d7f56;
         --color-success-text-hover: #12714d;
         --color-success-text-strong: #1e1f21;
         --color-success-icon: #58a182;
         --color-success-icon-hover: #368e6a;
         --color-success-icon-strong: #1e1f21;
         --color-success-border: #8dc2ac;
         --color-success-border-hover: #58a182;
         --color-success-border-active: #58a182;
         --color-success-background: #e6f8f1;
         --color-success-background-hover: #e0f4ec;
         --color-success-background-active: #cce8dd;
         --color-success-background-strong: #58a182;
         --color-success-background-strong-hover: #519d7d;
         --color-success-background-strong-active: #3f9470;
         --color-warning-text: #986516;
         --color-warning-text-hover: #805411;
         --color-warning-text-strong: #1e1f21;
         --color-warning-icon: #f1bd6c;
         --color-warning-icon-rgb: 241, 189, 108;
         --color-warning-icon-hover: #b58e53;
         --color-warning-icon-strong: #1e1f21;
         --color-warning-border: #f1bd6c;
         --color-warning-border-hover: #b58e53;
         --color-warning-background: #fff6ee;
         --color-warning-background-hover: #ffecda;
         --color-warning-background-active: #fedcb6;
         --color-warning-background-strong: #f1bd6c;
         --color-warning-background-strong-hover: #e8b668;
         --color-warning-background-strong-active: #e2b266;
         --color-upsell-text: #986516;
         --color-upsell-text-hover: #805411;
         --color-upsell-text-strong: #1e1f21;
         --color-upsell-icon: #f1bd6c;
         --color-upsell-icon-hover: #b58e53;
         --color-upsell-icon-strong: #1e1f21;
         --color-upsell-background: #fff6ee;
         --color-upsell-background-hover: #ffecda;
         --color-upsell-background-active: #fedcb6;
         --color-upsell-background-weak-hover: #fff6ee;
         --color-upsell-background-weak-active: #ffecda;
         --color-upsell-background-strong: #f1bd6c;
         --color-upsell-background-strong-hover: #e8b668;
         --color-upsell-background-strong-active: #e2b266;
         --color-upsell-border: #f1bd6c;
         --color-danger-text: #c92f54;
         --color-danger-text-hover: #a42b45;
         --color-danger-text-strong: #fff;
         --color-danger-icon: #de5f73;
         --color-danger-icon-hover: #d33e5d;
         --color-danger-icon-strong: #1e1f21;
         --color-danger-border: #f1a2a9;
         --color-danger-border-hover: #e37281;
         --color-danger-border-active: #e37281;
         --color-danger-background: #feebec;
         --color-danger-background-hover: #fcdadc;
         --color-danger-background-active: #f9c6ca;
         --color-danger-background-strong: #de5f73;
         --color-danger-background-strong-hover: #d84f67;
         --color-danger-background-strong-active: #d33e5d;
         --color-drop-target-background: rgba(255, 255, 255, 0.95);
         --color-beta-text: #6e66b1;
         --color-beta-text-weak: #726ab9;
         --color-beta-text-strong: #fff;
         --color-beta-icon: #8d84e8;
         --color-beta-icon-rgb: 141, 132, 232;
         --color-beta-icon-hover: #726ab9;
         --color-beta-icon-strong: #fff;
         --color-beta-background: #726ab9;
         --color-beta-background-hover: #575089;
         --color-beta-background-weak: #f6f4fd;
         --color-beta-background-strong: #736bc4;
         --color-beta-border: #8d84e8;
         --color-beta-border-hover: #726ab9;
         --color-beta-border-active: #726ab9;
         --color-primary-text: #3f6ac4;
         --color-primary-text-hover: #4464bb;
         --color-primary-text-strong: #fff;
         --color-primary-icon: #3f6ac4;
         --color-primary-icon-strong: #fff;
         --color-primary-border: #3f6ac4;
         --color-primary-background-strong: #4573d2;
         --color-primary-background-strong-hover: #426dc6;
         --color-primary-background-strong-active: #3f66ba;
         --color-on-hold-text: #3f6ac4;
         --color-on-hold-text-hover: #4464bb;
         --color-on-hold-text-strong: #fff;
         --color-on-hold-icon: #3f6ac4;
         --color-on-hold-icon-strong: #fff;
         --color-on-hold-border: #3f6ac4;
         --color-on-hold-background-strong: #4573d2;
         --color-on-hold-background-strong-hover: #426dc6;
         --color-on-hold-background-strong-active: #3f66ba
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-text: #f5f4f3;
     --color-text-rgb: 245, 244, 243;
     --color-text-foreground: #f5f4f3;
     --color-text-disabled: #6a696a;
     --color-text-weak: #a2a0a2;
     --color-text-weak-hover: #f5f4f3;
     --color-icon: #a2a0a2;
     --color-icon-rgb: 162, 160, 162;
     --color-icon-foreground: #f5f4f3;
     --color-icon-hover: #f5f4f3;
     --color-icon-active: #f5f4f3;
     --color-icon-disabled: #6a696a;
     --color-icon-strong: #f5f4f3;
     --color-border: #424244;
     --color-border-rgb: 66, 66, 68;
     --color-border-hover: #6a696a;
     --color-border-active: #a2a0a2;
     --color-border-strong: #565557;
     --color-background-weak: #1e1f21;
     --color-background-weak-rgb: 30, 31, 33;
     --color-background-weak-hover-deprecated: #2a2b2d;
     --color-background-medium: #252628;
     --color-background-medium-rgb: 37, 38, 40;
     --color-background-hover: rgba(255, 255, 255, 0.06);
     --color-background-active: rgba(255, 255, 255, 0.11);
     --color-background-strong: #2a2b2d;
     --color-background-strong-rgb: 42, 43, 45;
     --color-selected-text: #6296f1;
     --color-selected-text-hover: #5688e5;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #4573d2;
     --color-selected-icon-rgb: 69, 115, 210;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #4573d2;
     --color-selected-border-hover: #4573d2;
     --color-selected-border-active: #4573d2;
     --color-selected-background: #172237;
     --color-selected-background-hover: #1a2843;
     --color-selected-background-active: #2a3c68;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #66a88b;
     --color-success-text-hover: #93c0aa;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #5da283;
     --color-success-icon-hover: #74af93;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #32695d;
     --color-success-border-hover: #4b8a73;
     --color-success-border-active: #4b8a73;
     --color-success-background: #1d3733;
     --color-success-background-hover: #21433d;
     --color-success-background-active: #244d46;
     --color-success-background-strong: #5da283;
     --color-success-background-strong-hover: #89baa2;
     --color-success-background-strong-active: #93c0aa;
     --color-warning-text: #f1bd6c;
     --color-warning-text-hover: #f6c682;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #f6c682;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #735c38;
     --color-warning-border-hover: #b89054;
     --color-warning-background: #3d3120;
     --color-warning-background-hover: #493b26;
     --color-warning-background-active: #54432b;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #f1bd6c;
     --color-upsell-text-hover: #f6c682;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #f6c682;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #3d3120;
     --color-upsell-background-hover: #493b26;
     --color-upsell-background-active: #54432b;
     --color-upsell-background-weak-hover: #3d3120;
     --color-upsell-background-weak-active: #493b26;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #735c38;
     --color-danger-text: #e26d7e;
     --color-danger-text-hover: #ec8e98;
     --color-danger-text-strong: #1e1f21;
     --color-danger-icon: #d1395a;
     --color-danger-icon-hover: #e26d7e;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #b12d4b;
     --color-danger-border-hover: #d1395a;
     --color-danger-border-active: #d1395a;
     --color-danger-background: #581e28;
     --color-danger-background-hover: #64202c;
     --color-danger-background-active: #6e2230;
     --color-danger-background-strong: #dd5e72;
     --color-danger-background-strong-hover: #e47281;
     --color-danger-background-strong-active: #e67886;
     --color-drop-target-background: rgba(30, 31, 33, 0.95);
     --color-beta-text: #a499ed;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #a499ed;
     --color-beta-icon-rgb: 164, 153, 237;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #a499ed;
     --color-beta-background-weak: #3a3659;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #726ab9;
     --color-beta-border-hover: #a499ed;
     --color-beta-border-active: #a499ed;
     --color-primary-text: #6296f1;
     --color-primary-text-hover: #5688e5;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #4573d2;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #4573d2;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #6296f1;
     --color-on-hold-text-hover: #5688e5;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #4573d2;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #4573d2;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-text: #f5f4f3;
         --color-text-rgb: 245, 244, 243;
         --color-text-foreground: #f5f4f3;
         --color-text-disabled: #6a696a;
         --color-text-weak: #a2a0a2;
         --color-text-weak-hover: #f5f4f3;
         --color-icon: #a2a0a2;
         --color-icon-rgb: 162, 160, 162;
         --color-icon-foreground: #f5f4f3;
         --color-icon-hover: #f5f4f3;
         --color-icon-active: #f5f4f3;
         --color-icon-disabled: #6a696a;
         --color-icon-strong: #f5f4f3;
         --color-border: #424244;
         --color-border-rgb: 66, 66, 68;
         --color-border-hover: #6a696a;
         --color-border-active: #a2a0a2;
         --color-border-strong: #565557;
         --color-background-weak: #1e1f21;
         --color-background-weak-rgb: 30, 31, 33;
         --color-background-weak-hover-deprecated: #2a2b2d;
         --color-background-medium: #252628;
         --color-background-medium-rgb: 37, 38, 40;
         --color-background-hover: rgba(255, 255, 255, 0.06);
         --color-background-active: rgba(255, 255, 255, 0.11);
         --color-background-strong: #2a2b2d;
         --color-background-strong-rgb: 42, 43, 45;
         --color-selected-text: #6296f1;
         --color-selected-text-hover: #5688e5;
         --color-selected-text-strong: #fff;
         --color-selected-icon: #4573d2;
         --color-selected-icon-rgb: 69, 115, 210;
         --color-selected-icon-strong: #fff;
         --color-selected-border: #4573d2;
         --color-selected-border-hover: #4573d2;
         --color-selected-border-active: #4573d2;
         --color-selected-background: #172237;
         --color-selected-background-hover: #1a2843;
         --color-selected-background-active: #2a3c68;
         --color-selected-background-strong: #4573d2;
         --color-selected-background-strong-rgb: 69, 115, 210;
         --color-selected-background-strong-hover: #426dc6;
         --color-selected-background-strong-active: #3f66ba;
         --color-success-text: #66a88b;
         --color-success-text-hover: #93c0aa;
         --color-success-text-strong: #1e1f21;
         --color-success-icon: #5da283;
         --color-success-icon-hover: #74af93;
         --color-success-icon-strong: #1e1f21;
         --color-success-border: #32695d;
         --color-success-border-hover: #4b8a73;
         --color-success-border-active: #4b8a73;
         --color-success-background: #1d3733;
         --color-success-background-hover: #21433d;
         --color-success-background-active: #244d46;
         --color-success-background-strong: #5da283;
         --color-success-background-strong-hover: #89baa2;
         --color-success-background-strong-active: #93c0aa;
         --color-warning-text: #f1bd6c;
         --color-warning-text-hover: #f6c682;
         --color-warning-text-strong: #1e1f21;
         --color-warning-icon: #f1bd6c;
         --color-warning-icon-rgb: 241, 189, 108;
         --color-warning-icon-hover: #f6c682;
         --color-warning-icon-strong: #1e1f21;
         --color-warning-border: #735c38;
         --color-warning-border-hover: #b89054;
         --color-warning-background: #3d3120;
         --color-warning-background-hover: #493b26;
         --color-warning-background-active: #54432b;
         --color-warning-background-strong: #f1bd6c;
         --color-warning-background-strong-hover: #e8b668;
         --color-warning-background-strong-active: #e2b266;
         --color-upsell-text: #f1bd6c;
         --color-upsell-text-hover: #f6c682;
         --color-upsell-text-strong: #1e1f21;
         --color-upsell-icon: #f1bd6c;
         --color-upsell-icon-hover: #f6c682;
         --color-upsell-icon-strong: #1e1f21;
         --color-upsell-background: #3d3120;
         --color-upsell-background-hover: #493b26;
         --color-upsell-background-active: #54432b;
         --color-upsell-background-weak-hover: #3d3120;
         --color-upsell-background-weak-active: #493b26;
         --color-upsell-background-strong: #f1bd6c;
         --color-upsell-background-strong-hover: #e8b668;
         --color-upsell-background-strong-active: #e2b266;
         --color-upsell-border: #735c38;
         --color-danger-text: #e26d7e;
         --color-danger-text-hover: #ec8e98;
         --color-danger-text-strong: #1e1f21;
         --color-danger-icon: #d1395a;
         --color-danger-icon-hover: #e26d7e;
         --color-danger-icon-strong: #1e1f21;
         --color-danger-border: #b12d4b;
         --color-danger-border-hover: #d1395a;
         --color-danger-border-active: #d1395a;
         --color-danger-background: #581e28;
         --color-danger-background-hover: #64202c;
         --color-danger-background-active: #6e2230;
         --color-danger-background-strong: #dd5e72;
         --color-danger-background-strong-hover: #e47281;
         --color-danger-background-strong-active: #e67886;
         --color-drop-target-background: rgba(30, 31, 33, 0.95);
         --color-beta-text: #a499ed;
         --color-beta-text-weak: #726ab9;
         --color-beta-text-strong: #fff;
         --color-beta-icon: #a499ed;
         --color-beta-icon-rgb: 164, 153, 237;
         --color-beta-icon-hover: #726ab9;
         --color-beta-icon-strong: #fff;
         --color-beta-background: #726ab9;
         --color-beta-background-hover: #a499ed;
         --color-beta-background-weak: #3a3659;
         --color-beta-background-strong: #736bc4;
         --color-beta-border: #726ab9;
         --color-beta-border-hover: #a499ed;
         --color-beta-border-active: #a499ed;
         --color-primary-text: #6296f1;
         --color-primary-text-hover: #5688e5;
         --color-primary-text-strong: #fff;
         --color-primary-icon: #4573d2;
         --color-primary-icon-strong: #fff;
         --color-primary-border: #4573d2;
         --color-primary-background-strong: #4573d2;
         --color-primary-background-strong-hover: #426dc6;
         --color-primary-background-strong-active: #3f66ba;
         --color-on-hold-text: #6296f1;
         --color-on-hold-text-hover: #5688e5;
         --color-on-hold-text-strong: #fff;
         --color-on-hold-icon: #4573d2;
         --color-on-hold-icon-strong: #fff;
         --color-on-hold-border: #4573d2;
         --color-on-hold-background-strong: #4573d2;
         --color-on-hold-background-strong-hover: #426dc6;
         --color-on-hold-background-strong-active: #3f66ba
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-text: #f5f4f3;
     --color-text-rgb: 245, 244, 243;
     --color-text-foreground: #f5f4f3;
     --color-text-disabled: #6a696a;
     --color-text-weak: #a2a0a2;
     --color-text-weak-hover: #f5f4f3;
     --color-icon: #a2a0a2;
     --color-icon-rgb: 162, 160, 162;
     --color-icon-foreground: #f5f4f3;
     --color-icon-hover: #f5f4f3;
     --color-icon-active: #f5f4f3;
     --color-icon-disabled: #6a696a;
     --color-icon-strong: #f5f4f3;
     --color-border: #424244;
     --color-border-rgb: 66, 66, 68;
     --color-border-hover: #6a696a;
     --color-border-active: #a2a0a2;
     --color-border-strong: #565557;
     --color-background-weak: #1e1f21;
     --color-background-weak-rgb: 30, 31, 33;
     --color-background-weak-hover-deprecated: #2a2b2d;
     --color-background-medium: #252628;
     --color-background-medium-rgb: 37, 38, 40;
     --color-background-hover: rgba(255, 255, 255, 0.06);
     --color-background-active: rgba(255, 255, 255, 0.11);
     --color-background-strong: #2a2b2d;
     --color-background-strong-rgb: 42, 43, 45;
     --color-selected-text: #6296f1;
     --color-selected-text-hover: #5688e5;
     --color-selected-text-strong: #fff;
     --color-selected-icon: #4573d2;
     --color-selected-icon-rgb: 69, 115, 210;
     --color-selected-icon-strong: #fff;
     --color-selected-border: #4573d2;
     --color-selected-border-hover: #4573d2;
     --color-selected-border-active: #4573d2;
     --color-selected-background: #172237;
     --color-selected-background-hover: #1a2843;
     --color-selected-background-active: #2a3c68;
     --color-selected-background-strong: #4573d2;
     --color-selected-background-strong-rgb: 69, 115, 210;
     --color-selected-background-strong-hover: #426dc6;
     --color-selected-background-strong-active: #3f66ba;
     --color-success-text: #66a88b;
     --color-success-text-hover: #93c0aa;
     --color-success-text-strong: #1e1f21;
     --color-success-icon: #5da283;
     --color-success-icon-hover: #74af93;
     --color-success-icon-strong: #1e1f21;
     --color-success-border: #32695d;
     --color-success-border-hover: #4b8a73;
     --color-success-border-active: #4b8a73;
     --color-success-background: #1d3733;
     --color-success-background-hover: #21433d;
     --color-success-background-active: #244d46;
     --color-success-background-strong: #5da283;
     --color-success-background-strong-hover: #89baa2;
     --color-success-background-strong-active: #93c0aa;
     --color-warning-text: #f1bd6c;
     --color-warning-text-hover: #f6c682;
     --color-warning-text-strong: #1e1f21;
     --color-warning-icon: #f1bd6c;
     --color-warning-icon-rgb: 241, 189, 108;
     --color-warning-icon-hover: #f6c682;
     --color-warning-icon-strong: #1e1f21;
     --color-warning-border: #735c38;
     --color-warning-border-hover: #b89054;
     --color-warning-background: #3d3120;
     --color-warning-background-hover: #493b26;
     --color-warning-background-active: #54432b;
     --color-warning-background-strong: #f1bd6c;
     --color-warning-background-strong-hover: #e8b668;
     --color-warning-background-strong-active: #e2b266;
     --color-upsell-text: #f1bd6c;
     --color-upsell-text-hover: #f6c682;
     --color-upsell-text-strong: #1e1f21;
     --color-upsell-icon: #f1bd6c;
     --color-upsell-icon-hover: #f6c682;
     --color-upsell-icon-strong: #1e1f21;
     --color-upsell-background: #3d3120;
     --color-upsell-background-hover: #493b26;
     --color-upsell-background-active: #54432b;
     --color-upsell-background-weak-hover: #3d3120;
     --color-upsell-background-weak-active: #493b26;
     --color-upsell-background-strong: #f1bd6c;
     --color-upsell-background-strong-hover: #e8b668;
     --color-upsell-background-strong-active: #e2b266;
     --color-upsell-border: #735c38;
     --color-danger-text: #e26d7e;
     --color-danger-text-hover: #ec8e98;
     --color-danger-text-strong: #1e1f21;
     --color-danger-icon: #d1395a;
     --color-danger-icon-hover: #e26d7e;
     --color-danger-icon-strong: #1e1f21;
     --color-danger-border: #b12d4b;
     --color-danger-border-hover: #d1395a;
     --color-danger-border-active: #d1395a;
     --color-danger-background: #581e28;
     --color-danger-background-hover: #64202c;
     --color-danger-background-active: #6e2230;
     --color-danger-background-strong: #dd5e72;
     --color-danger-background-strong-hover: #e47281;
     --color-danger-background-strong-active: #e67886;
     --color-drop-target-background: rgba(30, 31, 33, 0.95);
     --color-beta-text: #a499ed;
     --color-beta-text-weak: #726ab9;
     --color-beta-text-strong: #fff;
     --color-beta-icon: #a499ed;
     --color-beta-icon-rgb: 164, 153, 237;
     --color-beta-icon-hover: #726ab9;
     --color-beta-icon-strong: #fff;
     --color-beta-background: #726ab9;
     --color-beta-background-hover: #a499ed;
     --color-beta-background-weak: #3a3659;
     --color-beta-background-strong: #736bc4;
     --color-beta-border: #726ab9;
     --color-beta-border-hover: #a499ed;
     --color-beta-border-active: #a499ed;
     --color-primary-text: #6296f1;
     --color-primary-text-hover: #5688e5;
     --color-primary-text-strong: #fff;
     --color-primary-icon: #4573d2;
     --color-primary-icon-strong: #fff;
     --color-primary-border: #4573d2;
     --color-primary-background-strong: #4573d2;
     --color-primary-background-strong-hover: #426dc6;
     --color-primary-background-strong-active: #3f66ba;
     --color-on-hold-text: #6296f1;
     --color-on-hold-text-hover: #5688e5;
     --color-on-hold-text-strong: #fff;
     --color-on-hold-icon: #4573d2;
     --color-on-hold-icon-strong: #fff;
     --color-on-hold-border: #4573d2;
     --color-on-hold-background-strong: #4573d2;
     --color-on-hold-background-strong-hover: #426dc6;
     --color-on-hold-background-strong-active: #3f66ba;
     --color-text: #f8f4f6;
     --color-text-rgb: 248, 244, 246;
     --color-text-foreground: #f8f4f6;
     --color-text-disabled: #8f5977;
     --color-text-weak: #bb97a9;
     --color-text-weak-hover: #f8f4f6;
     --color-icon: #bb97a9;
     --color-icon-rgb: 187, 151, 169;
     --color-icon-foreground: #f8f4f6;
     --color-icon-hover: #f8f4f6;
     --color-icon-active: #f8f4f6;
     --color-icon-disabled: #8f5977;
     --color-icon-strong: #f8f4f6;
     --color-border: #5f2748;
     --color-border-rgb: 95, 39, 72;
     --color-border-hover: #8f5977;
     --color-border-active: #bb97a9;
     --color-border-strong: #5f2748;
     --color-background-weak: #36172a;
     --color-background-weak-rgb: 54, 23, 42;
     --color-background-weak-hover-deprecated: #461d36;
     --color-background-medium: #3e1930;
     --color-background-medium-rgb: 62, 25, 48;
     --color-background-strong: #461d36;
     --color-background-strong-rgb: 70, 29, 54;
     --color-drop-target-background: rgba(54, 23, 42, 0.95)
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-success-text: #62d26f;
     --color-success-icon: #62d26f;
     --color-success-icon-hover: #62d26f;
     --color-warning-text: #d6ce38;
     --color-warning-text-hover: #d6ce38;
     --color-warning-icon: #d6ce38;
     --color-warning-icon-rgb: 214, 206, 56;
     --color-warning-icon-hover: #d6ce38;
     --color-upsell-text: #d6ce38;
     --color-upsell-text-hover: #d6ce38;
     --color-upsell-icon: #d6ce38;
     --color-upsell-icon-hover: #d6ce38;
     --color-danger-text: #fd612c;
     --color-danger-text-hover: #fd612c;
     --color-danger-icon: #fd612c;
     --color-danger-icon-hover: #fd612c
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-success-text: #62d26f;
     --color-success-icon: #62d26f;
     --color-success-icon-hover: #62d26f;
     --color-warning-text: #d6ce38;
     --color-warning-text-hover: #d6ce38;
     --color-warning-icon: #d6ce38;
     --color-warning-icon-rgb: 214, 206, 56;
     --color-warning-icon-hover: #d6ce38;
     --color-upsell-text: #d6ce38;
     --color-upsell-text-hover: #d6ce38;
     --color-upsell-icon: #d6ce38;
     --color-upsell-icon-hover: #d6ce38;
     --color-danger-text: #fd612c;
     --color-danger-text-hover: #fd612c;
     --color-danger-icon: #fd612c;
     --color-danger-icon-hover: #fd612c
 }

 :root {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #e8e5e4;
     --color-customization-background-weak-deprecated-opaque: #e8e5e4;
     --color-customization-background-weak-deprecated: #e8e5e4;
     --color-customization-background-weak-hover: #e1dedd;
     --color-customization-background-weak-hover-deprecated: #e1dedd;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #1e1f21;
     --color-customization-foreground-weak-deprecated: #1e1f21;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #1e1f21;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #1e1f21;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #1e1f21;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #1e1f21;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #1e1f21;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #1e1f21;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #1e1f21;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #1e1f21;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #1e1f21;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #1e1f21;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #1e1f21;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #1e1f21;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #1e1f21
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #e8e5e4;
     --color-customization-background-weak-deprecated-opaque: #e8e5e4;
     --color-customization-background-weak-deprecated: #e8e5e4;
     --color-customization-background-weak-hover: #e1dedd;
     --color-customization-background-weak-hover-deprecated: #e1dedd;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #1e1f21;
     --color-customization-foreground-weak-deprecated: #1e1f21;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #1e1f21;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #1e1f21;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #1e1f21;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #1e1f21;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #1e1f21;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #1e1f21;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #1e1f21;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #1e1f21;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #1e1f21;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #1e1f21;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #1e1f21;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #1e1f21;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #1e1f21;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #1e1f21
 }

 @media print {
     :root {
         --color-customization-background: #c7c4c4;
         --color-customization-background-deprecated: #c7c4c4;
         --color-customization-background-deprecated-opaque: #c7c4c4;
         --color-customization-background-hover: #bfbcbc;
         --color-customization-background-hover-deprecated: #bfbcbc;
         --color-customization-background-active: #b9b6b6;
         --color-customization-background-active-deprecated: #b9b6b6;
         --color-customization-background-weak: #e8e5e4;
         --color-customization-background-weak-deprecated-opaque: #e8e5e4;
         --color-customization-background-weak-deprecated: #e8e5e4;
         --color-customization-background-weak-hover: #e1dedd;
         --color-customization-background-weak-hover-deprecated: #e1dedd;
         --color-customization-foreground: #1e1f21;
         --color-customization-foreground-weak: #1e1f21;
         --color-customization-foreground-weak-deprecated: #1e1f21;
         --color-customization-red-background: #f06a6a;
         --color-customization-red-background-rgb: 240, 106, 106;
         --color-customization-red-background-hover: #eb6868;
         --color-customization-red-foreground: #1e1f21;
         --color-customization-red-foreground-hover: #1e1f21;
         --color-customization-red-text-deprecated: #1e1f21;
         --color-customization-orange-background: #ec8d71;
         --color-customization-orange-background-rgb: 236, 141, 113;
         --color-customization-orange-background-hover: #e3886d;
         --color-customization-orange-foreground: #1e1f21;
         --color-customization-orange-foreground-hover: #1e1f21;
         --color-customization-orange-text-deprecated: #1e1f21;
         --color-customization-yellow-orange-background: #f1bd6c;
         --color-customization-yellow-orange-background-rgb: 241, 189, 108;
         --color-customization-yellow-orange-background-hover: #e7b568;
         --color-customization-yellow-orange-foreground: #1e1f21;
         --color-customization-yellow-orange-foreground-hover: #1e1f21;
         --color-customization-yellow-orange-text-deprecated: #1e1f21;
         --color-customization-yellow-background: #f8df72;
         --color-customization-yellow-background-rgb: 248, 223, 114;
         --color-customization-yellow-background-hover: #f2da6f;
         --color-customization-yellow-foreground: #1e1f21;
         --color-customization-yellow-foreground-hover: #1e1f21;
         --color-customization-yellow-text-deprecated: #1e1f21;
         --color-customization-yellow-green-background: #aecf55;
         --color-customization-yellow-green-background-rgb: 174, 207, 85;
         --color-customization-yellow-green-background-hover: #a9c953;
         --color-customization-yellow-green-foreground: #1e1f21;
         --color-customization-yellow-green-foreground-hover: #1e1f21;
         --color-customization-yellow-green-text-deprecated: #1e1f21;
         --color-customization-green-background: #5da283;
         --color-customization-green-background-rgb: 93, 162, 131;
         --color-customization-green-background-hover: #5a9b7e;
         --color-customization-green-foreground: #fff;
         --color-customization-green-foreground-hover: #fff;
         --color-customization-green-text-deprecated: #1e1f21;
         --color-customization-blue-green-background: #4ecbc4;
         --color-customization-blue-green-background-rgb: 78, 203, 196;
         --color-customization-blue-green-background-hover: #4abeb7;
         --color-customization-blue-green-foreground: #1e1f21;
         --color-customization-blue-green-foreground-hover: #1e1f21;
         --color-customization-blue-green-text-deprecated: #1e1f21;
         --color-customization-aqua-background: #9ee7e3;
         --color-customization-aqua-background-rgb: 158, 231, 227;
         --color-customization-aqua-background-hover: #99dfdb;
         --color-customization-aqua-foreground: #1e1f21;
         --color-customization-aqua-foreground-hover: #1e1f21;
         --color-customization-aqua-text-deprecated: #1e1f21;
         --color-customization-blue-background: #4573d2;
         --color-customization-blue-background-rgb: 69, 115, 210;
         --color-customization-blue-background-hover: #526dc6;
         --color-customization-blue-foreground: #fff;
         --color-customization-blue-foreground-hover: #fff;
         --color-customization-blue-text-deprecated: #1e1f21;
         --color-customization-indigo-background: #8d84e8;
         --color-customization-indigo-background-rgb: 141, 132, 232;
         --color-customization-indigo-background-hover: #867ddc;
         --color-customization-indigo-foreground: #fff;
         --color-customization-indigo-foreground-hover: #fff;
         --color-customization-indigo-text-deprecated: #1e1f21;
         --color-customization-purple-background: #b36bd4;
         --color-customization-purple-background-rgb: 179, 107, 212;
         --color-customization-purple-background-hover: #ad67cc;
         --color-customization-purple-foreground: #fff;
         --color-customization-purple-foreground-hover: #fff;
         --color-customization-purple-text-deprecated: #1e1f21;
         --color-customization-magenta-background: #f9aaef;
         --color-customization-magenta-background-rgb: 249, 170, 239;
         --color-customization-magenta-background-hover: #f1a5e8;
         --color-customization-magenta-foreground: #1e1f21;
         --color-customization-magenta-foreground-hover: #1e1f21;
         --color-customization-magenta-text-deprecated: #1e1f21;
         --color-customization-hot-pink-background: #f26fb2;
         --color-customization-hot-pink-background-rgb: 242, 111, 178;
         --color-customization-hot-pink-background-hover: #e66aa9;
         --color-customization-hot-pink-foreground: #1e1f21;
         --color-customization-hot-pink-foreground-hover: #1e1f21;
         --color-customization-hot-pink-text-deprecated: #1e1f21;
         --color-customization-pink-background: #fc979a;
         --color-customization-pink-background-rgb: 252, 151, 154;
         --color-customization-pink-background-hover: #f39294;
         --color-customization-pink-foreground: #1e1f21;
         --color-customization-pink-foreground-hover: #1e1f21;
         --color-customization-pink-text-deprecated: #1e1f21;
         --color-customization-cool-gray-background: #6d6e6f;
         --color-customization-cool-gray-background-rgb: 109, 110, 111;
         --color-customization-cool-gray-background-hover: #656667;
         --color-customization-cool-gray-foreground: #fff;
         --color-customization-cool-gray-foreground-hover: #fff;
         --color-customization-cool-gray-text-deprecated: #1e1f21
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #424244;
     --color-customization-background-weak-deprecated-opaque: #424244;
     --color-customization-background-weak-deprecated: #424244;
     --color-customization-background-weak-hover: #464648;
     --color-customization-background-weak-hover-deprecated: #464648;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #fff;
     --color-customization-foreground-weak-deprecated: #fff;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #f5f4f3;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #f5f4f3;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #f5f4f3;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #f5f4f3;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #f5f4f3;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #f5f4f3;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #f5f4f3;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #f5f4f3;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #f5f4f3;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #f5f4f3;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #f5f4f3;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #f5f4f3;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #f5f4f3
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-customization-background: #c7c4c4;
         --color-customization-background-deprecated: #c7c4c4;
         --color-customization-background-deprecated-opaque: #c7c4c4;
         --color-customization-background-hover: #bfbcbc;
         --color-customization-background-hover-deprecated: #bfbcbc;
         --color-customization-background-active: #b9b6b6;
         --color-customization-background-active-deprecated: #b9b6b6;
         --color-customization-background-weak: #424244;
         --color-customization-background-weak-deprecated-opaque: #424244;
         --color-customization-background-weak-deprecated: #424244;
         --color-customization-background-weak-hover: #464648;
         --color-customization-background-weak-hover-deprecated: #464648;
         --color-customization-foreground: #1e1f21;
         --color-customization-foreground-weak: #fff;
         --color-customization-foreground-weak-deprecated: #fff;
         --color-customization-red-background: #f06a6a;
         --color-customization-red-background-rgb: 240, 106, 106;
         --color-customization-red-background-hover: #eb6868;
         --color-customization-red-foreground: #1e1f21;
         --color-customization-red-foreground-hover: #1e1f21;
         --color-customization-red-text-deprecated: #f5f4f3;
         --color-customization-orange-background: #ec8d71;
         --color-customization-orange-background-rgb: 236, 141, 113;
         --color-customization-orange-background-hover: #e3886d;
         --color-customization-orange-foreground: #1e1f21;
         --color-customization-orange-foreground-hover: #1e1f21;
         --color-customization-orange-text-deprecated: #f5f4f3;
         --color-customization-yellow-orange-background: #f1bd6c;
         --color-customization-yellow-orange-background-rgb: 241, 189, 108;
         --color-customization-yellow-orange-background-hover: #e7b568;
         --color-customization-yellow-orange-foreground: #1e1f21;
         --color-customization-yellow-orange-foreground-hover: #1e1f21;
         --color-customization-yellow-orange-text-deprecated: #f5f4f3;
         --color-customization-yellow-background: #f8df72;
         --color-customization-yellow-background-rgb: 248, 223, 114;
         --color-customization-yellow-background-hover: #f2da6f;
         --color-customization-yellow-foreground: #1e1f21;
         --color-customization-yellow-foreground-hover: #1e1f21;
         --color-customization-yellow-text-deprecated: #f5f4f3;
         --color-customization-yellow-green-background: #aecf55;
         --color-customization-yellow-green-background-rgb: 174, 207, 85;
         --color-customization-yellow-green-background-hover: #a9c953;
         --color-customization-yellow-green-foreground: #1e1f21;
         --color-customization-yellow-green-foreground-hover: #1e1f21;
         --color-customization-yellow-green-text-deprecated: #f5f4f3;
         --color-customization-green-background: #5da283;
         --color-customization-green-background-rgb: 93, 162, 131;
         --color-customization-green-background-hover: #5a9b7e;
         --color-customization-green-foreground: #fff;
         --color-customization-green-foreground-hover: #fff;
         --color-customization-green-text-deprecated: #f5f4f3;
         --color-customization-blue-green-background: #4ecbc4;
         --color-customization-blue-green-background-rgb: 78, 203, 196;
         --color-customization-blue-green-background-hover: #4abeb7;
         --color-customization-blue-green-foreground: #1e1f21;
         --color-customization-blue-green-foreground-hover: #1e1f21;
         --color-customization-blue-green-text-deprecated: #f5f4f3;
         --color-customization-aqua-background: #9ee7e3;
         --color-customization-aqua-background-rgb: 158, 231, 227;
         --color-customization-aqua-background-hover: #99dfdb;
         --color-customization-aqua-foreground: #1e1f21;
         --color-customization-aqua-foreground-hover: #1e1f21;
         --color-customization-aqua-text-deprecated: #f5f4f3;
         --color-customization-blue-background: #4573d2;
         --color-customization-blue-background-rgb: 69, 115, 210;
         --color-customization-blue-background-hover: #526dc6;
         --color-customization-blue-foreground: #fff;
         --color-customization-blue-foreground-hover: #fff;
         --color-customization-blue-text-deprecated: #f5f4f3;
         --color-customization-indigo-background: #8d84e8;
         --color-customization-indigo-background-rgb: 141, 132, 232;
         --color-customization-indigo-background-hover: #867ddc;
         --color-customization-indigo-foreground: #fff;
         --color-customization-indigo-foreground-hover: #fff;
         --color-customization-indigo-text-deprecated: #f5f4f3;
         --color-customization-purple-background: #b36bd4;
         --color-customization-purple-background-rgb: 179, 107, 212;
         --color-customization-purple-background-hover: #ad67cc;
         --color-customization-purple-foreground: #fff;
         --color-customization-purple-foreground-hover: #fff;
         --color-customization-purple-text-deprecated: #f5f4f3;
         --color-customization-magenta-background: #f9aaef;
         --color-customization-magenta-background-rgb: 249, 170, 239;
         --color-customization-magenta-background-hover: #f1a5e8;
         --color-customization-magenta-foreground: #1e1f21;
         --color-customization-magenta-foreground-hover: #1e1f21;
         --color-customization-magenta-text-deprecated: #f5f4f3;
         --color-customization-hot-pink-background: #f26fb2;
         --color-customization-hot-pink-background-rgb: 242, 111, 178;
         --color-customization-hot-pink-background-hover: #e66aa9;
         --color-customization-hot-pink-foreground: #1e1f21;
         --color-customization-hot-pink-foreground-hover: #1e1f21;
         --color-customization-hot-pink-text-deprecated: #f5f4f3;
         --color-customization-pink-background: #fc979a;
         --color-customization-pink-background-rgb: 252, 151, 154;
         --color-customization-pink-background-hover: #f39294;
         --color-customization-pink-foreground: #1e1f21;
         --color-customization-pink-foreground-hover: #1e1f21;
         --color-customization-pink-text-deprecated: #f5f4f3;
         --color-customization-cool-gray-background: #6d6e6f;
         --color-customization-cool-gray-background-rgb: 109, 110, 111;
         --color-customization-cool-gray-background-hover: #656667;
         --color-customization-cool-gray-foreground: #fff;
         --color-customization-cool-gray-foreground-hover: #fff;
         --color-customization-cool-gray-text-deprecated: #f5f4f3
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-customization-background: #c7c4c4;
     --color-customization-background-deprecated: #c7c4c4;
     --color-customization-background-deprecated-opaque: #c7c4c4;
     --color-customization-background-hover: #bfbcbc;
     --color-customization-background-hover-deprecated: #bfbcbc;
     --color-customization-background-active: #b9b6b6;
     --color-customization-background-active-deprecated: #b9b6b6;
     --color-customization-background-weak: #424244;
     --color-customization-background-weak-deprecated-opaque: #424244;
     --color-customization-background-weak-deprecated: #424244;
     --color-customization-background-weak-hover: #464648;
     --color-customization-background-weak-hover-deprecated: #464648;
     --color-customization-foreground: #1e1f21;
     --color-customization-foreground-weak: #fff;
     --color-customization-foreground-weak-deprecated: #fff;
     --color-customization-red-background: #f06a6a;
     --color-customization-red-background-rgb: 240, 106, 106;
     --color-customization-red-background-hover: #eb6868;
     --color-customization-red-foreground: #1e1f21;
     --color-customization-red-foreground-hover: #1e1f21;
     --color-customization-red-text-deprecated: #f5f4f3;
     --color-customization-orange-background: #ec8d71;
     --color-customization-orange-background-rgb: 236, 141, 113;
     --color-customization-orange-background-hover: #e3886d;
     --color-customization-orange-foreground: #1e1f21;
     --color-customization-orange-foreground-hover: #1e1f21;
     --color-customization-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-orange-background: #f1bd6c;
     --color-customization-yellow-orange-background-rgb: 241, 189, 108;
     --color-customization-yellow-orange-background-hover: #e7b568;
     --color-customization-yellow-orange-foreground: #1e1f21;
     --color-customization-yellow-orange-foreground-hover: #1e1f21;
     --color-customization-yellow-orange-text-deprecated: #f5f4f3;
     --color-customization-yellow-background: #f8df72;
     --color-customization-yellow-background-rgb: 248, 223, 114;
     --color-customization-yellow-background-hover: #f2da6f;
     --color-customization-yellow-foreground: #1e1f21;
     --color-customization-yellow-foreground-hover: #1e1f21;
     --color-customization-yellow-text-deprecated: #f5f4f3;
     --color-customization-yellow-green-background: #aecf55;
     --color-customization-yellow-green-background-rgb: 174, 207, 85;
     --color-customization-yellow-green-background-hover: #a9c953;
     --color-customization-yellow-green-foreground: #1e1f21;
     --color-customization-yellow-green-foreground-hover: #1e1f21;
     --color-customization-yellow-green-text-deprecated: #f5f4f3;
     --color-customization-green-background: #5da283;
     --color-customization-green-background-rgb: 93, 162, 131;
     --color-customization-green-background-hover: #5a9b7e;
     --color-customization-green-foreground: #fff;
     --color-customization-green-foreground-hover: #fff;
     --color-customization-green-text-deprecated: #f5f4f3;
     --color-customization-blue-green-background: #4ecbc4;
     --color-customization-blue-green-background-rgb: 78, 203, 196;
     --color-customization-blue-green-background-hover: #4abeb7;
     --color-customization-blue-green-foreground: #1e1f21;
     --color-customization-blue-green-foreground-hover: #1e1f21;
     --color-customization-blue-green-text-deprecated: #f5f4f3;
     --color-customization-aqua-background: #9ee7e3;
     --color-customization-aqua-background-rgb: 158, 231, 227;
     --color-customization-aqua-background-hover: #99dfdb;
     --color-customization-aqua-foreground: #1e1f21;
     --color-customization-aqua-foreground-hover: #1e1f21;
     --color-customization-aqua-text-deprecated: #f5f4f3;
     --color-customization-blue-background: #4573d2;
     --color-customization-blue-background-rgb: 69, 115, 210;
     --color-customization-blue-background-hover: #526dc6;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #f5f4f3;
     --color-customization-indigo-background: #8d84e8;
     --color-customization-indigo-background-rgb: 141, 132, 232;
     --color-customization-indigo-background-hover: #867ddc;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #f5f4f3;
     --color-customization-purple-background: #b36bd4;
     --color-customization-purple-background-rgb: 179, 107, 212;
     --color-customization-purple-background-hover: #ad67cc;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #f5f4f3;
     --color-customization-magenta-background: #f9aaef;
     --color-customization-magenta-background-rgb: 249, 170, 239;
     --color-customization-magenta-background-hover: #f1a5e8;
     --color-customization-magenta-foreground: #1e1f21;
     --color-customization-magenta-foreground-hover: #1e1f21;
     --color-customization-magenta-text-deprecated: #f5f4f3;
     --color-customization-hot-pink-background: #f26fb2;
     --color-customization-hot-pink-background-rgb: 242, 111, 178;
     --color-customization-hot-pink-background-hover: #e66aa9;
     --color-customization-hot-pink-foreground: #1e1f21;
     --color-customization-hot-pink-foreground-hover: #1e1f21;
     --color-customization-hot-pink-text-deprecated: #f5f4f3;
     --color-customization-pink-background: #fc979a;
     --color-customization-pink-background-rgb: 252, 151, 154;
     --color-customization-pink-background-hover: #f39294;
     --color-customization-pink-foreground: #1e1f21;
     --color-customization-pink-foreground-hover: #1e1f21;
     --color-customization-pink-text-deprecated: #f5f4f3;
     --color-customization-cool-gray-background: #6d6e6f;
     --color-customization-cool-gray-background-rgb: 109, 110, 111;
     --color-customization-cool-gray-background-hover: #656667;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff;
     --color-customization-cool-gray-text-deprecated: #f5f4f3;
     --color-customization-background-weak: #5f2748;
     --color-customization-background-weak-deprecated-opaque: #5f2748;
     --color-customization-background-weak-deprecated: #5f2748;
     --color-customization-background-weak-hover: #5f2748;
     --color-customization-background-weak-hover-deprecated: #5f2748
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode {
     --color-customization-red-background: #e8384f;
     --color-customization-red-background-rgb: 232, 56, 79;
     --color-customization-red-background-hover: #de1a33;
     --color-customization-red-foreground: #fff;
     --color-customization-red-foreground-hover: #fff;
     --color-customization-red-text-deprecated: #d74854;
     --color-customization-orange-background: #fd817d;
     --color-customization-orange-background-rgb: 253, 129, 125;
     --color-customization-orange-background-hover: #fc5a55;
     --color-customization-orange-foreground: #560401;
     --color-customization-orange-foreground-hover: #2e0201;
     --color-customization-orange-text-deprecated: #d67a74;
     --color-customization-yellow-orange-background: #fdae33;
     --color-customization-yellow-orange-background-rgb: 253, 174, 51;
     --color-customization-yellow-orange-background-hover: #fd9e0b;
     --color-customization-yellow-orange-foreground: #513201;
     --color-customization-yellow-orange-foreground-hover: #291901;
     --color-customization-yellow-orange-text-deprecated: #bf8b3e;
     --color-customization-yellow-background: #eecc16;
     --color-customization-yellow-background-rgb: 238, 204, 22;
     --color-customization-yellow-background-hover: #ccae0f;
     --color-customization-yellow-foreground: #504107;
     --color-customization-yellow-foreground-hover: #2a2304;
     --color-customization-yellow-text-deprecated: #d67a74;
     --color-customization-yellow-green-background: #a4c61a;
     --color-customization-yellow-green-background-rgb: 164, 198, 26;
     --color-customization-yellow-green-background-hover: #86a215;
     --color-customization-yellow-green-foreground: #333b07;
     --color-customization-yellow-green-foreground-hover: #131703;
     --color-customization-yellow-green-text-deprecated: #899d36;
     --color-customization-green-background: #62bb35;
     --color-customization-green-background-rgb: 98, 187, 53;
     --color-customization-green-background-hover: #519b2c;
     --color-customization-green-foreground: #182c0c;
     --color-customization-green-foreground-hover: #070c03;
     --color-customization-green-text-deprecated: #679c40;
     --color-customization-blue-green-background: #37a862;
     --color-customization-blue-green-background-rgb: 55, 168, 98;
     --color-customization-blue-green-background-hover: #2d8950;
     --color-customization-blue-green-foreground: #fff;
     --color-customization-blue-green-foreground-hover: #fff;
     --color-customization-blue-green-text-deprecated: #59a368;
     --color-customization-aqua-background: #208ea3;
     --color-customization-aqua-background-rgb: 32, 142, 163;
     --color-customization-aqua-background-hover: #197081;
     --color-customization-aqua-foreground: #fff;
     --color-customization-aqua-foreground-hover: #fff;
     --color-customization-aqua-text-deprecated: #448da0;
     --color-customization-blue-background: #4178bc;
     --color-customization-blue-background-rgb: 65, 120, 188;
     --color-customization-blue-background-hover: #37659e;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #4d79b7;
     --color-customization-indigo-background: #7a71f6;
     --color-customization-indigo-background-rgb: 122, 113, 246;
     --color-customization-indigo-background-hover: #564bf4;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #7776ee;
     --color-customization-purple-background: #aa71ff;
     --color-customization-purple-background-rgb: 170, 113, 255;
     --color-customization-purple-background-hover: #9248ff;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #a178f7;
     --color-customization-magenta-background: #e37cff;
     --color-customization-magenta-background-rgb: 227, 124, 255;
     --color-customization-magenta-background-hover: #da53ff;
     --color-customization-magenta-foreground: #48005c;
     --color-customization-magenta-foreground-hover: #280033;
     --color-customization-magenta-text-deprecated: #c078df;
     --color-customization-hot-pink-background: #ea4e9d;
     --color-customization-hot-pink-background-rgb: 234, 78, 157;
     --color-customization-hot-pink-background-hover: #e62a89;
     --color-customization-hot-pink-foreground: #fff;
     --color-customization-hot-pink-foreground-hover: #fff;
     --color-customization-hot-pink-text-deprecated: #d95b9b;
     --color-customization-pink-background: #fca7e4;
     --color-customization-pink-background-rgb: 252, 167, 228;
     --color-customization-pink-background-hover: #fb80d8;
     --color-customization-pink-foreground: #760456;
     --color-customization-pink-foreground-hover: #4f0339;
     --color-customization-pink-text-deprecated: #b984ad;
     --color-customization-cool-gray-background: #8d9f9b;
     --color-customization-cool-gray-background-rgb: 141, 159, 155;
     --color-customization-cool-gray-background-hover: #778c88;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff
 }

 :root .DesignTokenThemeSelectors-theme--deuteranopiaMode .DesignTokenThemeDisablerInternal {
     --color-customization-red-background: #e8384f;
     --color-customization-red-background-rgb: 232, 56, 79;
     --color-customization-red-background-hover: #de1a33;
     --color-customization-red-foreground: #fff;
     --color-customization-red-foreground-hover: #fff;
     --color-customization-red-text-deprecated: #d74854;
     --color-customization-orange-background: #fd817d;
     --color-customization-orange-background-rgb: 253, 129, 125;
     --color-customization-orange-background-hover: #fc5a55;
     --color-customization-orange-foreground: #560401;
     --color-customization-orange-foreground-hover: #2e0201;
     --color-customization-orange-text-deprecated: #d67a74;
     --color-customization-yellow-orange-background: #fdae33;
     --color-customization-yellow-orange-background-rgb: 253, 174, 51;
     --color-customization-yellow-orange-background-hover: #fd9e0b;
     --color-customization-yellow-orange-foreground: #513201;
     --color-customization-yellow-orange-foreground-hover: #291901;
     --color-customization-yellow-orange-text-deprecated: #bf8b3e;
     --color-customization-yellow-background: #eecc16;
     --color-customization-yellow-background-rgb: 238, 204, 22;
     --color-customization-yellow-background-hover: #ccae0f;
     --color-customization-yellow-foreground: #504107;
     --color-customization-yellow-foreground-hover: #2a2304;
     --color-customization-yellow-text-deprecated: #d67a74;
     --color-customization-yellow-green-background: #a4c61a;
     --color-customization-yellow-green-background-rgb: 164, 198, 26;
     --color-customization-yellow-green-background-hover: #86a215;
     --color-customization-yellow-green-foreground: #333b07;
     --color-customization-yellow-green-foreground-hover: #131703;
     --color-customization-yellow-green-text-deprecated: #899d36;
     --color-customization-green-background: #62bb35;
     --color-customization-green-background-rgb: 98, 187, 53;
     --color-customization-green-background-hover: #519b2c;
     --color-customization-green-foreground: #182c0c;
     --color-customization-green-foreground-hover: #070c03;
     --color-customization-green-text-deprecated: #679c40;
     --color-customization-blue-green-background: #37a862;
     --color-customization-blue-green-background-rgb: 55, 168, 98;
     --color-customization-blue-green-background-hover: #2d8950;
     --color-customization-blue-green-foreground: #fff;
     --color-customization-blue-green-foreground-hover: #fff;
     --color-customization-blue-green-text-deprecated: #59a368;
     --color-customization-aqua-background: #208ea3;
     --color-customization-aqua-background-rgb: 32, 142, 163;
     --color-customization-aqua-background-hover: #197081;
     --color-customization-aqua-foreground: #fff;
     --color-customization-aqua-foreground-hover: #fff;
     --color-customization-aqua-text-deprecated: #448da0;
     --color-customization-blue-background: #4178bc;
     --color-customization-blue-background-rgb: 65, 120, 188;
     --color-customization-blue-background-hover: #37659e;
     --color-customization-blue-foreground: #fff;
     --color-customization-blue-foreground-hover: #fff;
     --color-customization-blue-text-deprecated: #4d79b7;
     --color-customization-indigo-background: #7a71f6;
     --color-customization-indigo-background-rgb: 122, 113, 246;
     --color-customization-indigo-background-hover: #564bf4;
     --color-customization-indigo-foreground: #fff;
     --color-customization-indigo-foreground-hover: #fff;
     --color-customization-indigo-text-deprecated: #7776ee;
     --color-customization-purple-background: #aa71ff;
     --color-customization-purple-background-rgb: 170, 113, 255;
     --color-customization-purple-background-hover: #9248ff;
     --color-customization-purple-foreground: #fff;
     --color-customization-purple-foreground-hover: #fff;
     --color-customization-purple-text-deprecated: #a178f7;
     --color-customization-magenta-background: #e37cff;
     --color-customization-magenta-background-rgb: 227, 124, 255;
     --color-customization-magenta-background-hover: #da53ff;
     --color-customization-magenta-foreground: #48005c;
     --color-customization-magenta-foreground-hover: #280033;
     --color-customization-magenta-text-deprecated: #c078df;
     --color-customization-hot-pink-background: #ea4e9d;
     --color-customization-hot-pink-background-rgb: 234, 78, 157;
     --color-customization-hot-pink-background-hover: #e62a89;
     --color-customization-hot-pink-foreground: #fff;
     --color-customization-hot-pink-foreground-hover: #fff;
     --color-customization-hot-pink-text-deprecated: #d95b9b;
     --color-customization-pink-background: #fca7e4;
     --color-customization-pink-background-rgb: 252, 167, 228;
     --color-customization-pink-background-hover: #fb80d8;
     --color-customization-pink-foreground: #760456;
     --color-customization-pink-foreground-hover: #4f0339;
     --color-customization-pink-text-deprecated: #b984ad;
     --color-customization-cool-gray-background: #8d9f9b;
     --color-customization-cool-gray-background-rgb: 141, 159, 155;
     --color-customization-cool-gray-background-hover: #778c88;
     --color-customization-cool-gray-foreground: #fff;
     --color-customization-cool-gray-foreground-hover: #fff
 }

 :root {
     --color-deprecated-white: #fff;
     --color-deprecated-white-rgb: 255, 255, 255;
     --color-deprecated-lightGray1: #f5f3f3;
     --color-deprecated-lightGray1-rgb: 245, 243, 243;
     --color-deprecated-lightGray2: #edeae9;
     --color-deprecated-lightGray2-rgb: 237, 234, 233;
     --color-deprecated-lightGray3: #cfcbcb;
     --color-deprecated-lightGray3-rgb: 207, 203, 203;
     --color-deprecated-mediumGray: #afabac;
     --color-deprecated-mediumGray-rgb: 175, 171, 172;
     --color-deprecated-darkGray1: #6d6e6f;
     --color-deprecated-darkGray1-rgb: 109, 110, 111;
     --color-deprecated-darkGray2: #1e1f21;
     --color-deprecated-darkGray2-rgb: 30, 31, 33;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #58a182;
     --color-deprecated-green-rgb: 88, 161, 130;
     --color-deprecated-brightGreen: #8dc2ac;
     --color-deprecated-brightGreen-rgb: 141, 194, 172;
     --color-deprecated-teal: #3f6ac4;
     --color-deprecated-teal-rgb: 63, 106, 196;
     --color-deprecated-brightTeal: #3f6ac4;
     --color-deprecated-brightTeal-rgb: 63, 106, 196;
     --color-deprecated-purple: #6e66b1;
     --color-deprecated-purple-rgb: 110, 102, 177;
     --color-deprecated-darkGold: #e8b668;
     --color-deprecated-darkGold-rgb: 232, 182, 104;
     --color-deprecated-brightGold: #f1bd6c;
     --color-deprecated-brightGold-rgb: 241, 189, 108;
     --color-deprecated-coral: #d84f67;
     --color-deprecated-coral-rgb: 216, 79, 103
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-deprecated-white: #fff;
     --color-deprecated-white-rgb: 255, 255, 255;
     --color-deprecated-lightGray1: #f5f3f3;
     --color-deprecated-lightGray1-rgb: 245, 243, 243;
     --color-deprecated-lightGray2: #edeae9;
     --color-deprecated-lightGray2-rgb: 237, 234, 233;
     --color-deprecated-lightGray3: #cfcbcb;
     --color-deprecated-lightGray3-rgb: 207, 203, 203;
     --color-deprecated-mediumGray: #afabac;
     --color-deprecated-mediumGray-rgb: 175, 171, 172;
     --color-deprecated-darkGray1: #6d6e6f;
     --color-deprecated-darkGray1-rgb: 109, 110, 111;
     --color-deprecated-darkGray2: #1e1f21;
     --color-deprecated-darkGray2-rgb: 30, 31, 33;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #58a182;
     --color-deprecated-green-rgb: 88, 161, 130;
     --color-deprecated-brightGreen: #8dc2ac;
     --color-deprecated-brightGreen-rgb: 141, 194, 172;
     --color-deprecated-teal: #3f6ac4;
     --color-deprecated-teal-rgb: 63, 106, 196;
     --color-deprecated-brightTeal: #3f6ac4;
     --color-deprecated-brightTeal-rgb: 63, 106, 196;
     --color-deprecated-purple: #6e66b1;
     --color-deprecated-purple-rgb: 110, 102, 177;
     --color-deprecated-darkGold: #e8b668;
     --color-deprecated-darkGold-rgb: 232, 182, 104;
     --color-deprecated-brightGold: #f1bd6c;
     --color-deprecated-brightGold-rgb: 241, 189, 108;
     --color-deprecated-coral: #d84f67;
     --color-deprecated-coral-rgb: 216, 79, 103
 }

 @media print {
     :root {
         --color-deprecated-white: #fff;
         --color-deprecated-white-rgb: 255, 255, 255;
         --color-deprecated-lightGray1: #f5f3f3;
         --color-deprecated-lightGray1-rgb: 245, 243, 243;
         --color-deprecated-lightGray2: #edeae9;
         --color-deprecated-lightGray2-rgb: 237, 234, 233;
         --color-deprecated-lightGray3: #cfcbcb;
         --color-deprecated-lightGray3-rgb: 207, 203, 203;
         --color-deprecated-mediumGray: #afabac;
         --color-deprecated-mediumGray-rgb: 175, 171, 172;
         --color-deprecated-darkGray1: #6d6e6f;
         --color-deprecated-darkGray1-rgb: 109, 110, 111;
         --color-deprecated-darkGray2: #1e1f21;
         --color-deprecated-darkGray2-rgb: 30, 31, 33;
         --color-deprecated-darkGray3: #1e1f21;
         --color-deprecated-darkGray3-rgb: 30, 31, 33;
         --color-deprecated-green: #58a182;
         --color-deprecated-green-rgb: 88, 161, 130;
         --color-deprecated-brightGreen: #8dc2ac;
         --color-deprecated-brightGreen-rgb: 141, 194, 172;
         --color-deprecated-teal: #3f6ac4;
         --color-deprecated-teal-rgb: 63, 106, 196;
         --color-deprecated-brightTeal: #3f6ac4;
         --color-deprecated-brightTeal-rgb: 63, 106, 196;
         --color-deprecated-purple: #6e66b1;
         --color-deprecated-purple-rgb: 110, 102, 177;
         --color-deprecated-darkGold: #e8b668;
         --color-deprecated-darkGold-rgb: 232, 182, 104;
         --color-deprecated-brightGold: #f1bd6c;
         --color-deprecated-brightGold-rgb: 241, 189, 108;
         --color-deprecated-coral: #d84f67;
         --color-deprecated-coral-rgb: 216, 79, 103
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-deprecated-white: #f5f4f3;
     --color-deprecated-white-rgb: 245, 244, 243;
     --color-deprecated-lightGray1: #f5f4f3;
     --color-deprecated-lightGray1-rgb: 245, 244, 243;
     --color-deprecated-lightGray2: #f5f4f3;
     --color-deprecated-lightGray2-rgb: 245, 244, 243;
     --color-deprecated-lightGray3: #a2a0a2;
     --color-deprecated-lightGray3-rgb: 162, 160, 162;
     --color-deprecated-mediumGray: #a2a0a2;
     --color-deprecated-mediumGray-rgb: 162, 160, 162;
     --color-deprecated-darkGray1: #6a696a;
     --color-deprecated-darkGray1-rgb: 106, 105, 106;
     --color-deprecated-darkGray2: #2a2b2d;
     --color-deprecated-darkGray2-rgb: 42, 43, 45;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #5da283;
     --color-deprecated-green-rgb: 93, 162, 131;
     --color-deprecated-brightGreen: #5da283;
     --color-deprecated-brightGreen-rgb: 93, 162, 131;
     --color-deprecated-teal: #4573d2;
     --color-deprecated-teal-rgb: 69, 115, 210;
     --color-deprecated-brightTeal: #5688e5;
     --color-deprecated-brightTeal-rgb: 86, 136, 229;
     --color-deprecated-purple: #726ab9;
     --color-deprecated-purple-rgb: 114, 106, 185;
     --color-deprecated-darkGold: #b89054;
     --color-deprecated-darkGold-rgb: 184, 144, 84;
     --color-deprecated-brightGold: #f6c682;
     --color-deprecated-brightGold-rgb: 246, 198, 130;
     --color-deprecated-coral: #d1395a;
     --color-deprecated-coral-rgb: 209, 57, 90
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-deprecated-white: #f5f4f3;
         --color-deprecated-white-rgb: 245, 244, 243;
         --color-deprecated-lightGray1: #f5f4f3;
         --color-deprecated-lightGray1-rgb: 245, 244, 243;
         --color-deprecated-lightGray2: #f5f4f3;
         --color-deprecated-lightGray2-rgb: 245, 244, 243;
         --color-deprecated-lightGray3: #a2a0a2;
         --color-deprecated-lightGray3-rgb: 162, 160, 162;
         --color-deprecated-mediumGray: #a2a0a2;
         --color-deprecated-mediumGray-rgb: 162, 160, 162;
         --color-deprecated-darkGray1: #6a696a;
         --color-deprecated-darkGray1-rgb: 106, 105, 106;
         --color-deprecated-darkGray2: #2a2b2d;
         --color-deprecated-darkGray2-rgb: 42, 43, 45;
         --color-deprecated-darkGray3: #1e1f21;
         --color-deprecated-darkGray3-rgb: 30, 31, 33;
         --color-deprecated-green: #5da283;
         --color-deprecated-green-rgb: 93, 162, 131;
         --color-deprecated-brightGreen: #5da283;
         --color-deprecated-brightGreen-rgb: 93, 162, 131;
         --color-deprecated-teal: #4573d2;
         --color-deprecated-teal-rgb: 69, 115, 210;
         --color-deprecated-brightTeal: #5688e5;
         --color-deprecated-brightTeal-rgb: 86, 136, 229;
         --color-deprecated-purple: #726ab9;
         --color-deprecated-purple-rgb: 114, 106, 185;
         --color-deprecated-darkGold: #b89054;
         --color-deprecated-darkGold-rgb: 184, 144, 84;
         --color-deprecated-brightGold: #f6c682;
         --color-deprecated-brightGold-rgb: 246, 198, 130;
         --color-deprecated-coral: #d1395a;
         --color-deprecated-coral-rgb: 209, 57, 90
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-deprecated-white: #f5f4f3;
     --color-deprecated-white-rgb: 245, 244, 243;
     --color-deprecated-lightGray1: #f5f4f3;
     --color-deprecated-lightGray1-rgb: 245, 244, 243;
     --color-deprecated-lightGray2: #f5f4f3;
     --color-deprecated-lightGray2-rgb: 245, 244, 243;
     --color-deprecated-lightGray3: #a2a0a2;
     --color-deprecated-lightGray3-rgb: 162, 160, 162;
     --color-deprecated-mediumGray: #a2a0a2;
     --color-deprecated-mediumGray-rgb: 162, 160, 162;
     --color-deprecated-darkGray1: #6a696a;
     --color-deprecated-darkGray1-rgb: 106, 105, 106;
     --color-deprecated-darkGray2: #2a2b2d;
     --color-deprecated-darkGray2-rgb: 42, 43, 45;
     --color-deprecated-darkGray3: #1e1f21;
     --color-deprecated-darkGray3-rgb: 30, 31, 33;
     --color-deprecated-green: #5da283;
     --color-deprecated-green-rgb: 93, 162, 131;
     --color-deprecated-brightGreen: #5da283;
     --color-deprecated-brightGreen-rgb: 93, 162, 131;
     --color-deprecated-teal: #4573d2;
     --color-deprecated-teal-rgb: 69, 115, 210;
     --color-deprecated-brightTeal: #5688e5;
     --color-deprecated-brightTeal-rgb: 86, 136, 229;
     --color-deprecated-purple: #726ab9;
     --color-deprecated-purple-rgb: 114, 106, 185;
     --color-deprecated-darkGold: #b89054;
     --color-deprecated-darkGold-rgb: 184, 144, 84;
     --color-deprecated-brightGold: #f6c682;
     --color-deprecated-brightGold-rgb: 246, 198, 130;
     --color-deprecated-coral: #d1395a;
     --color-deprecated-coral-rgb: 209, 57, 90;
     --color-deprecated-white: #f8f4f6;
     --color-deprecated-white-rgb: 248, 244, 246;
     --color-deprecated-lightGray1: #f8f4f6;
     --color-deprecated-lightGray1-rgb: 248, 244, 246;
     --color-deprecated-lightGray2: #f8f4f6;
     --color-deprecated-lightGray2-rgb: 248, 244, 246;
     --color-deprecated-lightGray3: #bb97a9;
     --color-deprecated-lightGray3-rgb: 187, 151, 169;
     --color-deprecated-mediumGray: #bb97a9;
     --color-deprecated-mediumGray-rgb: 187, 151, 169;
     --color-deprecated-darkGray1: #8f5977;
     --color-deprecated-darkGray1-rgb: 143, 89, 119;
     --color-deprecated-darkGray2: #461d36;
     --color-deprecated-darkGray2-rgb: 70, 29, 54;
     --color-deprecated-darkGray3: #36172a;
     --color-deprecated-darkGray3-rgb: 54, 23, 42
 }

 :root {
     --color-elevation-small: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-medium: 0 0 0 1px #edeae9, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-medium-hover: 0 0 0 1px #afabac, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-medium-active: 0 0 0 1px #6d6e6f, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-large: 0 0 0 1px #edeae9, 0 5px 20px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-small: 0 0 0 1px #3f6ac4, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-medium-hover: 0 0 0 1px #3f6ac4, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-medium-active: 0 0 0 1px #3f6ac4, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-large-active: 0 0 0 1px #3f6ac4, 0 5px 20px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-danger-small: 0 0 0 1px #f1a2a9, 0 1px 4px 0 rgba(109, 110, 111, 0.08)
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-elevation-small: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-medium: 0 0 0 1px #edeae9, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-medium-hover: 0 0 0 1px #afabac, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-medium-active: 0 0 0 1px #6d6e6f, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-large: 0 0 0 1px #edeae9, 0 5px 20px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-small: 0 0 0 1px #3f6ac4, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-medium-hover: 0 0 0 1px #3f6ac4, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-medium-active: 0 0 0 1px #3f6ac4, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-selected-large-active: 0 0 0 1px #3f6ac4, 0 5px 20px 0 rgba(109, 110, 111, 0.08);
     --color-elevation-danger-small: 0 0 0 1px #f1a2a9, 0 1px 4px 0 rgba(109, 110, 111, 0.08)
 }

 @media print {
     :root {
         --color-elevation-small: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-medium: 0 0 0 1px #edeae9, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-medium-hover: 0 0 0 1px #afabac, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-medium-active: 0 0 0 1px #6d6e6f, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-large: 0 0 0 1px #edeae9, 0 5px 20px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-selected-small: 0 0 0 1px #3f6ac4, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-selected-medium-hover: 0 0 0 1px #3f6ac4, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-selected-medium-active: 0 0 0 1px #3f6ac4, 0 2px 10px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-selected-large-active: 0 0 0 1px #3f6ac4, 0 5px 20px 0 rgba(109, 110, 111, 0.08);
         --color-elevation-danger-small: 0 0 0 1px #f1a2a9, 0 1px 4px 0 rgba(109, 110, 111, 0.08)
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-elevation-small: 0 0 0 1px #424244;
     --color-elevation-medium: 0 0 0 1px #424244;
     --color-elevation-medium-hover: 0 0 0 1px #6a696a;
     --color-elevation-medium-active: 0 0 0 1px #a2a0a2;
     --color-elevation-large: 0 0 0 1px #424244;
     --color-elevation-selected-small: 0 0 0 1px #4573d2;
     --color-elevation-selected-medium-hover: 0 0 0 1px #4573d2;
     --color-elevation-selected-medium-active: 0 0 0 1px #4573d2;
     --color-elevation-selected-large-active: 0 0 0 1px #4573d2;
     --color-elevation-danger-small: 0 0 0 1px #b12d4b
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-elevation-small: 0 0 0 1px #424244;
         --color-elevation-medium: 0 0 0 1px #424244;
         --color-elevation-medium-hover: 0 0 0 1px #6a696a;
         --color-elevation-medium-active: 0 0 0 1px #a2a0a2;
         --color-elevation-large: 0 0 0 1px #424244;
         --color-elevation-selected-small: 0 0 0 1px #4573d2;
         --color-elevation-selected-medium-hover: 0 0 0 1px #4573d2;
         --color-elevation-selected-medium-active: 0 0 0 1px #4573d2;
         --color-elevation-selected-large-active: 0 0 0 1px #4573d2;
         --color-elevation-danger-small: 0 0 0 1px #b12d4b
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-elevation-small: 0 0 0 1px #424244;
     --color-elevation-medium: 0 0 0 1px #424244;
     --color-elevation-medium-hover: 0 0 0 1px #6a696a;
     --color-elevation-medium-active: 0 0 0 1px #a2a0a2;
     --color-elevation-large: 0 0 0 1px #424244;
     --color-elevation-selected-small: 0 0 0 1px #4573d2;
     --color-elevation-selected-medium-hover: 0 0 0 1px #4573d2;
     --color-elevation-selected-medium-active: 0 0 0 1px #4573d2;
     --color-elevation-selected-large-active: 0 0 0 1px #4573d2;
     --color-elevation-danger-small: 0 0 0 1px #b12d4b;
     --color-elevation-small: 0 0 0 1px #5f2748;
     --color-elevation-medium: 0 0 0 1px #5f2748;
     --color-elevation-medium-hover: 0 0 0 1px #8f5977;
     --color-elevation-medium-active: 0 0 0 1px #bb97a9;
     --color-elevation-large: 0 0 0 1px #5f2748
 }

 :root {
     --color-global-topbar-search-background: #424244
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-global-topbar-search-background: #424244
 }

 @media print {
     :root {
         --color-global-topbar-search-background: #424244
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-global-topbar-search-background: #424244
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-global-topbar-search-background: #424244
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-global-topbar-search-background: #424244;
     --color-global-topbar-search-background: #5f2748
 }

 :root {
     --color-home-text-light-accent: #fff;
     --color-home-text-dark-accent: #6d6e6f;
     --color-home-text-dark-accent-strong: #1e1f21;
     --color-home-text-dark-accent-classic: #1e1f21;
     --color-home-icon-light-accent: #fff;
     --color-home-icon-dark-accent: #6d6e6f;
     --color-home-icon-dark-accent-strong: #1e1f21;
     --color-home-icon-dark-accent-classic: #6d6e6f;
     --color-home-background-light-accent: rgba(255, 255, 255, 0.12);
     --color-home-background-dark-accent: #f9f8f8;
     --color-home-background-weak-light-accent: rgba(255, 255, 255, 0.12);
     --color-home-background-weak-dark-accent: rgba(109, 110, 111, 0.15);
     --color-home-border-light-accent: rgba(255, 255, 255, 0.5);
     --color-home-border-dark-accent: #edeae9;
     --color-home-classic-background: #fff;
     --color-home-maroon-background: #5b073a;
     --color-home-orange-yellow-background: #e2a039;
     --color-home-yellow-green-background: #aecf55;
     --color-home-forest-background: #285b52;
     --color-home-blue-green-background: #36b8b1;
     --color-home-aqua-background: #a9dcd9;
     --color-home-blue-background: #4573d2;
     --color-home-purple-background: #938ce1;
     --color-home-pink-purple-background: #ad7cc4;
     --color-home-pink-background: #f6a0a3;
     --color-home-oat-background: #e0dedc
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-home-text-light-accent: #fff;
     --color-home-text-dark-accent: #6d6e6f;
     --color-home-text-dark-accent-strong: #1e1f21;
     --color-home-text-dark-accent-classic: #1e1f21;
     --color-home-icon-light-accent: #fff;
     --color-home-icon-dark-accent: #6d6e6f;
     --color-home-icon-dark-accent-strong: #1e1f21;
     --color-home-icon-dark-accent-classic: #6d6e6f;
     --color-home-background-light-accent: rgba(255, 255, 255, 0.12);
     --color-home-background-dark-accent: #f9f8f8;
     --color-home-background-weak-light-accent: rgba(255, 255, 255, 0.12);
     --color-home-background-weak-dark-accent: rgba(109, 110, 111, 0.15);
     --color-home-border-light-accent: rgba(255, 255, 255, 0.5);
     --color-home-border-dark-accent: #edeae9;
     --color-home-classic-background: #fff;
     --color-home-maroon-background: #5b073a;
     --color-home-orange-yellow-background: #e2a039;
     --color-home-yellow-green-background: #aecf55;
     --color-home-forest-background: #285b52;
     --color-home-blue-green-background: #36b8b1;
     --color-home-aqua-background: #a9dcd9;
     --color-home-blue-background: #4573d2;
     --color-home-purple-background: #938ce1;
     --color-home-pink-purple-background: #ad7cc4;
     --color-home-pink-background: #f6a0a3;
     --color-home-oat-background: #e0dedc
 }

 @media print {
     :root {
         --color-home-text-light-accent: #fff;
         --color-home-text-dark-accent: #6d6e6f;
         --color-home-text-dark-accent-strong: #1e1f21;
         --color-home-text-dark-accent-classic: #1e1f21;
         --color-home-icon-light-accent: #fff;
         --color-home-icon-dark-accent: #6d6e6f;
         --color-home-icon-dark-accent-strong: #1e1f21;
         --color-home-icon-dark-accent-classic: #6d6e6f;
         --color-home-background-light-accent: rgba(255, 255, 255, 0.12);
         --color-home-background-dark-accent: #f9f8f8;
         --color-home-background-weak-light-accent: rgba(255, 255, 255, 0.12);
         --color-home-background-weak-dark-accent: rgba(109, 110, 111, 0.15);
         --color-home-border-light-accent: rgba(255, 255, 255, 0.5);
         --color-home-border-dark-accent: #edeae9;
         --color-home-classic-background: #fff;
         --color-home-maroon-background: #5b073a;
         --color-home-orange-yellow-background: #e2a039;
         --color-home-yellow-green-background: #aecf55;
         --color-home-forest-background: #285b52;
         --color-home-blue-green-background: #36b8b1;
         --color-home-aqua-background: #a9dcd9;
         --color-home-blue-background: #4573d2;
         --color-home-purple-background: #938ce1;
         --color-home-pink-purple-background: #ad7cc4;
         --color-home-pink-background: #f6a0a3;
         --color-home-oat-background: #e0dedc
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-home-text-light-accent: #f5f4f3;
     --color-home-text-dark-accent: #a2a0a2;
     --color-home-text-dark-accent-strong: #1e1f21;
     --color-home-text-dark-accent-classic: #f5f4f3;
     --color-home-icon-light-accent: #f5f4f3;
     --color-home-icon-dark-accent: #a2a0a2;
     --color-home-icon-dark-accent-strong: #1e1f21;
     --color-home-icon-dark-accent-classic: #a2a0a2;
     --color-home-background-light-accent: rgba(255, 255, 255, 0.12);
     --color-home-background-dark-accent: #252628;
     --color-home-background-weak-light-accent: rgba(255, 255, 255, 0.12);
     --color-home-background-weak-dark-accent: rgba(255, 255, 255, 0.11);
     --color-home-border-light-accent: rgba(255, 255, 255, 0.5);
     --color-home-border-dark-accent: #424244;
     --color-home-classic-background: #1e1f21;
     --color-home-maroon-background: #5b073a;
     --color-home-orange-yellow-background: #e2a039;
     --color-home-yellow-green-background: #aecf55;
     --color-home-forest-background: #285b52;
     --color-home-blue-green-background: #36b8b1;
     --color-home-aqua-background: #a9dcd9;
     --color-home-blue-background: #4573d2;
     --color-home-purple-background: #938ce1;
     --color-home-pink-purple-background: #ad7cc4;
     --color-home-pink-background: #f6a0a3;
     --color-home-oat-background: #e0dedc
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-home-text-light-accent: #f5f4f3;
         --color-home-text-dark-accent: #a2a0a2;
         --color-home-text-dark-accent-strong: #1e1f21;
         --color-home-text-dark-accent-classic: #f5f4f3;
         --color-home-icon-light-accent: #f5f4f3;
         --color-home-icon-dark-accent: #a2a0a2;
         --color-home-icon-dark-accent-strong: #1e1f21;
         --color-home-icon-dark-accent-classic: #a2a0a2;
         --color-home-background-light-accent: rgba(255, 255, 255, 0.12);
         --color-home-background-dark-accent: #252628;
         --color-home-background-weak-light-accent: rgba(255, 255, 255, 0.12);
         --color-home-background-weak-dark-accent: rgba(255, 255, 255, 0.11);
         --color-home-border-light-accent: rgba(255, 255, 255, 0.5);
         --color-home-border-dark-accent: #424244;
         --color-home-classic-background: #1e1f21;
         --color-home-maroon-background: #5b073a;
         --color-home-orange-yellow-background: #e2a039;
         --color-home-yellow-green-background: #aecf55;
         --color-home-forest-background: #285b52;
         --color-home-blue-green-background: #36b8b1;
         --color-home-aqua-background: #a9dcd9;
         --color-home-blue-background: #4573d2;
         --color-home-purple-background: #938ce1;
         --color-home-pink-purple-background: #ad7cc4;
         --color-home-pink-background: #f6a0a3;
         --color-home-oat-background: #e0dedc
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-home-text-light-accent: #f5f4f3;
     --color-home-text-dark-accent: #a2a0a2;
     --color-home-text-dark-accent-strong: #1e1f21;
     --color-home-text-dark-accent-classic: #f5f4f3;
     --color-home-icon-light-accent: #f5f4f3;
     --color-home-icon-dark-accent: #a2a0a2;
     --color-home-icon-dark-accent-strong: #1e1f21;
     --color-home-icon-dark-accent-classic: #a2a0a2;
     --color-home-background-light-accent: rgba(255, 255, 255, 0.12);
     --color-home-background-dark-accent: #252628;
     --color-home-background-weak-light-accent: rgba(255, 255, 255, 0.12);
     --color-home-background-weak-dark-accent: rgba(255, 255, 255, 0.11);
     --color-home-border-light-accent: rgba(255, 255, 255, 0.5);
     --color-home-border-dark-accent: #424244;
     --color-home-classic-background: #1e1f21;
     --color-home-maroon-background: #5b073a;
     --color-home-orange-yellow-background: #e2a039;
     --color-home-yellow-green-background: #aecf55;
     --color-home-forest-background: #285b52;
     --color-home-blue-green-background: #36b8b1;
     --color-home-aqua-background: #a9dcd9;
     --color-home-blue-background: #4573d2;
     --color-home-purple-background: #938ce1;
     --color-home-pink-purple-background: #ad7cc4;
     --color-home-pink-background: #f6a0a3;
     --color-home-oat-background: #e0dedc;
     --color-home-text-light-accent: #f8f4f6;
     --color-home-text-dark-accent: #bb97a9;
     --color-home-text-dark-accent-classic: #f8f4f6;
     --color-home-icon-light-accent: #f8f4f6;
     --color-home-icon-dark-accent: #bb97a9;
     --color-home-icon-dark-accent-classic: #bb97a9;
     --color-home-background-dark-accent: #3e1930;
     --color-home-border-dark-accent: #5f2748
 }

 :root {
     --color-inverse-text: #f5f4f3;
     --color-inverse-text-disabled: #6a696a;
     --color-inverse-text-weak: #a2a0a2;
     --color-inverse-text-weak-hover: #f5f4f3;
     --color-inverse-text-strong: #fff;
     --color-inverse-icon: #a2a0a2;
     --color-inverse-icon-hover: #f5f4f3;
     --color-inverse-icon-weak-deprecated: #424244;
     --color-inverse-border: #424244;
     --color-inverse-border-hover: #6a696a;
     --color-inverse-border-active: #a2a0a2;
     --color-inverse-border-strong: #fff;
     --color-inverse-background-hover: rgba(255, 255, 255, 0.06);
     --color-inverse-background-hover-rgb: 255, 255, 255;
     --color-inverse-background-active: rgba(255, 255, 255, 0.11);
     --color-inverse-background-weak: #1e1f21;
     --color-inverse-background-medium: #252628;
     --color-inverse-background-strong: #2a2b2d;
     --color-inverse-dark-text: #1e1f21;
     --color-inverse-dark-text-disabled: #afabac;
     --color-inverse-dark-background-hover: rgba(55, 23, 23, 0.03);
     --color-inverse-dark-background-active: rgba(55, 23, 23, 0.05)
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-inverse-text: #f5f4f3;
     --color-inverse-text-disabled: #6a696a;
     --color-inverse-text-weak: #a2a0a2;
     --color-inverse-text-weak-hover: #f5f4f3;
     --color-inverse-text-strong: #fff;
     --color-inverse-icon: #a2a0a2;
     --color-inverse-icon-hover: #f5f4f3;
     --color-inverse-icon-weak-deprecated: #424244;
     --color-inverse-border: #424244;
     --color-inverse-border-hover: #6a696a;
     --color-inverse-border-active: #a2a0a2;
     --color-inverse-border-strong: #fff;
     --color-inverse-background-hover: rgba(255, 255, 255, 0.06);
     --color-inverse-background-hover-rgb: 255, 255, 255;
     --color-inverse-background-active: rgba(255, 255, 255, 0.11);
     --color-inverse-background-weak: #1e1f21;
     --color-inverse-background-medium: #252628;
     --color-inverse-background-strong: #2a2b2d;
     --color-inverse-dark-text: #1e1f21;
     --color-inverse-dark-text-disabled: #afabac;
     --color-inverse-dark-background-hover: rgba(55, 23, 23, 0.03);
     --color-inverse-dark-background-active: rgba(55, 23, 23, 0.05)
 }

 @media print {
     :root {
         --color-inverse-text: #f5f4f3;
         --color-inverse-text-disabled: #6a696a;
         --color-inverse-text-weak: #a2a0a2;
         --color-inverse-text-weak-hover: #f5f4f3;
         --color-inverse-text-strong: #fff;
         --color-inverse-icon: #a2a0a2;
         --color-inverse-icon-hover: #f5f4f3;
         --color-inverse-icon-weak-deprecated: #424244;
         --color-inverse-border: #424244;
         --color-inverse-border-hover: #6a696a;
         --color-inverse-border-active: #a2a0a2;
         --color-inverse-border-strong: #fff;
         --color-inverse-background-hover: rgba(255, 255, 255, 0.06);
         --color-inverse-background-hover-rgb: 255, 255, 255;
         --color-inverse-background-active: rgba(255, 255, 255, 0.11);
         --color-inverse-background-weak: #1e1f21;
         --color-inverse-background-medium: #252628;
         --color-inverse-background-strong: #2a2b2d;
         --color-inverse-dark-text: #1e1f21;
         --color-inverse-dark-text-disabled: #afabac;
         --color-inverse-dark-background-hover: rgba(55, 23, 23, 0.03);
         --color-inverse-dark-background-active: rgba(55, 23, 23, 0.05)
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-inverse-text: #f5f4f3;
     --color-inverse-text-disabled: #6a696a;
     --color-inverse-text-weak: #a2a0a2;
     --color-inverse-text-weak-hover: #f5f4f3;
     --color-inverse-text-strong: #fff;
     --color-inverse-icon: #a2a0a2;
     --color-inverse-icon-hover: #f5f4f3;
     --color-inverse-icon-weak-deprecated: #6a696a;
     --color-inverse-border: #424244;
     --color-inverse-border-hover: #6a696a;
     --color-inverse-border-active: #a2a0a2;
     --color-inverse-border-strong: #fff;
     --color-inverse-background-hover: rgba(255, 255, 255, 0.06);
     --color-inverse-background-hover-rgb: 255, 255, 255;
     --color-inverse-background-active: rgba(255, 255, 255, 0.11);
     --color-inverse-background-weak: #2e2e30;
     --color-inverse-background-medium: #363639;
     --color-inverse-background-strong: #424244;
     --color-inverse-dark-text: #1e1f21;
     --color-inverse-dark-text-disabled: #afabac;
     --color-inverse-dark-background-hover: rgba(55, 23, 23, 0.03);
     --color-inverse-dark-background-active: rgba(55, 23, 23, 0.05)
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-inverse-text: #f5f4f3;
         --color-inverse-text-disabled: #6a696a;
         --color-inverse-text-weak: #a2a0a2;
         --color-inverse-text-weak-hover: #f5f4f3;
         --color-inverse-text-strong: #fff;
         --color-inverse-icon: #a2a0a2;
         --color-inverse-icon-hover: #f5f4f3;
         --color-inverse-icon-weak-deprecated: #6a696a;
         --color-inverse-border: #424244;
         --color-inverse-border-hover: #6a696a;
         --color-inverse-border-active: #a2a0a2;
         --color-inverse-border-strong: #fff;
         --color-inverse-background-hover: rgba(255, 255, 255, 0.06);
         --color-inverse-background-hover-rgb: 255, 255, 255;
         --color-inverse-background-active: rgba(255, 255, 255, 0.11);
         --color-inverse-background-weak: #2e2e30;
         --color-inverse-background-medium: #363639;
         --color-inverse-background-strong: #424244;
         --color-inverse-dark-text: #1e1f21;
         --color-inverse-dark-text-disabled: #afabac;
         --color-inverse-dark-background-hover: rgba(55, 23, 23, 0.03);
         --color-inverse-dark-background-active: rgba(55, 23, 23, 0.05)
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-inverse-text: #f5f4f3;
     --color-inverse-text-disabled: #6a696a;
     --color-inverse-text-weak: #a2a0a2;
     --color-inverse-text-weak-hover: #f5f4f3;
     --color-inverse-text-strong: #fff;
     --color-inverse-icon: #a2a0a2;
     --color-inverse-icon-hover: #f5f4f3;
     --color-inverse-icon-weak-deprecated: #6a696a;
     --color-inverse-border: #424244;
     --color-inverse-border-hover: #6a696a;
     --color-inverse-border-active: #a2a0a2;
     --color-inverse-border-strong: #fff;
     --color-inverse-background-hover: rgba(255, 255, 255, 0.06);
     --color-inverse-background-hover-rgb: 255, 255, 255;
     --color-inverse-background-active: rgba(255, 255, 255, 0.11);
     --color-inverse-background-weak: #2e2e30;
     --color-inverse-background-medium: #363639;
     --color-inverse-background-strong: #424244;
     --color-inverse-dark-text: #1e1f21;
     --color-inverse-dark-text-disabled: #afabac;
     --color-inverse-dark-background-hover: rgba(55, 23, 23, 0.03);
     --color-inverse-dark-background-active: rgba(55, 23, 23, 0.05);
     --color-inverse-text: #f8f4f6;
     --color-inverse-text-weak: #bb97a9;
     --color-inverse-text-weak-hover: #f8f4f6;
     --color-inverse-text-strong: #f8f4f6;
     --color-inverse-icon: #bb97a9;
     --color-inverse-icon-hover: #f8f4f6;
     --color-inverse-icon-weak-deprecated: #5f2748;
     --color-inverse-border: #5f2748;
     --color-inverse-border-hover: #8f5977;
     --color-inverse-border-active: #bb97a9;
     --color-inverse-border-strong: #f8f4f6;
     --color-inverse-background-weak: #36172a;
     --color-inverse-background-medium: #3e1930;
     --color-inverse-background-strong: #461d36;
     --color-inverse-dark-text: #36172a
 }

 :root {
     --color-light-asset-background: #fff;
     --color-light-asset-text: #1e1f21
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-light-asset-background: #fff;
     --color-light-asset-text: #1e1f21
 }

 @media print {
     :root {
         --color-light-asset-background: #fff;
         --color-light-asset-text: #1e1f21
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-light-asset-background: #fff;
     --color-light-asset-text: #1e1f21
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-light-asset-background: #fff;
         --color-light-asset-text: #1e1f21
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-light-asset-background: #fff;
     --color-light-asset-text: #1e1f21;
     --color-light-asset-text: #36172a
 }

 :root {
     --color-modal-shroud: rgba(30, 31, 33, 0.75)
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-modal-shroud: rgba(30, 31, 33, 0.75)
 }

 @media print {
     :root {
         --color-modal-shroud: rgba(30, 31, 33, 0.75)
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-modal-shroud: rgba(66, 66, 68, 0.75)
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-modal-shroud: rgba(66, 66, 68, 0.75)
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-modal-shroud: rgba(66, 66, 68, 0.75);
     --color-modal-shroud: rgba(66, 66, 68, 0.75)
 }

 :root {
     --color-multi-color-icon-weak: #fff;
     --color-multi-color-icon-medium: rgba(255, 255, 255, 0.6);
     --color-multi-color-icon-strong: rgba(30, 31, 33, 0.75);
     --color-multi-color-icon-unselected-weak: #afabac;
     --color-multi-color-icon-unselected-medium: #6d6e6f;
     --color-multi-color-icon-unselected-strong: #1e1f21
 }

 :root .DesignTokenThemeDisablerInternal {
     --color-multi-color-icon-weak: #fff;
     --color-multi-color-icon-medium: rgba(255, 255, 255, 0.6);
     --color-multi-color-icon-strong: rgba(30, 31, 33, 0.75);
     --color-multi-color-icon-unselected-weak: #afabac;
     --color-multi-color-icon-unselected-medium: #6d6e6f;
     --color-multi-color-icon-unselected-strong: #1e1f21
 }

 @media print {
     :root {
         --color-multi-color-icon-weak: #fff;
         --color-multi-color-icon-medium: rgba(255, 255, 255, 0.6);
         --color-multi-color-icon-strong: rgba(30, 31, 33, 0.75);
         --color-multi-color-icon-unselected-weak: #afabac;
         --color-multi-color-icon-unselected-medium: #6d6e6f;
         --color-multi-color-icon-unselected-strong: #1e1f21
     }
 }

 :root .DesignTokenThemeSelectors-theme--darkMode {
     --color-multi-color-icon-weak: #f5f4f3;
     --color-multi-color-icon-medium: rgba(255, 255, 255, 0.6);
     --color-multi-color-icon-strong: rgba(30, 31, 33, 0.75);
     --color-multi-color-icon-unselected-weak: #a2a0a2;
     --color-multi-color-icon-unselected-medium: #6a696a;
     --color-multi-color-icon-unselected-strong: #424244
 }

 @media(prefers-color-scheme: dark) {
     :root .DesignTokenThemeSelectors-theme--systemDarkMode {
         --color-multi-color-icon-weak: #f5f4f3;
         --color-multi-color-icon-medium: rgba(255, 255, 255, 0.6);
         --color-multi-color-icon-strong: rgba(30, 31, 33, 0.75);
         --color-multi-color-icon-unselected-weak: #a2a0a2;
         --color-multi-color-icon-unselected-medium: #6a696a;
         --color-multi-color-icon-unselected-strong: #424244
     }
 }

 :root .DesignTokenThemeSelectors-theme--maroonMode {
     --color-multi-color-icon-weak: #f5f4f3;
     --color-multi-color-icon-medium: rgba(255, 255, 255, 0.6);
     --color-multi-color-icon-strong: rgba(30, 31, 33, 0.75);
     --color-multi-color-icon-unselected-weak: #a2a0a2;
     --color-multi-color-icon-unselected-medium: #6a696a;
     --color-multi-color-icon-unselected-strong: #424244;
     --color-multi-color-icon-weak: #f8f4f6;
     --color-multi-color-icon-strong: rgba(54, 23, 42, 0.75);
     --color-multi-color-icon-unselected-weak: #bb97a9;
     --color-multi-color-icon-unselected-medium: #8f5977;
     --color-multi-color-icon-unselected-strong: #5f2748
 }

 .ScreenReaderOnly {
     clip: rect(1px, 1px, 1px, 1px);
     height: 1px;
     overflow: hidden;
     position: absolute;
     width: 1px
 }

 .CustomScrollbarScrollable {
     flex: 1 1 auto;
     min-height: 1px;
     overflow: hidden;
     position: relative
 }

 .CustomScrollbarScrollable-scrollable {
     bottom: 0;
     left: 0;
     -ms-overflow-style: none;
     overflow-x: hidden;
     overflow-y: auto;
     position: absolute;
     top: 0;
     width: 125%
 }

 .CustomScrollbarScrollable-scrollable::-webkit-scrollbar {
     display: none
 }

 .CustomScrollbarScrollable-content {
     width: 80%
 }

 .CustomScrollbarScrollable-shadow {
     display: none
 }

 .CustomScrollbarScrollable-track {
     display: block;
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
     width: 6px
 }

 .CustomScrollbarScrollable-thumb {
     background-color: var(--color-inverse-icon);
     border-radius: 25px;
     position: absolute;
     width: 100%
 }

 .DragScrollListener--canDrag {
     cursor: move;
     cursor: -webkit-grab;
     cursor: grab
 }

 .DragScrollListener--dragging,
 .DragScrollListener--dragging * {
     cursor: move;
     cursor: -webkit-grabbing;
     cursor: grabbing
 }

 .DragScrollListener textarea,
 .DragScrollListener select,
 .DragScrollListener input,
 .DragScrollListener [contenteditable],
 .DragScrollListener .LayerPositioner {
     cursor: auto
 }

 .DynamicBorderScrollable {
     min-height: 1px;
     position: relative
 }

 .DynamicBorderScrollable-content {
     position: relative
 }

 .DynamicBorderScrollable::before {
     content: "";
     height: 100%;
     left: 0;
     pointer-events: none;
     position: absolute;
     top: 0;
     transition: box-shadow 250ms;
     width: 100%;
     z-index: 100
 }

 .DynamicBorderScrollable--canScrollUp::before {
     box-shadow: var(--color-box-shadow-top-small-inset)
 }

 .DynamicBorderScrollable--canScrollDown::before {
     box-shadow: var(--color-box-shadow-bottom-small-inset)
 }

 .DynamicBorderScrollable--canScrollDown.DynamicBorderScrollable--canScrollUp::before {
     box-shadow: var(--color-box-shadow-bottom-small-inset), var(--color-box-shadow-top-small-inset)
 }

 .ResizeListener,
 .ResizeListener-expand,
 .ResizeListener-shrink {
     bottom: 0;
     left: 0;
     overflow: hidden;
     pointer-events: none;
     position: absolute;
     right: 0;
     top: 0;
     visibility: hidden
 }

 .ResizeListener-expandChild,
 .ResizeListener-shrinkChild {
     left: 0;
     position: absolute;
     top: 0
 }

 .ResizeListener-expandChild {
     height: 99999px;
     width: 99999px
 }

 .ResizeListener-shrinkChild {
     height: 200%;
     width: 200%
 }

 .Scrollable--withCompositingLayer {
     will-change: transform
 }

 .Scrollable--vertical {
     min-height: 1px;
     overflow-y: auto
 }

 .Scrollable--verticalForceScrollbar {
     overflow-y: scroll
 }

 .Scrollable--horizontal {
     min-width: 1px;
     overflow-x: auto
 }

 .Scrollable--horizontalForceScrollbar {
     overflow-x: scroll
 }

 .Scrollable--both {
     min-height: 1px;
     min-width: 1px;
     overflow: auto
 }

 .Scrollable--bothForceScrollbar {
     overflow: auto
 }

 .ScrollbarSizeReference {
     height: 100px;
     left: -100px;
     overflow: scroll;
     pointer-events: none;
     position: absolute;
     top: 0;
     visibility: hidden;
     width: 100px
 }

 .StickinessListener {
     position: absolute
 }

 .DesignTokenThemeDisabler {
     color: var(--color-text)
 }

 .LayerPositioner {
     align-items: flex-start;
     display: flex;
     font-size: 14px;
     height: 0;
     position: fixed;
     width: 100vw
 }

 .LayerPositioner.LayerPositioner {
     z-index: 10000
 }

 .LayerPositioner.LayerPositioner--left,
 .LayerPositioner.LayerPositioner--alignRight {
     justify-content: flex-end;
     margin-left: -100vw
 }

 .LayerPositioner.LayerPositioner--alignCenter {
     justify-content: center;
     margin-left: -50vw
 }

 .LayerPositioner.LayerPositioner--alignMiddle {
     align-items: center
 }

 .LayerPositioner-layer {
     pointer-events: none;
     position: relative
 }

 .LayerPositioner--above .LayerPositioner-layer,
 .LayerPositioner--alignBottom .LayerPositioner-layer {
     transform: translateY(-100%)
 }

 .LayerPositioner-layer>* {
     pointer-events: auto
 }

 .LayerPositioner--animatePositionChanges {
     transition-duration: 200ms;
     transition-property: top, left
 }

 @-webkit-keyframes animation-opacity1 {
     0% {
         opacity: 1
     }

     100% {
         opacity: 1
     }
 }

 @keyframes animation-opacity1 {
     0% {
         opacity: 1
     }

     100% {
         opacity: 1
     }
 }

 @-webkit-keyframes animation-opacity0 {
     0% {
         opacity: 0
     }

     100% {
         opacity: 0
     }
 }

 @keyframes animation-opacity0 {
     0% {
         opacity: 0
     }

     100% {
         opacity: 0
     }
 }

 @-webkit-keyframes animation-fadeIn {
     0% {
         opacity: 0
     }

     100% {
         opacity: 1
     }
 }

 @keyframes animation-fadeIn {
     0% {
         opacity: 0
     }

     100% {
         opacity: 1
     }
 }

 @-webkit-keyframes animation-fadeOut {
     0% {
         opacity: 1
     }

     100% {
         opacity: 0
     }
 }

 @keyframes animation-fadeOut {
     0% {
         opacity: 1
     }

     100% {
         opacity: 0
     }
 }

 body {
     margin: 0
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 section,
 summary {
     display: block
 }

 audio,
 canvas,
 progress,
 video {
     display: inline-block;
     vertical-align: baseline
 }

 audio:not([controls]) {
     display: none;
     height: 0
 }

 [hidden],
 template {
     display: none
 }

 a {
     background-color: transparent
 }

 a:active,
 a:hover {
     outline: 0
 }

 abbr[title] {
     border-bottom: 1px dotted
 }

 b,
 strong {
     font-weight: bold
 }

 dfn {
     font-style: italic
 }

 h1 {
     font-size: 2em
 }

 small {
     font-size: 80%
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline
 }

 sup {
     top: -0.5em
 }

 sub {
     bottom: -0.25em
 }

 img {
     border: 0
 }

 svg:not(:root) {
     overflow: hidden
 }

 hr {
     box-sizing: content-box;
     height: 0
 }

 pre {
     overflow: auto
 }

 code,
 kbd,
 pre,
 samp {
     font-family: monospace;
     font-size: 1em
 }

 button,
 input,
 optgroup,
 select,
 textarea {
     color: inherit;
     font: inherit;
     margin: 0
 }

 button {
     overflow: visible
 }

 button,
 select {
     text-transform: none
 }

 button,
 input[type=reset],
 input[type=submit] {
     cursor: pointer
 }

 button[disabled],
 html input[disabled] {
     cursor: default
 }

 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0
 }

 input {
     line-height: normal
 }

 input[type=checkbox],
 input[type=radio] {
     box-sizing: border-box;
     padding: 0
 }

 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
     height: auto
 }

 ::-moz-placeholder {
     opacity: 1
 }

 legend {
     border: 0;
     padding: 0
 }

 textarea {
     overflow: auto
 }

 optgroup {
     font-weight: bold
 }

 table {
     border-collapse: collapse;
     border-spacing: 0
 }

 td,
 th {
     padding: 0
 }

 html,
 body {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     line-height: normal
 }

 blockquote,
 dl,
 dd,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 figure,
 p,
 pre {
     margin: 0
 }

 button {
     background: transparent;
     border: 0;
     padding: 0
 }

 fieldset {
     border: 0;
     margin: 0;
     padding: 0
 }

 iframe {
     border: 0
 }

 ol,
 ul {
     list-style: none;
     margin: 0;
     padding: 0
 }

 [tabindex="-1"]:focus {
     outline: none
 }

 a {
     color: var(--color-text);
     cursor: pointer;
     text-decoration: none
 }

 a:active,
 a:hover {
     color: var(--color-text);
     text-decoration: none
 }

 .Tooltip {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     max-width: 174px;
     display: flex;
     position: relative
 }

 .Tooltip--tooltipAbove {
     flex-direction: column;
     padding-bottom: 10px
 }

 .Tooltip--tooltipRight {
     flex-direction: row-reverse;
     padding-left: 10px
 }

 .Tooltip--tooltipBelow {
     flex-direction: column-reverse;
     padding-top: 10px
 }

 .Tooltip--tooltipLeft {
     flex-direction: row;
     padding-right: 10px
 }

 .Tooltip-body {
     background: var(--color-inverse-background-strong);
     border-radius: 4px;
     box-shadow: var(--color-box-shadow-small);
     box-sizing: border-box;
     color: var(--color-inverse-text);
     flex-grow: 1;
     max-width: 100%;
     overflow-wrap: break-word;
     padding: 8px 12px
 }

 .Tooltip-caretPositioner {
     display: flex;
     justify-content: center;
     position: relative
 }

 .Tooltip--alignMiddle>.Tooltip-caretPositioner {
     align-self: center
 }

 .Tooltip--alignEnd>.Tooltip-caretPositioner {
     align-self: flex-end
 }

 .Tooltip--tooltipAbove>.Tooltip-caretPositioner,
 .Tooltip--tooltipBelow>.Tooltip-caretPositioner {
     height: 6px;
     margin: 0 16px;
     width: 15px
 }

 .Tooltip--tooltipLeft>.Tooltip-caretPositioner,
 .Tooltip--tooltipRight>.Tooltip-caretPositioner {
     height: 15px;
     margin: 8px 0;
     width: 6px
 }

 .Tooltip--tooltipAbove>.Tooltip-caretPositioner {
     margin-bottom: -6px
 }

 .Tooltip--tooltipBelow>.Tooltip-caretPositioner {
     margin-top: -6px
 }

 .Tooltip--tooltipLeft>.Tooltip-caretPositioner {
     margin-right: -6px
 }

 .Tooltip--tooltipRight>.Tooltip-caretPositioner {
     margin-left: -6px
 }

 .Tooltip-caret {
     position: absolute
 }

 .Tooltip-caret::before {
     background: var(--color-inverse-background-strong);
     box-sizing: border-box;
     content: "";
     display: block;
     height: 14px;
     transform: rotate(45deg);
     width: 14px
 }

 .Tooltip--tooltipAbove .Tooltip-caret {
     bottom: 0;
     clip: rect(7px 17px 17px -3px)
 }

 .Tooltip--tooltipBelow .Tooltip-caret {
     clip: rect(-3px 17px 7px -3px);
     top: 0
 }

 .Tooltip--tooltipLeft .Tooltip-caret {
     clip: rect(-3px 17px 17px 7px);
     right: 0
 }

 .Tooltip--tooltipRight .Tooltip-caret {
     clip: rect(-3px 7px 17px -3px);
     left: 0
 }

 .Icon {
     flex: 0 0 auto;
     height: 16px;
     width: 16px
 }

 .Icon.Icon--small {
     height: 16px;
     width: 16px
 }

 .Icon.Icon--large {
     height: 32px;
     width: 32px
 }

 .MiniIcon {
     flex: 0 0 auto;
     height: 12px;
     width: 12px
 }

 .MiniIcon.MiniIcon--small {
     height: 12px;
     width: 12px
 }

 .MiniIcon.MiniIcon--large {
     height: 24px;
     width: 24px
 }

 .NavIcon {
     height: 20px;
     width: 20px
 }

 .CompoundIcon {
     display: block;
     stroke-width: 2px
 }

 .CompoundIcon.CompoundIcon--xsmall {
     height: 12px;
     min-height: 12px;
     min-width: 12px;
     width: 12px
 }

 .CompoundIcon.CompoundIcon--small {
     height: 16px;
     min-height: 16px;
     min-width: 16px;
     width: 16px
 }

 .CompoundIcon.CompoundIcon--medium {
     height: 24px;
     min-height: 24px;
     min-width: 24px;
     width: 24px
 }

 .CompoundIcon.CompoundIcon--large {
     height: 32px;
     min-height: 32px;
     min-width: 32px;
     width: 32px
 }

 .SwitchPresentation {
     background: var(--color-button-switch-background);
     border: 1px solid var(--color-button-switch-background);
     cursor: pointer;
     display: inline-flex;
     overflow: hidden;
     position: relative;
     transition: background .2s, border-color .2s;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .SwitchPresentation:not(.SwitchPresentation--disabled):hover {
     background: var(--color-button-switch-background-hover);
     border-color: var(--color-button-switch-background-hover)
 }

 .SwitchPresentation.SwitchPresentation--checked {
     background: var(--color-selected-background-strong);
     border-color: var(--color-selected-background-strong)
 }

 .SwitchPresentation.SwitchPresentation--checked:not(.SwitchPresentation--disabled):hover {
     background: var(--color-selected-background-strong-hover);
     border-color: var(--color-selected-background-strong-hover)
 }

 .SwitchPresentation.SwitchPresentation--checked:not(.SwitchPresentation--disabled):active {
     background: var(--color-selected-background-strong-active);
     border-color: var(--color-selected-background-strong-active)
 }

 .SwitchPresentation.SwitchPresentation--disabled {
     background: var(--color-button-switch-background-disabled);
     border-color: var(--color-button-switch-background-disabled);
     cursor: default
 }

 .SwitchPresentation.SwitchPresentation--small.SwitchPresentation {
     border-radius: 10px;
     height: 10px;
     padding: 1px;
     width: 20px
 }

 .SwitchPresentation.SwitchPresentation--small.SwitchPresentation::before {
     height: 10px;
     left: 0;
     width: 10px
 }

 .SwitchPresentation.SwitchPresentation--small.SwitchPresentation.SwitchPresentation--checked::before {
     left: 10px
 }

 .SwitchPresentation.SwitchPresentation--medium.SwitchPresentation {
     border-radius: 15px;
     height: 15px;
     padding: 2px;
     width: 30px
 }

 .SwitchPresentation.SwitchPresentation--medium.SwitchPresentation::before {
     height: 15px;
     left: 0;
     width: 15px
 }

 .SwitchPresentation.SwitchPresentation--medium.SwitchPresentation.SwitchPresentation--checked::before {
     left: 15px
 }

 .SwitchPresentation.SwitchPresentation--large.SwitchPresentation {
     border-radius: 20px;
     height: 20px;
     padding: 3px;
     width: 40px
 }

 .SwitchPresentation.SwitchPresentation--large.SwitchPresentation::before {
     height: 20px;
     left: 0;
     width: 20px
 }

 .SwitchPresentation.SwitchPresentation--large.SwitchPresentation.SwitchPresentation--checked::before {
     left: 20px
 }

 .SwitchPresentation::before {
     background: var(--color-button-switch-icon);
     border-radius: 50%;
     content: "";
     display: block;
     position: relative;
     transition: left .2s
 }

 .SwitchPresentation.SwitchPresentation--disabled::before {
     background: var(--color-button-switch-icon-disabled)
 }

 .CheckableInputRowStructure {
     display: flex
 }

 .CheckableInputRowStructure--top {
     align-items: baseline
 }

 .CheckableInputRowStructure--center {
     align-items: center
 }

 .CheckableInputRowStructure-input {
     flex-shrink: 0
 }

 .CheckableInputRowStructure-label {
     flex-shrink: 1;
     min-width: 1px;
     padding-left: 8px
 }

 .Checkbox {
     height: 12px;
     width: 12px;
     cursor: pointer
 }

 .CheckboxWithLabel-input--alignTop {
     transform: translateY(1px)
 }

 .CheckboxWithLabel-label--enabled {
     cursor: pointer
 }

 .CheckboxWithLabel-label--disabled {
     color: var(--color-text-disabled)
 }

 .Radio {
     cursor: pointer
 }

 .RadioOrCheckboxGroup-title {
     margin-bottom: 8px
 }

 .RadioOrCheckboxGroup-rowWrapper+.RadioOrCheckboxGroup-rowWrapper {
     margin-top: 16px
 }

 .RadioWithLabel-input--alignTop {
     transform: translateY(1px)
 }

 .RadioWithLabel-label--enabled {
     cursor: pointer
 }

 .RadioWithLabel-label--disabled {
     color: var(--color-text-disabled)
 }

 .Switch {
     cursor: pointer
 }

 .Switch.Switch--disabled {
     cursor: default
 }

 .SwitchWithLabel-label--disabled {
     color: var(--color-text-disabled)
 }

 .LoadingIndicator {
     -webkit-animation: animation-fadeIn .5s linear;
     animation: animation-fadeIn .5s linear;
     overflow: hidden
 }

 .LoadingIndicator--small {
     height: 16px;
     width: 16px
 }

 .LoadingIndicator--medium {
     height: 32px;
     margin: 4px auto;
     width: 32px
 }

 .LoadingIndicator-circle {
     -webkit-animation: LoadingIndicator-rotation .67s linear infinite;
     animation: LoadingIndicator-rotation .67s linear infinite;
     background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+CjxsaW5lYXJHcmFkaWVudCBpZD0nRmFzdExvYWRpbmdJbmRpY2F0b3ItbGluZWFyR3JhZGllbnQnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJyB4MT0nMy41NDQ5JyB5MT0nMTYnIHgyPScyOC4zODg4JyB5Mj0nMTYnPgo8c3RvcCBvZmZzZXQ9JzAuNDE2OScgc3RvcC1jb2xvcj0nIzlDQTZBRicvPgo8c3RvcCBvZmZzZXQ9JzAuOTM3Nicgc3RvcC1jb2xvcj0ncmdiYSgyNDYsMjQ4LDI0OSwwKScvPgo8L2xpbmVhckdyYWRpZW50Pgo8Y2lyY2xlIGN4PScxNicgY3k9JzE2JyByPScxMScgc3R5bGU9J2ZpbGw6IG5vbmU7IHN0cm9rZTogdXJsKCNGYXN0TG9hZGluZ0luZGljYXRvci1saW5lYXJHcmFkaWVudCk7IHN0cm9rZS13aWR0aDogMjsnPjwvY2lyY2xlPjwvc3ZnPg==");
     height: 100%;
     width: 100%
 }

 .LoadingIndicator-circle.LoadingIndicator-circle--inverse {
     background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+CiAgPGxpbmVhckdyYWRpZW50IGlkPSdGYXN0TG9hZGluZ0luZGljYXRvci1saW5lYXJHcmFkaWVudCcgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnIHgxPSczLjU0NDknIHkxPScxNicgeDI9JzI4LjM4ODgnIHkyPScxNic+CiAgICA8c3RvcCBvZmZzZXQ9JzAuNDE2OScgc3RvcC1jb2xvcj0ncmdiYSgyNTYsMjU2LDI1NiwwLjg4KScvPgogICAgPHN0b3Agb2Zmc2V0PScwLjkzNzYnIHN0b3AtY29sb3I9J3JnYmEoMjU2LDI1NiwyNTYsMCknLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxjaXJjbGUgY3g9JzE2JyBjeT0nMTYnIHI9JzExJyBzdHlsZT0nZmlsbDogbm9uZTsgc3Ryb2tlOiB1cmwoI0Zhc3RMb2FkaW5nSW5kaWNhdG9yLWxpbmVhckdyYWRpZW50KTsgc3Ryb2tlLXdpZHRoOiAyOyc+PC9jaXJjbGU+Cjwvc3ZnPg==")
 }

 @-webkit-keyframes LoadingIndicator-rotation {
     from {
         transform: rotate(0deg)
     }

     to {
         transform: rotate(360deg)
     }
 }

 @keyframes LoadingIndicator-rotation {
     from {
         transform: rotate(0deg)
     }

     to {
         transform: rotate(360deg)
     }
 }

 .Dropdown {
     background: var(--color-background-weak);
     border-radius: 4px;
     box-shadow: var(--color-elevation-large);
     box-sizing: border-box;
     margin-top: 2px
 }

 .StaticMenuItem-selectedIcon {
     flex-shrink: 0;
     height: 12px;
     margin-left: -16px;
     margin-right: 4px;
     width: 12px
 }

 .StaticMenuItem-label {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .StaticMenuItem-itemIcon {
     fill: var(--color-icon);
     height: 16px;
     margin-right: 8px;
     width: 16px
 }

 .StaticMenuItem-itemIcon.is-disabled {
     fill: inherit
 }

 .Menu {
     font-size: 14px;
     max-width: 500px;
     min-width: 185px;
     padding: 4px 0
 }

 .Popover-body>.Menu {
     margin: -16px
 }

 .DropdownMenuButtonWithBoundary-dropdown--isLoading {
     min-width: 185px
 }

 .CheckableInputRowMenuItem {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%
 }

 .DropdownItem {
     cursor: pointer;
     position: relative
 }

 .DropdownItem.is-highlighted {
     background: var(--color-background-hover)
 }

 .DropdownItem .DropdownItem-menuItem {
     padding-right: 36px
 }

 .DropdownItem-disclosureIcon {
     fill: var(--color-icon-strong);
     pointer-events: none;
     position: absolute;
     right: 8px;
     top: 50%;
     transform: translateY(-50%)
 }

 .DropdownItem-dropdown {
     transform: translateY(-5px)
 }

 .StaticMenuItemBase-button {
     align-items: center;
     color: var(--color-text);
     display: flex;
     height: 36px;
     padding: 0 12px;
     position: relative;
     fill: var(--color-icon)
 }

 .StaticMenuItemBase-button:hover {
     color: var(--color-text);
     text-decoration: none
 }

 .StaticMenuItemBase-button.is-highlighted {
     background-color: var(--color-background-hover)
 }

 .StaticMenuItemBase-button.StaticMenuItemBase--medium {
     height: 36px
 }

 .StaticMenuItemBase-button.StaticMenuItemBase--large {
     height: 48px
 }

 .StaticMenuItemBase-button.StaticMenuItemBase--flexible {
     height: auto
 }

 .Menu--select .StaticMenuItemBase-button {
     padding-left: 36px
 }

 .StaticMenuItemBase-button.StaticMenuItemBase--dangerous {
     color: var(--color-danger-text);
     fill: var(--color-danger-icon)
 }

 .StaticMenuItemBase-button.StaticMenuItemBase--dangerous:hover {
     color: var(--color-danger-text-hover);
     fill: var(--color-danger-icon-hover)
 }

 .StaticMenuItemBase--select {
     padding-left: 36px
 }

 .StaticMenuItemBase--disabled {
     color: var(--color-text-disabled);
     fill: var(--color-icon-disabled)
 }

 .StaticMenuItemBase--disabled.is-highlighted,
 .StaticMenuItemBase--disabled:hover {
     background: var(--color-background-weak);
     color: var(--color-text-disabled);
     cursor: default;
     fill: var(--color-icon-disabled)
 }

 .MenuItemWithDescription {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px
 }

 .MenuItemWithDescription.StaticMenuItemBase-button {
     align-items: baseline
 }

 .MenuItemWithDescription-description {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     color: var(--color-text-weak)
 }

 .MenuItemWithDescription-text {
     flex-direction: column;
     margin: 8px 0;
     white-space: normal
 }

 .MenuItemWithDescription-isDisabled {
     color: var(--color-text-disabled)
 }

 .MenuItemWithDescription-isDisabled:hover {
     background: var(--color-background-weak);
     color: var(--color-text-disabled);
     cursor: default
 }

 .MenuItem-selectedIcon {
     fill: var(--color-icon);
     flex-shrink: 0;
     height: 12px;
     margin-left: -24px;
     margin-right: 12px;
     width: 12px
 }

 .MenuItem-label {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .MenuItem-itemIcon {
     fill: inherit;
     height: 16px;
     margin-right: 8px;
     width: 16px
 }

 .MenuItemBase {
     cursor: pointer
 }

 .MenuItemWithSwitch>.MenuItem-label {
     width: 100%
 }

 .MenuItemWithSwitch-menuItemLabel {
     align-items: center;
     display: flex
 }

 .MenuItemWithSwitch-label {
     margin-right: 16px;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .MenuItemWithSwitch-switch {
     flex-shrink: 0;
     margin-left: auto
 }

 .PremiumIconItem>.MenuItem-label {
     width: 100%
 }

 .PremiumIconItem-icon {
     fill: var(--color-upsell-icon);
     margin-left: 4px
 }

 .PremiumIconItem-label {
     align-items: center;
     display: flex;
     justify-content: space-between
 }

 .PremiumIconItemWithDescription>.MenuItem-label {
     width: 100%
 }

 .PremiumIconItemWithDescription-icon {
     fill: var(--color-upsell-icon);
     margin-left: 4px
 }

 .PremiumIconItemWithDescription-label {
     align-items: center;
     display: flex;
     justify-content: space-between
 }

 .MenuScrollableSection {
     margin: -4px 0;
     padding: 4px 0
 }

 .MenuScrollableSection--medium {
     max-height: 158px
 }

 .MenuScrollableSection--large {
     max-height: 212px
 }

 .MenuSectionLabel {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     color: var(--color-text-weak);
     font-weight: 500;
     margin-bottom: 4px;
     overflow: hidden;
     padding: 8px 12px 0;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .Menu--select .MenuSectionLabel {
     padding-left: 36px
 }

 .MenuSectionLabel--select {
     padding-left: 36px
 }

 .MenuSeparator {
     border-top: 1px solid var(--color-border);
     margin: 4px 0
 }

 .BaseLink:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active)
 }

 .BaseLink:focus:not(:focus-visible) {
     outline: none
 }

 .DangerLink {
     cursor: pointer;
     color: var(--color-danger-text);
     fill: var(--color-danger-text)
 }

 .DangerLink:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .DangerLink:focus:not(:focus-visible) {
     outline: none
 }

 .DangerLink:active {
     color: var(--color-danger-text-hover);
     fill: var(--color-danger-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .DangerLink:hover {
     color: var(--color-danger-text-hover);
     fill: var(--color-danger-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .PrimaryLink {
     cursor: pointer;
     color: var(--color-primary-text);
     fill: var(--color-primary-text)
 }

 .PrimaryLink:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .PrimaryLink:focus:not(:focus-visible) {
     outline: none
 }

 .PrimaryLink:active {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .PrimaryLink:hover {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .DeprecatedAnchor {
     cursor: pointer;
     color: var(--color-primary-text);
     fill: var(--color-primary-text)
 }

 .DeprecatedAnchor:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .DeprecatedAnchor:focus:not(:focus-visible) {
     outline: none
 }

 .DeprecatedAnchor:active {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .DeprecatedAnchor:hover {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .HiddenLink {
     cursor: pointer;
     color: inherit;
     fill: inherit
 }

 .HiddenLink:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .HiddenLink:focus:not(:focus-visible) {
     outline: none
 }

 .HiddenLink:active {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover)
 }

 .HiddenLink:hover {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover)
 }

 .HiddenNavigationLink {
     cursor: pointer;
     color: inherit;
     fill: inherit
 }

 .HiddenNavigationLink:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .HiddenNavigationLink:focus:not(:focus-visible) {
     outline: none
 }

 .HiddenNavigationLink:active {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover)
 }

 .HiddenNavigationLink:hover {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover)
 }

 .InverseLink {
     cursor: pointer;
     color: #fff;
     fill: #fff;
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .InverseLink:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .InverseLink:focus:not(:focus-visible) {
     outline: none
 }

 .InverseLink:active {
     color: rgba(255, 255, 255, .8);
     fill: rgba(255, 255, 255, .8);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .InverseLink:hover {
     color: rgba(255, 255, 255, .85);
     fill: rgba(255, 255, 255, .85);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .InverseNavigationLink {
     cursor: pointer;
     color: #fff;
     fill: #fff;
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .InverseNavigationLink:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .InverseNavigationLink:focus:not(:focus-visible) {
     outline: none
 }

 .InverseNavigationLink:active {
     color: rgba(255, 255, 255, .8);
     fill: rgba(255, 255, 255, .8);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .InverseNavigationLink:hover {
     color: rgba(255, 255, 255, .85);
     fill: rgba(255, 255, 255, .85);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .PrimaryNavigationLink {
     cursor: pointer;
     color: var(--color-primary-text);
     fill: var(--color-primary-text)
 }

 .PrimaryNavigationLink:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .PrimaryNavigationLink:focus:not(:focus-visible) {
     outline: none
 }

 .PrimaryNavigationLink:active {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .PrimaryNavigationLink:hover {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .SecondaryLink {
     cursor: pointer;
     color: var(--color-text-weak);
     fill: var(--color-text-weak);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .SecondaryLink:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .SecondaryLink:focus:not(:focus-visible) {
     outline: none
 }

 .SecondaryLink:active {
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .SecondaryLink:hover {
     color: var(--color-text);
     fill: var(--color-text);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .SecondaryNavigationLink {
     cursor: pointer;
     color: var(--color-text-weak);
     fill: var(--color-text-weak);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .SecondaryNavigationLink:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .SecondaryNavigationLink:focus:not(:focus-visible) {
     outline: none
 }

 .SecondaryNavigationLink:active {
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .SecondaryNavigationLink:hover {
     color: var(--color-text);
     fill: var(--color-text);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .UpsellLink {
     cursor: pointer;
     color: var(--color-upsell-text);
     fill: var(--color-upsell-text);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .UpsellLink:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .UpsellLink:focus:not(:focus-visible) {
     outline: none
 }

 .UpsellLink:active {
     color: var(--color-upsell-text-hover);
     fill: var(--color-upsell-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .UpsellLink:hover {
     color: var(--color-upsell-text-hover);
     fill: var(--color-upsell-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .MarkText {
     background-color: transparent
 }

 .Typography {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif
 }

 .Typography:focus {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .Typography--colorDarkGray3 {
     color: var(--color-text)
 }

 .Typography--colorDarkGray2 {
     color: var(--color-text)
 }

 .Typography--colorDarkGray1 {
     color: var(--color-text-weak)
 }

 .Typography--colorLightGray3 {
     color: var(--color-deprecated-lightGray3)
 }

 .Typography--colorLightGray2 {
     color: var(--color-deprecated-lightGray2)
 }

 .Typography--colorLightGray1 {
     color: var(--color-deprecated-lightGray1)
 }

 .Typography--colorWhite {
     color: var(--color-text-foreground)
 }

 .Typography--colorDefault {
     color: var(--color-text)
 }

 .Typography--colorWeak {
     color: var(--color-text-weak)
 }

 .Typography--colorDisabled {
     color: var(--color-text-disabled)
 }

 .Typography--colorForeground {
     color: var(--color-text-foreground)
 }

 .Typography--colorLightAsset {
     color: var(--color-light-asset-text)
 }

 .Typography--colorSuccess {
     color: var(--color-success-text)
 }

 .Typography--colorSuccessStrong {
     color: var(--color-success-text-strong)
 }

 .Typography--colorDanger {
     color: var(--color-danger-text)
 }

 .Typography--colorDangerStrong {
     color: var(--color-danger-text-strong)
 }

 .Typography--colorWarning {
     color: var(--color-warning-text)
 }

 .Typography--colorWarningStrong {
     color: var(--color-warning-text-strong)
 }

 .Typography--colorUpsell {
     color: var(--color-upsell-text)
 }

 .Typography--colorUpsellStrong {
     color: var(--color-upsell-text-strong)
 }

 .Typography--colorSelected {
     color: var(--color-selected-text)
 }

 .Typography--colorSelectedStrong {
     color: var(--color-selected-text-strong)
 }

 .Typography--colorBeta {
     color: var(--color-beta-text)
 }

 .Typography--colorBetaStrong {
     color: var(--color-beta-text-strong)
 }

 .Typography--colorPrimary {
     color: var(--color-primary-text)
 }

 .Typography--colorPrimaryStrong {
     color: var(--color-primary-text-strong)
 }

 .Typography--colorOnHold {
     color: var(--color-on-hold-text)
 }

 .Typography--colorOnHoldStrong {
     color: var(--color-on-hold-text-strong)
 }

 .Typography--colorInverse {
     color: var(--color-inverse-text)
 }

 .Typography--colorInverseWeak {
     color: var(--color-inverse-text-weak)
 }

 .Typography--colorInverseDisabled {
     color: var(--color-inverse-text-disabled)
 }

 .Typography--fontWeightLight {
     font-weight: 300
 }

 .Typography--fontWeightNormal {
     font-weight: 400
 }

 .Typography--fontWeightMedium {
     font-weight: 500
 }

 .Typography--fontWeightBold {
     font-weight: 700
 }

 .Typography--textAlignCenter {
     text-align: center
 }

 .Typography--textAlignLeft {
     text-align: left
 }

 .Typography--textAlignRight {
     text-align: right
 }

 .Typography--overflowWrap {
     overflow-wrap: anywhere;
     word-break: break-word
 }

 .Typography--overflowTruncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .Typography--h1.Typography {
     font-size: 48px;
     line-height: 56px
 }

 .Typography--h2.Typography {
     font-size: 32px;
     line-height: 40px
 }

 .Typography--h3.Typography {
     font-size: 21px;
     line-height: 24px;
     padding: 0 32rem;
 }
 div#tx_nmbr {
    width: 100%;
    border: none;
}

 .Typography--h4.Typography {
     font-size: 20px;
     line-height: 28px
 }

 .Typography--h5.Typography {
     font-size: 16px;
     line-height: 20px
 }

 .Typography--h6.Typography {
     font-size: 14px;
     line-height: 20px
 }

 .Typography--s.Typography {
     font-size: 12px;
     line-height: 18px
 }

 .Typography--m.Typography {
     font-size: 14px;
     line-height: 22px
 }

 .Typography--l.Typography {
     font-size: 16px;
     line-height: 24px
 }

 .Typography--xl.Typography {
     font-size: 20px;
     line-height: 28px
 }

 @-webkit-keyframes animation-shimmering {
     0% {
         background-position: -300px 0
     }

     100% {
         background-position: 800px 0
     }
 }

 @keyframes animation-shimmering {
     0% {
         background-position: -300px 0
     }

     100% {
         background-position: 800px 0
     }
 }

 .ThemeableRectangularButton {
     align-items: center;
     border: 1px solid;
     border-radius: 6px;
     box-sizing: border-box;
     display: inline-flex;
     flex-shrink: 0;
     justify-content: center;
     overflow: hidden;
     transition-duration: .2s;
     transition-property: background, border, color, fill;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .ThemeableRectangularButton.ThemeableRectangularButton--isEnabled {
     cursor: pointer
 }

 .ThemeableRectangularButton.ThemeableRectangularButton--small {
     font-size: 12px;
     height: 20px;
     line-height: 20px;
     padding: 0 4px
 }

 .ThemeableRectangularButton.ThemeableRectangularButton--medium {
     font-size: 12px;
     height: 28px;
     line-height: 28px;
     padding: 0 8px
 }

 .ThemeableRectangularButton.ThemeableRectangularButton--large {
     font-size: 14px;
     height: 36px;
     line-height: 36px;
     padding: 0 12px
 }

 .ThemeableRectangularButton.ThemeableRectangularButton--xlarge {
     font-size: 16px;
     height: 48px;
     line-height: 48px;
     padding: 0 16px
 }

 .ThemeableRectangularButton-leftIcon {
     margin-right: 4px
 }

 .ThemeableRectangularButton--withNoLabel .ThemeableRectangularButton-leftIcon {
     margin-right: 0
 }

 .ThemeableRectangularButton-rightIcon {
     margin-left: 4px
 }

 .ThemeableRectangularButton--withNoLabel .ThemeableRectangularButton-rightIcon {
     margin-left: 0
 }

 .PrimaryButton.PrimaryButton--standardTheme.ThemeableRectangularButton {
     background: var(--color-primary-background-strong);
     border-color: var(--color-primary-background-strong);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-icon-strong)
 }

 .PrimaryButton.PrimaryButton--standardTheme.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-primary-background-strong-hover);
     border-color: var(--color-primary-background-strong-hover);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-icon-strong)
 }

 .PrimaryButton.PrimaryButton--standardTheme.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .PrimaryButton.PrimaryButton--standardTheme.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-primary-background-strong-active);
     border-color: var(--color-primary-background-strong-active);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-icon-strong)
 }

 .PrimaryButton.PrimaryButton--standardTheme.ThemeableRectangularButton:focus {
     outline: none
 }

 .PrimaryButton.PrimaryButton--standardTheme.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .PrimaryButton.PrimaryButton--standardTheme.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active)
 }

 .PrimaryButton.PrimaryButton--standardTheme.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-background-primary-disabled);
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .PrimaryButton.PrimaryButton--inverseTheme.ThemeableRectangularButton {
     background: #fff;
     border-color: #fff;
     color: #000;
     fill: var(--color-deprecated-darkGray1)
 }

 .PrimaryButton.PrimaryButton--inverseTheme.ThemeableRectangularButton--isEnabled:hover {
     background: #e0e0e0;
     border-color: #e0e0e0;
     color: #000;
     fill: var(--color-deprecated-darkGray1)
 }

 .PrimaryButton.PrimaryButton--inverseTheme.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .PrimaryButton.PrimaryButton--inverseTheme.ThemeableRectangularButton--isEnabled:active {
     background: #d6d6d6;
     border-color: #d6d6d6;
     color: #000;
     fill: var(--color-deprecated-darkGray1)
 }

 .PrimaryButton.PrimaryButton--inverseTheme.ThemeableRectangularButton:focus {
     outline: none
 }

 .PrimaryButton.PrimaryButton--inverseTheme.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .PrimaryButton.PrimaryButton--inverseTheme.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-inverse-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active-inverse)
 }

 .PrimaryButton.PrimaryButton--inverseTheme.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: rgba(255, 255, 255, .12);
     border-color: rgba(255, 255, 255, .16);
     color: rgba(255, 255, 255, .24);
     fill: rgba(255, 255, 255, .24)
 }

 .SecondaryButton.SecondaryButton--standardTheme.ThemeableRectangularButton {
     background: var(--color-button-background-secondary);
     border-color: var(--color-button-border-secondary);
     color: var(--color-text);
     fill: var(--color-icon)
 }

 .SecondaryButton.SecondaryButton--standardTheme.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-button-background-secondary-hover);
     border-color: var(--color-button-border-secondary-hover);
     color: var(--color-text);
     fill: var(--color-button-icon-secondary-hover)
 }

 .SecondaryButton.SecondaryButton--standardTheme.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .SecondaryButton.SecondaryButton--standardTheme.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-button-background-secondary-active);
     border-color: var(--color-button-border-secondary-active);
     color: var(--color-text);
     fill: var(--color-button-icon-secondary-hover)
 }

 .SecondaryButton.SecondaryButton--standardTheme.ThemeableRectangularButton:focus {
     outline: none
 }

 .SecondaryButton.SecondaryButton--standardTheme.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SecondaryButton.SecondaryButton--standardTheme.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .SecondaryButton.SecondaryButton--standardTheme.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-background-primary-disabled);
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .SecondaryButton.SecondaryButton--inverseTheme.ThemeableRectangularButton {
     background: transparent;
     border-color: var(--color-inverse-border-strong);
     color: var(--color-inverse-text-strong);
     fill: var(--color-inverse-text-strong)
 }

 .SecondaryButton.SecondaryButton--inverseTheme.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-inverse-background-hover);
     border-color: var(--color-inverse-border-strong);
     color: var(--color-inverse-text-strong);
     fill: var(--color-inverse-text-strong)
 }

 .SecondaryButton.SecondaryButton--inverseTheme.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .SecondaryButton.SecondaryButton--inverseTheme.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-inverse-background-active);
     border-color: var(--color-inverse-border-strong);
     color: var(--color-inverse-text-strong);
     fill: var(--color-inverse-text-strong)
 }

 .SecondaryButton.SecondaryButton--inverseTheme.ThemeableRectangularButton:focus {
     outline: none
 }

 .SecondaryButton.SecondaryButton--inverseTheme.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SecondaryButton.SecondaryButton--inverseTheme.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active-inverse)
 }

 .SecondaryButton.SecondaryButton--inverseTheme.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: rgba(255, 255, 255, .12);
     border-color: rgba(255, 255, 255, .16);
     color: rgba(255, 255, 255, .24);
     fill: rgba(255, 255, 255, .24)
 }

 .Button {
     align-items: center;
     border-radius: 6px;
     border-style: solid;
     border-width: 1px;
     box-sizing: border-box;
     cursor: pointer;
     display: inline-flex;
     flex-shrink: 0;
     font-size: 14px;
     justify-content: center;
     line-height: 1;
     min-width: 48px;
     text-align: center;
     transition-duration: .2s;
     transition-property: background, border, box-shadow, color, fill
 }

 .DesignTokenThemeSelectors-theme--blacklight .Button {
     outline: 2px solid red
 }

 .Button:focus {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active);
     outline: none
 }

 .Button:active,
 .Button:focus,
 .Button:hover {
     text-decoration: none
 }

 .Button.Button--disabled {
     box-shadow: none;
     color: var(--color-text-disabled);
     cursor: default;
     fill: var(--color-text-disabled)
 }

 .Button.Button--disabled.Button--primary {
     background: var(--color-button-background-primary-disabled);
     border: 1px solid var(--color-border)
 }

 .Button.Button--disabled.Button--secondary {
     background: var(--color-button-background-primary-disabled);
     border: 1px solid var(--color-border)
 }

 .Button.Button--disabled.Button--primaryOnColor {
     background: rgba(255, 255, 255, .12);
     border-style: none;
     color: rgba(255, 255, 255, .24)
 }

 .Button.Button--small {
     font-size: 12px;
     height: 28px;
     line-height: 28px;
     padding: 0 8px
 }

 .Button.Button--small .Icon {
     height: 12px;
     width: 12px
 }

 .Button.Button--small .MiniIcon {
     height: 12px;
     width: 12px
 }

 .Button.Button--medium {
     height: 36px;
     line-height: 36px;
     padding: 0 12px
 }

 .Button.Button--large {
     font-size: 16px;
     height: 48px;
     line-height: 48px;
     padding: 0 16px
 }

 .Button--primary:not(.Button--disabled) {
     background-color: var(--color-primary-background-strong);
     border-color: var(--color-primary-background-strong);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-text-strong)
 }

 .Button--primary:not(.Button--disabled):hover,
 .Button--primary:not(.Button--disabled):focus {
     background-color: var(--color-primary-background-strong-hover)
 }

 .Button--primary:not(.Button--disabled):active,
 .Button--primary:not(.Button--disabled).Button--active {
     background-color: var(--color-primary-background-strong-active);
     border-color: var(--color-primary-background-strong-active);
     box-shadow: none
 }

 .Button--secondary:not(.Button--disabled) {
     background: var(--color-button-background-secondary);
     border-color: var(--color-button-border-secondary);
     color: var(--color-text);
     fill: var(--color-icon)
 }

 .Button--secondary:not(.Button--disabled):hover,
 .Button--secondary:not(.Button--disabled):focus {
     background-color: var(--color-button-background-secondary-hover);
     border-color: var(--color-button-border-secondary-hover);
     border-style: solid;
     color: var(--color-text);
     fill: var(--color-button-icon-secondary-hover)
 }

 .Button--secondary:not(.Button--disabled):active,
 .Button--secondary:not(.Button--disabled).Button--active {
     background-color: var(--color-button-background-secondary-active);
     box-shadow: none
 }

 .ButtonGroup {
     display: flex;
     flex: 1
 }

 .ButtonGroup:focus {
     outline: none
 }

 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton {
     background: var(--color-button-background-secondary);
     border-color: var(--color-button-border-secondary);
     color: var(--color-text);
     fill: var(--color-icon)
 }

 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-button-background-secondary-hover);
     border-color: var(--color-button-border-secondary-hover);
     color: var(--color-text);
     fill: var(--color-button-icon-secondary-hover)
 }

 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-button-background-secondary-active);
     border-color: var(--color-button-border-secondary-active);
     color: var(--color-text);
     fill: var(--color-button-icon-secondary-hover)
 }

 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton:focus {
     outline: none
 }

 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-background-primary-disabled);
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isSelected.ThemeableRectangularButton {
     background: var(--color-primary-background-strong);
     border-color: var(--color-primary-background-strong);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-icon-strong)
 }

 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isSelected.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-primary-background-strong-hover);
     border-color: var(--color-primary-background-strong-hover);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-icon-strong)
 }

 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isSelected.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isSelected.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-primary-background-strong-active);
     border-color: var(--color-primary-background-strong-active);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-icon-strong)
 }

 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isSelected.ThemeableRectangularButton:focus {
     outline: none
 }

 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isSelected.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isSelected.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active)
 }

 .ButtonGroupButton--isNotInverse.ButtonGroupButton--isSelected.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-background-primary-disabled);
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .ButtonGroupButton--isInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton {
     background: transparent;
     border-color: var(--color-inverse-border-strong);
     color: var(--color-inverse-text-strong);
     fill: var(--color-inverse-text-strong)
 }

 .ButtonGroupButton--isInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-inverse-background-hover);
     border-color: var(--color-inverse-border-strong);
     color: var(--color-inverse-text-strong);
     fill: var(--color-inverse-text-strong)
 }

 .ButtonGroupButton--isInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .ButtonGroupButton--isInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-inverse-background-active);
     border-color: var(--color-inverse-border-strong);
     color: var(--color-inverse-text-strong);
     fill: var(--color-inverse-text-strong)
 }

 .ButtonGroupButton--isInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton:focus {
     outline: none
 }

 .ButtonGroupButton--isInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .ButtonGroupButton--isInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active-inverse)
 }

 .ButtonGroupButton--isInverse.ButtonGroupButton--isNotSelected.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: rgba(255, 255, 255, .12);
     border-color: rgba(255, 255, 255, .16);
     color: rgba(255, 255, 255, .24);
     fill: rgba(255, 255, 255, .24)
 }

 .ButtonGroupButton--isInverse.ButtonGroupButton--isSelected.ThemeableRectangularButton {
     background: #fff;
     border-color: #fff;
     color: #000;
     fill: var(--color-deprecated-darkGray1)
 }

 .ButtonGroupButton {
     margin-left: -1px;
     min-width: 1px
 }

 .ButtonGroupButton.ThemeableRectangularButton {
     border-radius: 0
 }

 .ButtonGroupButton.ThemeableRectangularButton--isEnabled:hover {
     z-index: 0
 }

 .ButtonGroupButton.ThemeableRectangularButton--isEnabled:focus {
     z-index: 1
 }

 .ButtonGroupButton:first-of-type {
     margin-left: 0
 }

 .ButtonGroupButton:first-of-type.ThemeableRectangularButton {
     border-radius: 6px 0 0 6px
 }

 .ButtonGroupButton:last-of-type.ThemeableRectangularButton {
     border-radius: 0 6px 6px 0
 }

 .ButtonGroupButton--wide {
     flex: 1 1 0
 }

 .ButtonMultiSelect {
     align-items: center;
     border-color: var(--color-border-strong);
     border-radius: 6px;
     border-style: solid;
     border-width: 1px;
     cursor: pointer;
     display: inline-flex;
     flex-shrink: 1;
     font-size: 14px;
     justify-content: space-between;
     line-height: 20px;
     min-width: 48px;
     padding: 7px 8px;
     transition-duration: .2s;
     transition-property: background, border, box-shadow, color, fill
 }

 .ButtonMultiSelect .MiniIcon {
     fill: var(--color-icon)
 }

 .ButtonMultiSelect:focus {
     outline: none
 }

 .ButtonMultiSelect.ButtonMultiSelect--disabled {
     background: var(--color-button-background-primary-disabled);
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     cursor: default;
     fill: var(--color-icon-disabled)
 }

 .ButtonMultiSelect.ButtonMultiSelect--disabled .MiniIcon {
     fill: var(--color-deprecated-darkGray1)
 }

 .ButtonMultiSelect:not(.ButtonMultiSelect--disabled):focus,
 .ButtonMultiSelect:not(.ButtonMultiSelect--disabled):hover {
     background-color: var(--color-button-background-secondary-hover);
     border-color: var(--color-button-border-secondary-hover);
     border-style: solid;
     color: var(--color-text);
     fill: var(--color-button-icon-secondary-hover)
 }

 .ButtonMultiSelect-label {
     margin-right: auto;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .ButtonMultiSelect-menuLabel {
     flex-grow: 0;
     flex-shrink: 0;
     margin-left: 8px
 }

 .ButtonMultiSelect-downIcon {
     flex-shrink: 0;
     margin-left: 8px;
     transition-duration: .2s;
     transition-property: opacity;
     vertical-align: bottom
 }

 .ButtonMultiSelect--subtle .ButtonMultiSelect-downIcon {
     opacity: 0
 }

 .ButtonMultiSelect.is-dropdownVisible .ButtonMultiSelect-downIcon,
 .ButtonMultiSelect:hover .ButtonMultiSelect-downIcon,
 .ButtonMultiSelect:focus .ButtonMultiSelect-downIcon {
     opacity: 1
 }

 .ButtonMultiSelect-dropdownMenu {
     max-height: 169.6px;
     overflow-x: hidden;
     overflow-y: auto
 }

 .ButtonMultiSelect--invalid {
     border-color: var(--color-danger-border)
 }

 .ButtonMultiSelect--invalid:focus,
 .ButtonMultiSelect--invalid:hover {
     border-color: var(--color-danger-border)
 }

 .ButtonMultiSelect-dropdownMenu--withMediumItems {
     max-height: 248.2px
 }

 .ButtonMultiSelect-menu--stretchWidth {
     max-width: none
 }

 .ButtonSelect {
     display: inline-flex;
     justify-content: space-between
 }

 .ButtonSelect:focus-visible .ButtonSelect-downIcon {
     opacity: 1
 }

 .ButtonSelect .MiniIcon {
     fill: var(--color-icon)
 }

 .ButtonSelect.ButtonSelect--disabled .MiniIcon {
     fill: var(--color-icon-disabled)
 }

 .ButtonSelect-label {
     margin-right: auto;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .ButtonSelect-menuLabel {
     flex-grow: 0;
     flex-shrink: 0;
     margin-left: 8px
 }

 .ButtonSelect-downIcon {
     flex-shrink: 0;
     margin-left: 8px;
     transition-duration: .2s;
     transition-property: opacity;
     vertical-align: bottom
 }

 .ButtonSelect--subtle .ButtonSelect-downIcon {
     opacity: 0
 }

 .ButtonSelect.is-dropdownVisible .ButtonSelect-downIcon,
 .ButtonSelect:hover .ButtonSelect-downIcon {
     opacity: 1
 }

 .ButtonSelect-dropdownMenu {
     max-height: 169.6px;
     overflow-x: hidden;
     overflow-y: auto
 }

 .ButtonSelect-dropdownMenu--withMediumItems {
     max-height: 355.5px
 }

 .ButtonSelect-menu--stretchWidth {
     max-width: none
 }

 .DangerButton.ThemeableRectangularButton {
     background: var(--color-button-danger-background);
     border-color: var(--color-button-danger-background);
     color: var(--color-button-danger-text);
     fill: var(--color-button-danger-text)
 }

 .DangerButton.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-button-danger-background-hover);
     border-color: var(--color-button-danger-background-hover);
     color: var(--color-button-danger-text);
     fill: var(--color-button-danger-text)
 }

 .DangerButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .DangerButton.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-button-danger-background-active);
     border-color: var(--color-button-danger-background-active);
     color: var(--color-button-danger-text);
     fill: var(--color-button-danger-text)
 }

 .DangerButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .DangerButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .DangerButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active)
 }

 .DangerButton.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-background-primary-disabled);
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .DangerLinkButton {
     cursor: pointer;
     color: var(--color-danger-text);
     fill: var(--color-danger-text)
 }

 .DangerLinkButton:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .DangerLinkButton:focus:not(:focus-visible) {
     outline: none
 }

 .DangerLinkButton:active {
     color: var(--color-danger-text-hover);
     fill: var(--color-danger-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .DangerLinkButton:hover {
     color: var(--color-danger-text-hover);
     fill: var(--color-danger-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .DeprecatedCircularButton {
     align-items: center;
     background: var(--color-background-weak);
     border: 1px solid var(--color-icon);
     border-radius: 50%;
     box-sizing: border-box;
     color: var(--color-text-weak);
     display: inline-flex;
     fill: var(--color-icon);
     flex: 0 0 auto;
     font-size: 14px;
     height: 32px;
     justify-content: center;
     line-height: 1;
     transition: 200ms box-shadow, 200ms color, 200ms background, 200ms fill, 200ms border-color;
     width: 32px
 }

 .DeprecatedCircularButton:hover {
     cursor: pointer
 }

 .DeprecatedCircularButton.DeprecatedCircularButton--enabled:hover,
 .DeprecatedCircularButton.DeprecatedCircularButton--enabled:focus {
     background-color: var(--color-background-hover);
     border-color: var(--color-icon-hover);
     color: var(--color-text);
     fill: var(--color-icon-hover)
 }

 .DeprecatedCircularButton.DeprecatedCircularButton--enabled:active,
 .DeprecatedCircularButton.DeprecatedCircularButton--enabled.DeprecatedCircularButton--active {
     background-color: var(--color-button-background-secondary-active);
     box-shadow: none
 }

 .DeprecatedCircularButton:focus {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active);
     outline: none
 }

 .DeprecatedCircularButton.DeprecatedCircularButton--small {
     font-size: 12px;
     height: 24px;
     line-height: 22px;
     width: 24px
 }

 .DeprecatedCircularButton.DeprecatedCircularButton--small .Icon {
     height: 14px;
     width: 14px
 }

 .DeprecatedCircularButton.DeprecatedCircularButton--medium {
     height: 32px;
     width: 32px
 }

 .DeprecatedCircularButton.DeprecatedCircularButton--large {
     height: 36px;
     width: 36px
 }

 .DeprecatedCircularButton.DeprecatedCircularButton--disabled {
     cursor: default
 }

 .DeprecatedCircularButton.DeprecatedCircularButton--disabled:focus,
 .DeprecatedCircularButton.DeprecatedCircularButton--disabled:hover {
     color: var(--color-text-disabled);
     fill: var(--color-icon-disabled);
     text-decoration: none
 }

 .DeprecatedCircularButton:active,
 .DeprecatedCircularButton:focus,
 .DeprecatedCircularButton:hover {
     text-decoration: none
 }

 .DisabledTokenButton {
     align-items: center;
     box-sizing: border-box;
     color: var(--color-text-weak);
     cursor: default;
     display: inline-flex;
     flex: 0 1 auto;
     height: 36px;
     min-width: 1px;
     padding-left: 8px;
     padding-right: 16px
 }

 .DisabledTokenButton-icon {
     align-items: center;
     display: flex;
     fill: var(--color-icon);
     flex-shrink: 0;
     height: 28px;
     justify-content: center;
     margin-right: 8px;
     width: 28px
 }

 .DisabledTokenButton-labelAndTitle {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     min-width: 1px
 }

 .DisabledTokenButton-label {
     align-items: center;
     display: inline-flex;
     flex: 1 1 auto;
     min-width: 1px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .DisabledTokenButton-label.DisabledTokenButton-noTitle {
     line-height: 36px
 }

 .DisabledTokenButton-title {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     color: var(--color-text-weak);
     font-weight: 500
 }

 .SubtleButton.ThemeableRectangularButton--small {
     font-weight: 500
 }

 .SubtleButton.ThemeableRectangularButton--medium {
     font-weight: 500
 }

 .SubtleButton.ThemeableRectangularButton--large {
     font-weight: 500
 }

 .SubtleButton.ThemeableRectangularButton--xlarge {
     font-weight: 500
 }

 .SubtleButton.SubtleButton--isCompact.ThemeableRectangularButton--small {
     padding: 0 4px
 }

 .SubtleButton.SubtleButton--isCompact.ThemeableRectangularButton--medium {
     padding: 0 4px
 }

 .SubtleButton.SubtleButton--isCompact.ThemeableRectangularButton--large {
     padding: 0 4px
 }

 .SubtleButton.SubtleButton--isCompact.ThemeableRectangularButton--xlarge {
     padding: 0 4px
 }

 .SubtleButton.SubtleButton--standardTheme.ThemeableRectangularButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-weak);
     fill: var(--color-text-weak)
 }

 .SubtleButton.SubtleButton--standardTheme.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .SubtleButton.SubtleButton--standardTheme.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .SubtleButton.SubtleButton--standardTheme.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .SubtleButton.SubtleButton--standardTheme.ThemeableRectangularButton:focus {
     outline: none
 }

 .SubtleButton.SubtleButton--standardTheme.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleButton.SubtleButton--standardTheme.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .SubtleButton.SubtleButton--standardTheme.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .SubtleButton.SubtleButton--inverseTheme.ThemeableRectangularButton {
     background: transparent;
     border-color: transparent;
     color: var(--color-inverse-text);
     fill: var(--color-inverse-text)
 }

 .SubtleButton.SubtleButton--inverseTheme.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-inverse-background-hover);
     border-color: transparent;
     color: var(--color-inverse-text);
     fill: var(--color-inverse-text)
 }

 .SubtleButton.SubtleButton--inverseTheme.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .SubtleButton.SubtleButton--inverseTheme.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-inverse-background-active);
     border-color: transparent;
     color: var(--color-inverse-text);
     fill: var(--color-inverse-text)
 }

 .SubtleButton.SubtleButton--inverseTheme.ThemeableRectangularButton:focus {
     outline: none
 }

 .SubtleButton.SubtleButton--inverseTheme.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleButton.SubtleButton--inverseTheme.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active-inverse)
 }

 .SubtleButton.SubtleButton--inverseTheme.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: transparent;
     border-color: transparent;
     color: var(--color-inverse-text-disabled);
     fill: var(--color-inverse-text-disabled)
 }

 .FormElementButton-label {
     align-items: center;
     display: flex;
     flex-grow: 1
 }

 .FormElementButton.FormElementButton--subtleButton.ThemeableRectangularButton--small {
     font-weight: 500
 }

 .FormElementButton.FormElementButton--subtleButton.ThemeableRectangularButton--medium {
     font-weight: 500
 }

 .FormElementButton.FormElementButton--subtleButton.ThemeableRectangularButton--large {
     font-weight: 500
 }

 .FormElementButton.FormElementButton--subtleButton.ThemeableRectangularButton--xlarge {
     font-weight: 500
 }

 .FormElementButton.FormElementButton--subtleButton.ThemeableRectangularButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-weak);
     fill: var(--color-text-weak)
 }

 .FormElementButton.FormElementButton--subtleButton.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .FormElementButton.FormElementButton--subtleButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .FormElementButton.FormElementButton--subtleButton.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .FormElementButton.FormElementButton--subtleButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .FormElementButton.FormElementButton--subtleButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .FormElementButton.FormElementButton--subtleButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .FormElementButton.FormElementButton--subtleButton.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .FormElementButton.FormElementButton--subtleButtonIsInvalid.ThemeableRectangularButton--small {
     font-weight: 500
 }

 .FormElementButton.FormElementButton--subtleButtonIsInvalid.ThemeableRectangularButton--medium {
     font-weight: 500
 }

 .FormElementButton.FormElementButton--subtleButtonIsInvalid.ThemeableRectangularButton--large {
     font-weight: 500
 }

 .FormElementButton.FormElementButton--subtleButtonIsInvalid.ThemeableRectangularButton--xlarge {
     font-weight: 500
 }

 .FormElementButton.FormElementButton--subtleButtonIsInvalid.ThemeableRectangularButton {
     background: var(--color-danger-background);
     border-color: var(--color-danger-background);
     color: var(--color-danger-text);
     fill: var(--color-danger-text)
 }

 .FormElementButton.FormElementButton--subtleButtonIsInvalid.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-danger-background-hover);
     border-color: transparent;
     color: var(--color-danger-text);
     fill: var(--color-danger-text)
 }

 .FormElementButton.FormElementButton--subtleButtonIsInvalid.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .FormElementButton.FormElementButton--subtleButtonIsInvalid.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-danger-background-active);
     border-color: transparent;
     color: var(--color-danger-text);
     fill: var(--color-danger-text)
 }

 .FormElementButton.FormElementButton--subtleButtonIsInvalid.ThemeableRectangularButton:focus {
     outline: none
 }

 .FormElementButton.FormElementButton--subtleButtonIsInvalid.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .FormElementButton.FormElementButton--subtleButtonIsInvalid.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active)
 }

 .FormElementButton.FormElementButton--subtleButtonIsInvalid.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: transparent;
     border-color: transparent;
     color: var(--color-danger-text);
     fill: var(--color-danger-text)
 }

 .FormElementButton.FormElementButton--secondaryButton.ThemeableRectangularButton {
     background: var(--color-button-background-secondary);
     border-color: var(--color-button-border-secondary);
     color: var(--color-text);
     fill: var(--color-icon)
 }

 .FormElementButton.FormElementButton--secondaryButton.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-button-background-secondary-hover);
     border-color: var(--color-button-border-secondary-hover);
     color: var(--color-text);
     fill: var(--color-button-icon-secondary-hover)
 }

 .FormElementButton.FormElementButton--secondaryButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .FormElementButton.FormElementButton--secondaryButton.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-button-background-secondary-active);
     border-color: var(--color-button-border-secondary-active);
     color: var(--color-text);
     fill: var(--color-button-icon-secondary-hover)
 }

 .FormElementButton.FormElementButton--secondaryButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .FormElementButton.FormElementButton--secondaryButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .FormElementButton.FormElementButton--secondaryButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .FormElementButton.FormElementButton--secondaryButton.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-background-primary-disabled);
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .FormElementButton.FormElementButton--secondaryButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .FormElementButton.FormElementButton--secondaryButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .FormElementButton.FormElementButton--secondaryButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .FormElementButton.FormElementButton--secondaryButton.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-background-primary-disabled);
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .FormElementButton.FormElementButton--secondaryButtonIsInvalid.ThemeableRectangularButton {
     background: var(--color-background-weak);
     border-color: var(--color-danger-border);
     color: var(--color-danger-text);
     fill: var(--color-danger-text)
 }

 .FormElementButton.FormElementButton--secondaryButtonIsInvalid.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-button-error-background-secondary-hover);
     border-color: var(--color-danger-border);
     color: var(--color-danger-text);
     fill: var(--color-danger-text)
 }

 .FormElementButton.FormElementButton--secondaryButtonIsInvalid.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .FormElementButton.FormElementButton--secondaryButtonIsInvalid.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-button-error-background-secondary-active);
     border-color: var(--color-danger-border);
     color: var(--color-danger-text);
     fill: var(--color-danger-text)
 }

 .FormElementButton.FormElementButton--secondaryButtonIsInvalid.ThemeableRectangularButton:focus {
     outline: none
 }

 .FormElementButton.FormElementButton--secondaryButtonIsInvalid.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .FormElementButton.FormElementButton--secondaryButtonIsInvalid.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .FormElementButton.FormElementButton--secondaryButtonIsInvalid.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-background-primary-disabled);
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .InlineTextButton {
     outline: none
 }

 .InlineTextButton.InlineTextButton--isEnabled {
     cursor: pointer
 }

 .InlineTextButton.InlineTextButton--isDisabled {
     cursor: default
 }

 .InlineTextButton:focus:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .InlineTextButton.InlineTextButton--darkGray3.InlineTextButton--isEnabled {
     color: var(--color-text);
     fill: var(--color-text)
 }

 .InlineTextButton.InlineTextButton--darkGray3.InlineTextButton--isEnabled:hover {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover)
 }

 .InlineTextButton.InlineTextButton--darkGray3.InlineTextButton--isDisabled {
     color: var(--color-text);
     fill: var(--color-text)
 }

 .InlineTextButton.InlineTextButton--darkGray3.InlineTextButton--isDisabled:hover {
     color: var(--color-text);
     fill: var(--color-text)
 }

 .InlineTextButton.InlineTextButton--darkGray2.InlineTextButton--isEnabled {
     color: var(--color-text);
     fill: var(--color-text)
 }

 .InlineTextButton.InlineTextButton--darkGray2.InlineTextButton--isEnabled:hover {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover)
 }

 .InlineTextButton.InlineTextButton--darkGray2.InlineTextButton--isDisabled {
     color: var(--color-text);
     fill: var(--color-text)
 }

 .InlineTextButton.InlineTextButton--darkGray2.InlineTextButton--isDisabled:hover {
     color: var(--color-text);
     fill: var(--color-text)
 }

 .InlineTextButton.InlineTextButton--darkGray1.InlineTextButton--isEnabled {
     color: var(--color-text-weak);
     fill: var(--color-text-weak)
 }

 .InlineTextButton.InlineTextButton--darkGray1.InlineTextButton--isEnabled:hover {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover)
 }

 .InlineTextButton.InlineTextButton--darkGray1.InlineTextButton--isDisabled {
     color: var(--color-text-weak);
     fill: var(--color-text-weak)
 }

 .InlineTextButton.InlineTextButton--darkGray1.InlineTextButton--isDisabled:hover {
     color: var(--color-text-weak);
     fill: var(--color-text-weak)
 }

 .InverseDarkSecondaryButton.ThemeableRectangularButton {
     background: transparent;
     border-color: var(--color-inverse-dark-text);
     color: var(--color-inverse-dark-text);
     fill: var(--color-inverse-dark-text)
 }

 .InverseDarkSecondaryButton.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-inverse-dark-background-hover);
     border-color: var(--color-inverse-dark-text);
     color: var(--color-inverse-dark-text);
     fill: var(--color-inverse-dark-text)
 }

 .InverseDarkSecondaryButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .InverseDarkSecondaryButton.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-inverse-dark-background-active);
     border-color: var(--color-inverse-dark-text);
     color: var(--color-inverse-dark-text);
     fill: var(--color-inverse-dark-text)
 }

 .InverseDarkSecondaryButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .InverseDarkSecondaryButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .InverseDarkSecondaryButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active-inverse)
 }

 .InverseDarkSecondaryButton.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: rgba(255, 255, 255, .12);
     border-color: rgba(255, 255, 255, .16);
     color: rgba(255, 255, 255, .24);
     fill: rgba(255, 255, 255, .24)
 }

 .ThemeableIconButton {
     align-items: center;
     border: 1px solid;
     border-radius: 50%;
     box-sizing: border-box;
     display: inline-flex;
     justify-content: center;
     transition-duration: .2s;
     transition-property: background, border, fill
 }

 .ThemeableIconButton.ThemeableIconButton--isEnabled {
     cursor: pointer
 }

 .ThemeableIconButton.ThemeableIconButton--small.ThemeableIconButton {
     height: 20px;
     min-height: 20px;
     min-width: 20px;
     width: 20px
 }

 .ThemeableIconButton.ThemeableIconButton--medium.ThemeableIconButton {
     height: 28px;
     min-height: 28px;
     min-width: 28px;
     width: 28px
 }

 .ThemeableIconButton.ThemeableIconButton--large.ThemeableIconButton {
     height: 36px;
     min-height: 36px;
     min-width: 36px;
     width: 36px
 }

 .ThemeableIconButton.ThemeableIconButton--xlarge.ThemeableIconButton {
     height: 48px;
     min-height: 48px;
     min-width: 48px;
     width: 48px
 }

 .InverseDarkSubtleIconButton.ThemeableIconButton {
     background: transparent;
     border-color: transparent;
     fill: var(--color-inverse-dark-text)
 }

 .InverseDarkSubtleIconButton.ThemeableIconButton--isEnabled:hover {
     background: var(--color-inverse-dark-background-hover);
     border-color: transparent;
     fill: var(--color-inverse-dark-text)
 }

 .InverseDarkSubtleIconButton.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .InverseDarkSubtleIconButton.ThemeableIconButton--isEnabled:active {
     background: var(--color-inverse-dark-background-active);
     border-color: transparent;
     fill: var(--color-inverse-dark-text)
 }

 .InverseDarkSubtleIconButton.ThemeableIconButton:focus {
     outline: none
 }

 .InverseDarkSubtleIconButton.ThemeableIconButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .InverseDarkSubtleIconButton.ThemeableIconButton:focus:not(.ThemeableIconButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active-inverse)
 }

 .InverseDarkSubtleIconButton.ThemeableIconButton.ThemeableIconButton--isDisabled {
     background: transparent;
     border-color: transparent;
     fill: var(--color-inverse-dark-text-disabled)
 }

 .InverseDarkSubtleIconButton.ThemeableIconButton {
     border-radius: 6px
 }

 .LoadingPlaceholderButton {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 6px;
     color: transparent;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .LoadingPlaceholderButton.LoadingPlaceholderButton--small {
     height: 20px;
     padding: 0 4px
 }

 .LoadingPlaceholderButton.LoadingPlaceholderButton--medium {
     height: 28px;
     padding: 0 8px
 }

 .LoadingPlaceholderButton.LoadingPlaceholderButton--large {
     height: 36px;
     padding: 0 12px
 }

 .LoadingPlaceholderButton.LoadingPlaceholderButton--xlarge {
     height: 48px;
     padding: 0 16px
 }

 .PrimaryLinkButton {
     cursor: pointer;
     color: var(--color-primary-text);
     fill: var(--color-primary-text)
 }

 .PrimaryLinkButton:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .PrimaryLinkButton:focus:not(:focus-visible) {
     outline: none
 }

 .PrimaryLinkButton:active {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .PrimaryLinkButton:hover {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .RemoveButton {
     align-items: center;
     border-radius: 6px;
     box-sizing: border-box;
     display: inline-flex;
     justify-content: center
 }

 .RemoveButton .CompoundIcon-inner {
     fill: var(--color-background-weak);
     transition: 200ms fill, 200ms stroke
 }

 .RemoveButton .CompoundIcon-outer {
     fill: var(--color-icon);
     stroke: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .RemoveButton.RemoveButton--isEnabled {
     cursor: pointer
 }

 .RemoveButton.RemoveButton--isEnabled:hover .CompoundIcon-inner,
 .RemoveButton.RemoveButton--isEnabled:focus .CompoundIcon-inner {
     fill: var(--color-background-weak);
     transition: 200ms fill, 200ms stroke
 }

 .RemoveButton.RemoveButton--isEnabled:hover .CompoundIcon-outer,
 .RemoveButton.RemoveButton--isEnabled:focus .CompoundIcon-outer {
     fill: var(--color-icon-hover);
     stroke: var(--color-icon-hover);
     transition: 200ms fill, 200ms stroke
 }

 .RemoveButton.RemoveButton--isEnabled:focus {
     outline: none
 }

 .RemoveButton.RemoveButton--isEnabled:focus:not(:focus-visible) {
     box-shadow: none
 }

 .RemoveButton.RemoveButton--isEnabled:focus:not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .RemoveButton.RemoveButton--isEnabled:active .CompoundIcon-inner {
     fill: var(--color-background-weak);
     transition: 200ms fill, 200ms stroke
 }

 .RemoveButton.RemoveButton--isEnabled:active .CompoundIcon-outer {
     fill: var(--color-icon-active);
     stroke: var(--color-icon-active);
     transition: 200ms fill, 200ms stroke
 }

 .RemoveButton.RemoveButton--xsmall.RemoveButton {
     height: 20px;
     min-height: 20px;
     min-width: 20px;
     width: 20px
 }

 .RemoveButton.RemoveButton--small.RemoveButton {
     height: 28px;
     min-height: 28px;
     min-width: 28px;
     width: 28px
 }

 .SecondaryDangerButton.ThemeableRectangularButton {
     background: var(--color-background-weak);
     border-color: var(--color-button-danger-border-secondary);
     color: var(--color-danger-text);
     fill: var(--color-danger-text)
 }

 .SecondaryDangerButton.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-button-danger-background-secondary-hover);
     border-color: var(--color-button-danger-border-secondary);
     color: var(--color-danger-text);
     fill: var(--color-danger-text)
 }

 .SecondaryDangerButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .SecondaryDangerButton.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-button-danger-background-secondary-active);
     border-color: var(--color-button-danger-border-secondary);
     color: var(--color-danger-text);
     fill: var(--color-danger-text)
 }

 .SecondaryDangerButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .SecondaryDangerButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SecondaryDangerButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active)
 }

 .SecondaryDangerButton.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-background-primary-disabled);
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .SecondaryLinkButton--standardTheme {
     cursor: pointer;
     color: var(--color-text-weak);
     fill: var(--color-text-weak);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .SecondaryLinkButton--standardTheme:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .SecondaryLinkButton--standardTheme:focus:not(:focus-visible) {
     outline: none
 }

 .SecondaryLinkButton--standardTheme:active {
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .SecondaryLinkButton--standardTheme:hover {
     color: var(--color-text);
     fill: var(--color-text);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .SecondaryLinkButton--inverseTheme {
     cursor: pointer;
     color: #fff;
     fill: #fff;
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .SecondaryLinkButton--inverseTheme:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .SecondaryLinkButton--inverseTheme:focus:not(:focus-visible) {
     outline: none
 }

 .SecondaryLinkButton--inverseTheme:active {
     color: rgba(255, 255, 255, .8);
     fill: rgba(255, 255, 255, .8);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .SecondaryLinkButton--inverseTheme:hover {
     color: rgba(255, 255, 255, .85);
     fill: rgba(255, 255, 255, .85);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .ShroudedIconButton.ThemeableIconButton {
     background: var(--color-button-background-shrouded);
     border-color: transparent;
     fill: var(--color-button-text-shrouded)
 }

 .ShroudedIconButton.ThemeableIconButton--isEnabled:hover {
     background: var(--color-button-background-shrouded-hover);
     border-color: transparent;
     fill: var(--color-button-text-shrouded)
 }

 .ShroudedIconButton.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .ShroudedIconButton.ThemeableIconButton--isEnabled:active {
     background: var(--color-button-background-shrouded-active);
     border-color: transparent;
     fill: var(--color-button-text-shrouded)
 }

 .ShroudedIconButton.ThemeableIconButton:focus {
     outline: none
 }

 .ShroudedIconButton.ThemeableIconButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .ShroudedIconButton.ThemeableIconButton:focus:not(.ThemeableIconButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active-inverse)
 }

 .ShroudedIconButton.ThemeableIconButton {
     border-radius: 6px
 }

 .ThemeableCountWithIconButton--withRegularIcon.ThemeableRectangularButton--medium {
     padding: 0 5px
 }

 .ThemeableCountWithIconButton--withRegularIcon.ThemeableRectangularButton--large {
     padding: 0 9px
 }

 .ThemeableCountWithIconButton--withRegularIcon.ThemeableRectangularButton--xlarge {
     padding: 0 15px
 }

 .ThemeableCountWithIconButton--withMiniIcon.ThemeableRectangularButton--small {
     padding: 0 3px
 }

 .ThemeableCountWithIconButton--withMiniIcon.ThemeableRectangularButton--medium {
     padding: 0 7px
 }

 .ThemeableCountWithIconButton--withMiniIcon.ThemeableRectangularButton--large {
     padding: 0 11px
 }

 .ThemeableCountWithIconButton--withMiniIcon.ThemeableRectangularButton--xlarge {
     padding: 0 17px
 }

 .SubtleCountWithIconButton.ThemeableRectangularButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-weak);
     fill: var(--color-text-weak)
 }

 .SubtleCountWithIconButton.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .SubtleCountWithIconButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .SubtleCountWithIconButton.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .SubtleCountWithIconButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .SubtleCountWithIconButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleCountWithIconButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .SubtleToggleButton.ThemeableRectangularButton--medium {
     font-weight: 500
 }

 .SubtleToggleButton.ThemeableRectangularButton--large {
     font-weight: 500
 }

 .SubtleToggleButton.ThemeableRectangularButton--xlarge {
     font-weight: 500
 }

 .SubtleToggleButton--standardTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-weak);
     fill: var(--color-text-weak)
 }

 .SubtleToggleButton--standardTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .SubtleToggleButton--standardTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .SubtleToggleButton--standardTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .SubtleToggleButton--standardTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton:focus {
     outline: none
 }

 .SubtleToggleButton--standardTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleToggleButton--standardTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .SubtleToggleButton--standardTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .SubtleToggleButton--standardTheme.SubtleToggleButton--isPressed.ThemeableRectangularButton {
     background: var(--color-button-background-subtle-pressed);
     border-color: var(--color-button-background-subtle-pressed);
     color: var(--color-selected-text);
     fill: var(--color-selected-text)
 }

 .SubtleToggleButton--standardTheme.SubtleToggleButton--isPressed.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-button-background-subtle-pressedHover);
     border-color: var(--color-button-background-subtle-pressedHover);
     color: var(--color-selected-text-hover);
     fill: var(--color-selected-text-hover)
 }

 .SubtleToggleButton--standardTheme.SubtleToggleButton--isPressed.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .SubtleToggleButton--standardTheme.SubtleToggleButton--isPressed.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-button-background-subtle-pressedActive);
     border-color: var(--color-button-background-subtle-pressedActive);
     color: var(--color-selected-text-hover);
     fill: var(--color-selected-text-hover)
 }

 .SubtleToggleButton--standardTheme.SubtleToggleButton--isPressed.ThemeableRectangularButton:focus {
     outline: none
 }

 .SubtleToggleButton--standardTheme.SubtleToggleButton--isPressed.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleToggleButton--standardTheme.SubtleToggleButton--isPressed.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton {
     background: transparent;
     border-color: transparent;
     color: var(--color-inverse-text);
     fill: var(--color-inverse-text)
 }

 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-inverse-background-hover);
     border-color: transparent;
     color: var(--color-inverse-text);
     fill: var(--color-inverse-text)
 }

 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-inverse-background-active);
     border-color: transparent;
     color: var(--color-inverse-text);
     fill: var(--color-inverse-text)
 }

 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton:focus {
     outline: none
 }

 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active-inverse)
 }

 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isNotPressed.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: transparent;
     border-color: transparent;
     color: var(--color-inverse-text-disabled);
     fill: var(--color-inverse-text-disabled)
 }

 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isPressed.ThemeableRectangularButton {
     background: rgba(255, 255, 255, .24);
     border-color: transparent;
     color: #fff;
     fill: #fff
 }

 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isPressed.ThemeableRectangularButton--isEnabled:hover {
     background: rgba(255, 255, 255, .32);
     border-color: transparent;
     color: #fff;
     fill: #fff
 }

 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isPressed.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isPressed.ThemeableRectangularButton--isEnabled:active {
     background: rgba(255, 255, 255, .4);
     border-color: transparent;
     color: #fff;
     fill: #fff
 }

 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isPressed.ThemeableRectangularButton:focus {
     outline: none
 }

 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isPressed.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleToggleButton--inverseTheme.SubtleToggleButton--isPressed.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active-inverse)
 }

 .SubtleFilterSelectButton-label {
     margin-right: auto;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .SubtleFilterSelectButton-dropdownMenu {
     max-height: 169.6px;
     overflow-x: hidden;
     overflow-y: auto
 }

 .SubtleFilterSelectButton.ThemeableRectangularButton--medium {
     font-weight: 500
 }

 .SubtleFilterSelectButton--isNotPressed.ThemeableRectangularButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-weak);
     fill: var(--color-text-weak)
 }

 .SubtleFilterSelectButton--isNotPressed.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .SubtleFilterSelectButton--isNotPressed.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .SubtleFilterSelectButton--isNotPressed.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .SubtleFilterSelectButton--isNotPressed.ThemeableRectangularButton:focus {
     outline: none
 }

 .SubtleFilterSelectButton--isNotPressed.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleFilterSelectButton--isNotPressed.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .SubtleFilterSelectButton--isNotPressed.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .SubtleFilterSelectButton--isPressed.ThemeableRectangularButton {
     background: var(--color-button-background-subtle-pressed);
     border-color: var(--color-button-background-subtle-pressed);
     color: var(--color-selected-text);
     fill: var(--color-selected-text)
 }

 .SubtleFilterSelectButton--isPressed.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-button-background-subtle-pressedHover);
     border-color: var(--color-button-background-subtle-pressedHover);
     color: var(--color-selected-text-hover);
     fill: var(--color-selected-text-hover)
 }

 .SubtleFilterSelectButton--isPressed.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .SubtleFilterSelectButton--isPressed.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-button-background-subtle-pressedActive);
     border-color: var(--color-button-background-subtle-pressedActive);
     color: var(--color-selected-text-hover);
     fill: var(--color-selected-text-hover)
 }

 .SubtleFilterSelectButton--isPressed.ThemeableRectangularButton:focus {
     outline: none
 }

 .SubtleFilterSelectButton--isPressed.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleFilterSelectButton--isPressed.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .SubtleIconButton.ThemeableIconButton {
     border-radius: 6px
 }

 .SubtleIconButton.SubtleIconButton--standardTheme.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleIconButton.SubtleIconButton--standardTheme.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-text-weak-hover)
 }

 .SubtleIconButton.SubtleIconButton--standardTheme.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleIconButton.SubtleIconButton--standardTheme.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-text-weak-hover)
 }

 .SubtleIconButton.SubtleIconButton--standardTheme.ThemeableIconButton:focus {
     outline: none
 }

 .SubtleIconButton.SubtleIconButton--standardTheme.ThemeableIconButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleIconButton.SubtleIconButton--standardTheme.ThemeableIconButton:focus:not(.ThemeableIconButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .SubtleIconButton.SubtleIconButton--standardTheme.ThemeableIconButton.ThemeableIconButton--isDisabled {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-disabled)
 }

 .SubtleIconButton.SubtleIconButton--inverseTheme.ThemeableIconButton {
     background: transparent;
     border-color: transparent;
     fill: var(--color-inverse-text)
 }

 .SubtleIconButton.SubtleIconButton--inverseTheme.ThemeableIconButton--isEnabled:hover {
     background: var(--color-inverse-background-hover);
     border-color: transparent;
     fill: var(--color-inverse-text)
 }

 .SubtleIconButton.SubtleIconButton--inverseTheme.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleIconButton.SubtleIconButton--inverseTheme.ThemeableIconButton--isEnabled:active {
     background: var(--color-inverse-background-active);
     border-color: transparent;
     fill: var(--color-inverse-text)
 }

 .SubtleIconButton.SubtleIconButton--inverseTheme.ThemeableIconButton:focus {
     outline: none
 }

 .SubtleIconButton.SubtleIconButton--inverseTheme.ThemeableIconButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleIconButton.SubtleIconButton--inverseTheme.ThemeableIconButton:focus:not(.ThemeableIconButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active-inverse)
 }

 .SubtleIconButton.SubtleIconButton--inverseTheme.ThemeableIconButton.ThemeableIconButton--isDisabled {
     background: transparent;
     border-color: transparent;
     fill: var(--color-inverse-text-disabled)
 }

 .SubtleIconToggleButton.ThemeableIconButton {
     border-radius: 6px
 }

 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-text-weak-hover)
 }

 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-text-weak-hover)
 }

 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton:focus {
     outline: none
 }

 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton:focus:not(.ThemeableIconButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton.ThemeableIconButton--isDisabled {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-disabled)
 }

 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isPressed.ThemeableIconButton {
     background: var(--color-button-background-subtle-pressed);
     border-color: var(--color-button-background-subtle-pressed);
     fill: var(--color-selected-text)
 }

 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isPressed.ThemeableIconButton--isEnabled:hover {
     background: var(--color-button-background-subtle-pressedHover);
     border-color: var(--color-button-background-subtle-pressedHover);
     fill: var(--color-selected-text-hover)
 }

 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isPressed.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isPressed.ThemeableIconButton--isEnabled:active {
     background: var(--color-button-background-subtle-pressedActive);
     border-color: var(--color-button-background-subtle-pressedActive);
     fill: var(--color-selected-text-hover)
 }

 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isPressed.ThemeableIconButton:focus {
     outline: none
 }

 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isPressed.ThemeableIconButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleIconToggleButton--standardTheme.SubtleIconToggleButton--isPressed.ThemeableIconButton:focus:not(.ThemeableIconButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton {
     background: transparent;
     border-color: transparent;
     fill: var(--color-inverse-text)
 }

 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton--isEnabled:hover {
     background: var(--color-inverse-background-hover);
     border-color: transparent;
     fill: var(--color-inverse-text)
 }

 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton--isEnabled:active {
     background: var(--color-inverse-background-active);
     border-color: transparent;
     fill: var(--color-inverse-text)
 }

 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton:focus {
     outline: none
 }

 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton:focus:not(.ThemeableIconButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active-inverse)
 }

 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isNotPressed.ThemeableIconButton.ThemeableIconButton--isDisabled {
     background: transparent;
     border-color: transparent;
     fill: var(--color-inverse-text-disabled)
 }

 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isPressed.ThemeableIconButton {
     background: rgba(255, 255, 255, .24);
     border-color: transparent;
     fill: #fff
 }

 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isPressed.ThemeableIconButton--isEnabled:hover {
     background: rgba(255, 255, 255, .32);
     border-color: transparent;
     fill: #fff
 }

 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isPressed.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isPressed.ThemeableIconButton--isEnabled:active {
     background: rgba(255, 255, 255, .4);
     border-color: transparent;
     fill: #fff
 }

 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isPressed.ThemeableIconButton:focus {
     outline: none
 }

 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isPressed.ThemeableIconButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleIconToggleButton--inverseTheme.SubtleIconToggleButton--isPressed.ThemeableIconButton:focus:not(.ThemeableIconButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active-inverse)
 }

 .SubtleMiniIconButton.ThemeableIconButton {
     border-radius: 6px
 }

 .SubtleMiniIconButton--standardTheme.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleMiniIconButton--standardTheme.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-text-weak-hover)
 }

 .SubtleMiniIconButton--standardTheme.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleMiniIconButton--standardTheme.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-text-weak-hover)
 }

 .SubtleMiniIconButton--standardTheme.ThemeableIconButton:focus {
     outline: none
 }

 .SubtleMiniIconButton--standardTheme.ThemeableIconButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleMiniIconButton--standardTheme.ThemeableIconButton:focus:not(.ThemeableIconButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .SubtleMiniIconButton--standardTheme.ThemeableIconButton.ThemeableIconButton--isDisabled {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-disabled)
 }

 .SubtleMiniIconButton--inverseTheme.ThemeableIconButton {
     background: transparent;
     border-color: transparent;
     fill: var(--color-inverse-text)
 }

 .SubtleMiniIconButton--inverseTheme.ThemeableIconButton--isEnabled:hover {
     background: var(--color-inverse-background-hover);
     border-color: transparent;
     fill: var(--color-inverse-text)
 }

 .SubtleMiniIconButton--inverseTheme.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleMiniIconButton--inverseTheme.ThemeableIconButton--isEnabled:active {
     background: var(--color-inverse-background-active);
     border-color: transparent;
     fill: var(--color-inverse-text)
 }

 .SubtleMiniIconButton--inverseTheme.ThemeableIconButton:focus {
     outline: none
 }

 .SubtleMiniIconButton--inverseTheme.ThemeableIconButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleMiniIconButton--inverseTheme.ThemeableIconButton:focus:not(.ThemeableIconButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active-inverse)
 }

 .SubtleMiniIconButton--inverseTheme.ThemeableIconButton.ThemeableIconButton--isDisabled {
     background: transparent;
     border-color: transparent;
     fill: var(--color-inverse-text-disabled)
 }

 .UpgradeButton.ThemeableRectangularButton {
     background: var(--color-button-upsell-background);
     border-color: var(--color-button-upsell-background);
     color: var(--color-button-upsell-text);
     fill: var(--color-button-upsell-text)
 }

 .UpgradeButton.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-button-upsell-background-hover);
     border-color: var(--color-button-upsell-background-hover);
     color: var(--color-button-upsell-text);
     fill: var(--color-button-upsell-text)
 }

 .UpgradeButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .UpgradeButton.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-button-upsell-background-active);
     border-color: var(--color-button-upsell-background-active);
     color: var(--color-button-upsell-text);
     fill: var(--color-button-upsell-text)
 }

 .UpgradeButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .UpgradeButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .UpgradeButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active)
 }

 .UpsellLinkButton {
     cursor: pointer;
     color: var(--color-upsell-text);
     fill: var(--color-upsell-text);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .UpsellLinkButton:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .UpsellLinkButton:focus:not(:focus-visible) {
     outline: none
 }

 .UpsellLinkButton:active {
     color: var(--color-upsell-text-hover);
     fill: var(--color-upsell-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .UpsellLinkButton:hover {
     color: var(--color-upsell-text-hover);
     fill: var(--color-upsell-text-hover);
     text-decoration: underline;
     -webkit-text-decoration-style: solid;
     text-decoration-style: solid
 }

 .UpsellSubtleButton.ThemeableRectangularButton {
     background: var(--color-button-upsell-background-subtle);
     border-color: var(--color-button-upsell-background-subtle);
     color: var(--color-upsell-text);
     fill: var(--color-button-upsell-icon-subtle)
 }

 .UpsellSubtleButton.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-button-upsell-background-subtle-hover);
     border-color: var(--color-button-upsell-background-subtle-hover);
     color: var(--color-upsell-text-hover);
     fill: var(--color-button-upsell-icon-subtle-hover)
 }

 .UpsellSubtleButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .UpsellSubtleButton.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-button-upsell-background-subtle-active);
     border-color: var(--color-button-upsell-background-subtle-active);
     color: var(--color-upsell-text-hover);
     fill: var(--color-button-upsell-icon-subtle-hover)
 }

 .UpsellSubtleButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .UpsellSubtleButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .UpsellSubtleButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .UpsellSubtleButton.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-upsell-background-subtle);
     border-color: var(--color-button-upsell-background-subtle);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .UpsellSubtleButton.ThemeableRectangularButton--small {
     font-weight: 500
 }

 .UpsellSubtleButton.ThemeableRectangularButton--medium {
     font-weight: 500
 }

 .UpsellSubtleButton.ThemeableRectangularButton--large {
     font-weight: 500
 }

 .UpsellSubtleButton.ThemeableRectangularButton--xlarge {
     font-weight: 500
 }

 .FloatingSelect {
     flex-shrink: 1;
     min-width: 1px
 }

 .FloatingSelect-label {
     min-width: 1px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .FormRowStructure {
     display: flex;
     flex: 1 1 auto;
     min-width: 1px
 }

 .FormRowStructure--labelPlacementLeft {
     flex-direction: row
 }

 .FormRowStructure--labelPlacementTop {
     flex-direction: column
 }

 .FormRowStructure-label {
     box-sizing: border-box;
     cursor: default;
     display: inline-flex;
     flex: 0 0 auto
 }

 .FormRowStructure-label--labelPlacementLeft {
     align-items: center;
     justify-content: flex-end;
     width: 105px
 }

 .FormRowStructure-label--labelPlacementTop {
     margin-bottom: 8px
 }

 .FormRowStructure-contents {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     min-width: 1px
 }

 .Label {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     align-items: center;
     color: var(--color-text-weak);
     display: flex;
     font-weight: 500;
     margin-right: 8px
 }

 .ListGroup-item {
     border-left: 1px solid var(--color-border);
     border-right: 1px solid var(--color-border);
     border-top: 1px solid var(--color-border)
 }

 .ListGroup-item:first-child {
     border-top-left-radius: 4px;
     border-top-right-radius: 4px
 }

 .ListGroup-item:last-child {
     border-bottom: 1px solid var(--color-border);
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px
 }

 .NativeFloatingSelect {
     border-bottom: 1px dotted var(--color-text);
     color: var(--color-text);
     display: inline-block;
     height: 15px;
     overflow: hidden;
     padding-right: 16px;
     position: relative;
     vertical-align: middle
 }

 .NativeFloatingSelect.has-focus {
     border-bottom: 1px solid #14aaf5;
     color: #14aaf5
 }

 .NativeFloatingSelect:hover {
     border-bottom: 1px solid #32c1ff;
     color: #32c1ff;
     text-decoration: none
 }

 .NativeFloatingSelect-icon {
     bottom: 0;
     fill: var(--color-deprecated-lightGray3);
     pointer-events: none;
     position: absolute;
     right: 0
 }

 .NativeFloatingSelect.has-focus>.NativeFloatingSelect-icon {
     fill: #14aaf5
 }

 .NativeFloatingSelect:hover>.NativeFloatingSelect-icon {
     fill: #32c1ff
 }

 .NativeFloatingSelect-select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background: none;
     border: 0;
     border-radius: 0;
     cursor: pointer;
     height: 100%;
     outline: none;
     padding-left: 1px;
     padding-right: 16px;
     position: absolute;
     top: 1px
 }

 .NativeFloatingSelect-select:-moz-focusring {
     color: transparent;
     text-shadow: 0 0 0 var(--color-text)
 }

 .NativeFloatingSelect-select:-moz-focusring:focus {
     text-shadow: 0 0 0 #14aaf5
 }

 .NativeFloatingSelect:hover>.NativeFloatingSelect-select:-moz-focusring {
     text-shadow: 0 0 0 #32c1ff
 }

 .NativeFloatingSelect-select::-ms-expand {
     display: none
 }

 .NativeFloatingSelect-option {
     background: var(--color-background-weak)
 }

 .NativeFloatingSelect-shadowLabel {
     visibility: hidden
 }

 .RequiredFieldIndicator {
     fill: var(--color-danger-icon);
     height: 12px;
     width: 12px
 }

 .TeamPrivacyOptionLabel {
     align-items: center;
     display: flex
 }

 .TeamPrivacyOptionLabel-icon {
     display: flex;
     fill: var(--color-icon);
     margin-right: 8px
 }

 .TeamPrivacyOptionLabel-icon--disabled {
     fill: var(--color-text-disabled)
 }

 .SizedTextInput {
     box-sizing: border-box
 }

 .SizedTextInput.SizedTextInput--medium {
     height: 36px;
     padding-bottom: 6px;
     padding-top: 6px
 }

 .TextInput {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     background-color: var(--color-background-weak);
     border-width: 1px;
     border-style: solid;
     border-color: var(--color-border-strong);
     border-radius: 6px;
     padding: 0 12px;
     box-sizing: border-box
 }

 .TextInput::-moz-placeholder {
     color: var(--color-text-weak)
 }

 .TextInput:-ms-input-placeholder {
     color: var(--color-text-weak)
 }

 .TextInput::placeholder {
     color: var(--color-text-weak)
 }

 .TextInput:hover {
     border-color: var(--color-border-hover)
 }

 .TextInput:focus {
     border-color: var(--color-border-active);
     outline: none
 }

 .TextInput:focus:focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .TextInput[disabled] {
     background-color: var(--color-background-medium);
     border-color: var(--color-border);
     color: var(--color-text-disabled)
 }

 .TextInput.TextInput--invalid {
     border-color: var(--color-danger-border)
 }

 .TextInput.TextInput--invalid:hover {
     border-color: var(--color-danger-border-hover)
 }

 .TextInput.TextInput--invalid:focus {
     border-color: var(--color-danger-border-active)
 }

 .TextInput.TextInput--invalid:focus-visible {
     box-shadow: 0 0 0 2px var(--color-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active)
 }

 .simpleTextarea {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     background-color: var(--color-background-weak);
     border-width: 1px;
     border-style: solid;
     border-color: var(--color-border-strong);
     border-radius: 6px;
     padding: 0 12px;
     box-sizing: border-box;
     line-height: 22px;
     min-height: 70px;
     overflow-wrap: break-word;
     padding-bottom: 6px;
     padding-top: 6px;
     resize: none;
     white-space: pre-wrap
 }

 .simpleTextarea::-moz-placeholder {
     color: var(--color-text-weak)
 }

 .simpleTextarea:-ms-input-placeholder {
     color: var(--color-text-weak)
 }

 .simpleTextarea::placeholder {
     color: var(--color-text-weak)
 }

 .simpleTextarea:hover {
     border-color: var(--color-border-hover)
 }

 .simpleTextarea.simpleTextarea--dynamic {
     border-color: transparent
 }

 .simpleTextarea.simpleTextarea--dynamic:hover {
     border-color: var(--color-border-hover)
 }

 .simpleTextarea.simpleTextarea--dynamic:focus {
     border-color: var(--color-border-active)
 }

 .simpleTextarea.simpleTextarea--dynamic.TextInput--invalid {
     border-color: var(--color-danger-border)
 }

 .simpleTextarea.simpleTextarea--dynamic.TextInput--invalid:hover {
     border-color: var(--color-danger-border-hover)
 }

 .simpleTextarea.simpleTextarea--dynamic.TextInput--invalid:focus {
     border-color: var(--color-danger-border-active)
 }

 .simpleTextarea.simpleTextarea--invalid {
     border-color: var(--color-danger-border)
 }

 .simpleTextarea.simpleTextarea--invalid:hover {
     border-color: var(--color-danger-border-hover)
 }

 .simpleTextarea.simpleTextarea--invalid:focus {
     border-color: var(--color-danger-border-active)
 }

 .simpleTextarea.simpleTextarea--invalid:focus-visible {
     box-shadow: 0 0 0 2px var(--color-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active)
 }

 .simpleTextarea:focus {
     border-color: var(--color-border-active);
     outline: none
 }

 .simpleTextarea:focus:focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .simpleTextarea:disabled {
     background-color: var(--color-background-medium);
     border-color: var(--color-border);
     color: var(--color-text-disabled)
 }

 .AutogrowTextarea-container {
     position: relative
 }

 .AutogrowTextarea-input,
 .AutogrowTextarea-shadow {
     overflow: hidden;
     text-rendering: optimizeSpeed;
     vertical-align: top
 }

 .AutogrowTextarea-input {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%
 }

 .AutogrowTextarea-shadow {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     background-color: var(--color-background-weak);
     border-width: 1px;
     border-style: solid;
     border-color: var(--color-border-strong);
     border-radius: 6px;
     padding: 0 12px;
     box-sizing: border-box;
     line-height: 22px;
     min-height: 70px;
     overflow-wrap: break-word;
     padding-bottom: 6px;
     padding-top: 6px;
     resize: none;
     white-space: pre-wrap;
     height: auto;
     visibility: hidden
 }

 .AutogrowTextarea-shadow::-moz-placeholder {
     color: var(--color-text-weak)
 }

 .AutogrowTextarea-shadow:-ms-input-placeholder {
     color: var(--color-text-weak)
 }

 .AutogrowTextarea-shadow::placeholder {
     color: var(--color-text-weak)
 }

 .AutogrowTextarea-container--oneLine .AutogrowTextarea-input,
 .AutogrowTextarea-container--oneLine .AutogrowTextarea-shadow {
     min-height: 0
 }

 .AutogrowTextarea-container--oneLine>.AutogrowTextarea-shadow {
     white-space: pre
 }

 .AutogrowTextarea-container--oneLine>.AutogrowTextarea-input {
     white-space: pre
 }

 .AutogrowTextareaWithCharacterCount {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     background-color: var(--color-background-weak);
     border-width: 1px;
     border-style: solid;
     border-color: var(--color-border-strong);
     border-radius: 6px;
     padding: 0 12px;
     box-sizing: border-box;
     line-height: 22px;
     min-height: 70px;
     overflow-wrap: break-word;
     padding-bottom: 6px;
     padding-top: 6px;
     resize: none;
     white-space: pre-wrap
 }

 .AutogrowTextareaWithCharacterCount::-moz-placeholder {
     color: var(--color-text-weak)
 }

 .AutogrowTextareaWithCharacterCount:-ms-input-placeholder {
     color: var(--color-text-weak)
 }

 .AutogrowTextareaWithCharacterCount::placeholder {
     color: var(--color-text-weak)
 }

 .AutogrowTextareaWithCharacterCount:hover {
     border-color: var(--color-border-hover)
 }

 .AutogrowTextareaWithCharacterCount:focus-within {
     border-color: var(--color-border-active);
     outline: none
 }

 .AutogrowTextareaWithCharacterCount.AutogrowTextareaWithCharacterCount--invalid {
     border-color: var(--color-danger-border)
 }

 .AutogrowTextareaWithCharacterCount.AutogrowTextareaWithCharacterCount--invalid:hover {
     border-color: var(--color-danger-border-hover)
 }

 .AutogrowTextareaWithCharacterCount.AutogrowTextareaWithCharacterCount--invalid:focus {
     border-color: var(--color-danger-border-active)
 }

 .AutogrowTextareaWithCharacterCount.AutogrowTextareaWithCharacterCount--invalid:focus-within {
     border-color: var(--color-danger-border-active)
 }

 .AutogrowTextareaWithCharacterCount-textarea .AutogrowTextarea-input,
 .AutogrowTextareaWithCharacterCount-textarea .AutogrowTextarea-shadow {
     background: none;
     border: 0;
     min-height: 20px;
     padding: 0
 }

 .AutogrowTextareaWithCharacterCount-textarea .AutogrowTextarea-input:focus {
     -webkit-animation: none;
     animation: none
 }

 .AutogrowTextareaWithCharacterCount-textarea .AutogrowTextarea-input.simpleTextarea:focus-visible {
     box-shadow: none
 }

 .AutogrowTextareaWithCharacterCount-textarea .AutogrowTextarea-input,
 .AutogrowTextareaWithCharacterCount-textarea .AutogrowTextarea-shadow {
     min-height: 70px
 }

 .AutogrowTextareaWithCharacterCount-disabled {
     background: var(--color-background-medium);
     border-color: var(--color-border)
 }

 .AutogrowTextareaWithCharacterCount-disabled .AutogrowTextarea-input:disabled,
 .AutogrowTextareaWithCharacterCount-disabled .AutogrowTextarea-shadow:disabled {
     color: var(--color-text-disabled);
     -webkit-text-fill-color: var(--color-text-disabled)
 }

 .AutogrowTextareaWithCharacterCount-disabled:hover {
     border-color: var(--color-border)
 }

 .AutogrowTextareaWithCharacterCount-disabled #autogrow_textarea_with_character_count_character_count {
     color: var(--color-text-disabled)
 }

 .ValidatedTextInput {
     flex: 1 1 auto;
     min-width: 1px;
     position: relative
 }

 .ValidatedTextInput-input {
     width: 100%
 }

 .ValidatedTextInput--invalid .ValidatedTextInput-input {
     border-color: var(--color-danger-border)
 }

 .ValidatedTextInput--invalid .ValidatedTextInput-input:hover {
     border-color: var(--color-danger-border-hover)
 }

 .ValidatedTextInput--invalid .ValidatedTextInput-input:focus {
     border-color: var(--color-danger-border-active)
 }

 .ValidatedTextInput--hasIcon .ValidatedTextInput-input {
     padding-right: 36px
 }

 .ValidatedTextInput-message {
     margin-top: 4px;
     overflow-wrap: break-word
 }

 .ValidatedTextInput-inputContainer {
     position: relative
 }

 .ValidatedTextInput-icon {
     position: absolute;
     right: 8px;
     top: 50%;
     transform: translateY(-50%)
 }

 .DynamicTextInput {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     background-color: var(--color-background-weak);
     border-width: 1px;
     border-style: solid;
     border-color: var(--color-border-strong);
     border-radius: 6px;
     padding: 0 12px;
     box-sizing: border-box;
     border-color: transparent;
     background-color: inherit
 }

 .DynamicTextInput::-moz-placeholder {
     color: var(--color-text-weak)
 }

 .DynamicTextInput:-ms-input-placeholder {
     color: var(--color-text-weak)
 }

 .DynamicTextInput::placeholder {
     color: var(--color-text-weak)
 }

 .DynamicTextInput:hover {
     border-color: var(--color-border-hover)
 }

 .DynamicTextInput:focus {
     border-color: var(--color-border-active);
     outline: none
 }

 .DynamicTextInput:focus:focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .DynamicTextInput[disabled] {
     background-color: var(--color-background-medium);
     border-color: var(--color-border);
     color: var(--color-text-disabled)
 }

 .DynamicTextInput.DynamicTextInput--invalid {
     border-color: var(--color-danger-border)
 }

 .DynamicTextInput.DynamicTextInput--invalid:hover {
     border-color: var(--color-danger-border-hover)
 }

 .DynamicTextInput.DynamicTextInput--invalid:focus {
     border-color: var(--color-danger-border-active)
 }

 .DynamicTextInput.DynamicTextInput--invalid:focus-visible {
     box-shadow: 0 0 0 2px var(--color-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active)
 }

 .TextInputIconContainer {
     position: relative
 }

 .TextInputIconContainer-rightIconContainer {
     align-items: center;
     display: flex;
     justify-content: center;
     position: absolute;
     right: 4px;
     top: 50%;
     transform: translateY(-50%);
     width: 24px
 }

 .TextInputIconContainer-input {
     padding-right: 32px;
     width: 100%
 }

 .ValidatedInput-message {
     margin-top: 4px;
     overflow-wrap: break-word
 }

 .DateInput {
     position: relative
 }

 .DateInput-textInput {
     width: 100%
 }

 .DateInput-textInput:focus {
     border-color: var(--color-border-active)
 }

 .DateInput-clearInput {
     position: absolute;
     right: 4px;
     top: 4px
 }

 .DateRange {
     display: flex;
     justify-content: space-between
 }

 .DateRange-startDate {
     margin-right: 8px
 }

 .DateRange-dateRangeLabel {
     display: block;
     margin-bottom: 4px;
     margin-right: 0;
     text-align: left
 }

 .DateRangeV2.DateRangeV2--withStartTimeAvailable {
     display: grid;
     grid-column-gap: 16px;
     grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
 }

 .DateRangeV2.DateRangeV2--withStartTimeOmitted {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     margin-left: -4px
 }

 .DateRangeV2.DateRangeV2--withStartTimeOmitted .DateRangeV2-addDateRangeButton {
     margin-left: 4px
 }

 .DateRangeV2-startDateButtonLabel {
     flex: 1 1 auto
 }

 .DateRangeV2.DateRangeV2--withStartTimeOmitted .DateRangeV2-addDateRangeUpsell {
     flex-shrink: 0;
     margin: 8px 8px 8px 12px
 }

 .DateRangeV2.DateRangeV2--withStartTimeOmitted .DateRangeV2-addDateRangeUpsellIcon {
     margin-right: 4px;
     vertical-align: text-bottom
 }

 .DateRangeV2.DateRangeV2--withStartTimeOmitted .DateRangeV2-dueDate,
 .DateRangeV2.DateRangeV2--withStartTimeOmitted .DateRangeV2-startDate {
     flex: 1 1 92px;
     margin-bottom: 4px;
     margin-left: 4px;
     min-width: 92px
 }

 .AvatarPhoto {
     align-items: center;
     display: inline-flex;
     justify-content: center;
     position: relative;
     vertical-align: top
 }

 .AvatarPhoto--default {
     background: center/cover var(--color-customization-background-deprecated-opaque);
     border-radius: 50%;
     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07);
     box-sizing: border-box;
     color: var(--color-customization-foreground)
 }

 .AvatarPhoto--app {
     background: center/cover
 }

 .AvatarPhoto--xsmall {
     font-size: 12px;
     height: 20px;
     line-height: 20px;
     min-width: 20px;
     width: 20px
 }

 .AvatarPhoto--small {
     font-size: 12px;
     height: 24px;
     line-height: 24px;
     min-width: 24px;
     width: 24px
 }

 .AvatarPhoto--medium {
     font-size: 12px;
     height: 32px;
     line-height: 32px;
     min-width: 32px;
     width: 32px
 }

 .AvatarPhoto--large {
     font-size: 14px;
     height: 36px;
     line-height: 36px;
     min-width: 36px;
     width: 36px
 }

 .AvatarPhoto--xlarge {
     font-size: 16px;
     height: 48px;
     line-height: 48px;
     min-width: 48px;
     width: 48px
 }

 .AvatarPhoto--huge {
     font-size: 32px;
     height: 64px;
     line-height: 64px;
     min-width: 64px;
     width: 64px
 }

 .AvatarPhoto--mega {
     font-size: 48px;
     height: 120px;
     line-height: 120px;
     min-width: 120px;
     width: 120px
 }

 .AvatarPhoto--color0.AvatarPhoto {
     background-color: var(--color-customization-purple-background);
     color: var(--color-customization-purple-foreground)
 }

 .AvatarPhoto--color1.AvatarPhoto {
     background-color: var(--color-customization-blue-green-background);
     color: var(--color-customization-blue-green-foreground)
 }

 .AvatarPhoto--color2.AvatarPhoto {
     background-color: var(--color-customization-magenta-background);
     color: var(--color-customization-magenta-foreground)
 }

 .AvatarPhoto--color3.AvatarPhoto {
     background-color: var(--color-customization-pink-background);
     color: var(--color-customization-pink-foreground)
 }

 .AvatarPhoto--color4.AvatarPhoto {
     background-color: var(--color-customization-blue-background);
     color: var(--color-customization-blue-foreground)
 }

 .AvatarPhoto--color5.AvatarPhoto {
     background-color: var(--color-customization-yellow-background);
     color: var(--color-customization-yellow-foreground)
 }

 .AvatarPhoto--color6.AvatarPhoto {
     background-color: var(--color-customization-yellow-orange-background);
     color: var(--color-customization-yellow-orange-foreground)
 }

 .AvatarPhoto--color7.AvatarPhoto {
     background-color: var(--color-customization-indigo-background);
     color: var(--color-customization-indigo-foreground)
 }

 .Avatar {
     align-items: center;
     background: center/cover var(--color-deprecated-lightGray3);
     border-radius: 50%;
     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07);
     box-sizing: border-box;
     color: #fff;
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
     display: inline-flex;
     justify-content: center;
     position: relative;
     vertical-align: top
 }

 .Avatar-initials {
     display: none;
     position: relative;
     top: 1px
 }

 .Avatar--withInitials>.Avatar-initials {
     display: inline
 }

 .Avatar-vacationOverlay {
     border-radius: 50%;
     box-shadow: inset 0 0 0 1px #fcbd01, inset 0 0 0 2px var(--color-background-weak);
     height: 100%;
     left: 0;
     position: absolute;
     text-align: center;
     top: 0;
     width: 100%
 }

 .Avatar-vacationOverlay::before {
     background-color: var(--color-background-weak);
     border-radius: 50%;
     content: "";
     display: block;
     height: 100%;
     opacity: .5;
     width: 100%
 }

 .AvatarButton {
     cursor: pointer;
     display: inline-flex
 }

 .AvatarButton.AvatarButton--sizeXSmall.AvatarButton {
     border-radius: 12px
 }

 .AvatarButton.AvatarButton--sizeSmall.AvatarButton {
     border-radius: 14px
 }

 .AvatarButton.AvatarButton--sizeMedium.AvatarButton {
     border-radius: 18px
 }

 .AvatarButton.AvatarButton--sizeLarge.AvatarButton {
     border-radius: 20px
 }

 .AvatarButton.AvatarButton--sizeXLarge.AvatarButton {
     border-radius: 26px
 }

 .AvatarButton:focus {
     outline: none
 }

 .AvatarButton:focus:focus:not(:focus-visible) {
     box-shadow: none
 }

 .AvatarButton:focus:not(:active):focus-visible.AvatarButton--standardTheme {
     box-shadow: 0 0 0 2px var(--color-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active)
 }

 .AvatarButton:focus:not(:active):focus-visible.AvatarButton--inverseTheme {
     box-shadow: 0 0 0 2px var(--color-inverse-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active-inverse)
 }

 .AvatarButton:hover .AvatarButton-avatar {
     box-shadow: inset 0 0 0 24px rgba(0, 0, 0, .1)
 }

 .AvatarLink {
     border-radius: 50%;
     cursor: pointer;
     display: inline-flex
 }

 .AvatarLink:focus {
     outline: none
 }

 .AvatarLink:focus:focus:not(:focus-visible) {
     box-shadow: none
 }

 .AvatarLink:focus:not(:active):focus-visible.AvatarLink--standardTheme {
     box-shadow: 0 0 0 2px var(--color-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active)
 }

 .AvatarLink:focus:not(:active):focus-visible.AvatarLink--inverseTheme {
     box-shadow: 0 0 0 2px var(--color-inverse-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active-inverse)
 }

 .AvatarLink:hover .AvatarLink-avatar {
     box-shadow: inset 0 0 0 24px rgba(0, 0, 0, .1)
 }

 .AvatarWithBadge-container {
     position: relative
 }

 .AvatarWithBadge-avatar {
     border-radius: 50%
 }

 .AvatarWithBadge-badge {
     bottom: 0;
     position: absolute;
     right: 0;
     transform: translateX(7px) translateY(7px)
 }

 .AvatarWithDoNotDisturb-container {
     position: relative
 }

 .AvatarWithDoNotDisturb-avatar {
     font-size: 12px;
     height: 28px;
     line-height: 28px;
     min-width: 28px;
     width: 28px;
     transition: .2s box-shadow
 }

 .AvatarWithDoNotDisturb-icon {
     bottom: 0;
     position: absolute;
     right: 0;
     transform: translateX(6px) translateY(6px)
 }

 .AvatarWithDoNotDisturb-icon .CompoundIcon-inner {
     fill: var(--color-warning-icon);
     transition: 200ms fill, 200ms stroke
 }

 .AvatarWithDoNotDisturb-icon .CompoundIcon-outer {
     fill: var(--color-background-weak);
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .CountAvatar {
     align-items: center;
     box-sizing: border-box;
     display: inline-flex;
     justify-content: center
 }

 .CountAvatar.CountAvatar--standardTheme {
     background: var(--color-background-medium);
     border: 1px solid var(--color-border-strong);
     color: var(--color-text-weak)
 }

 .CountAvatar.CountAvatar--inverseTheme {
     background: var(--color-inverse-background-medium);
     border: 1px solid var(--color-inverse-border);
     color: var(--color-inverse-text-weak)
 }

 .CountAvatar--sizeSmall {
     border-radius: 12px;
     font-size: 12px;
     height: 24px;
     min-width: 24px;
     padding: 0 8px
 }

 .CountAvatar--sizeMedium {
     border-radius: 16px;
     font-size: 12px;
     height: 32px;
     min-width: 32px;
     padding: 0 8px
 }

 .CountAvatar--sizeLarge {
     border-radius: 18px;
     font-size: 14px;
     height: 36px;
     min-width: 36px;
     padding: 0 12px
 }

 .CountAvatar--sizeXLarge {
     border-radius: 24px;
     font-size: 16px;
     height: 48px;
     min-width: 48px;
     padding: 0 16px
 }

 .IconAvatar {
     align-items: center;
     border-radius: 50%;
     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07);
     box-sizing: border-box;
     display: inline-flex;
     justify-content: center
 }

 .IconAvatar--grayscale {
     background-color: var(--color-background-strong);
     fill: var(--color-icon)
 }

 .IconAvatar--gold {
     background-color: var(--color-background-weak);
     fill: #fcbd01
 }

 .IconAvatar--invertedcoral {
     background-color: #ff5263;
     fill: #fff
 }

 .IconAvatar--coral {
     background-color: #fff;
     fill: #ff5263
 }

 .IconAvatar--corange {
     background: linear-gradient(45deg, #ff5263 0%, #ff7381 60%, #fcbd01 115%);
     fill: #fff
 }

 .IconAvatar--xsmall {
     height: 20px;
     line-height: 20px;
     min-width: 20px;
     width: 20px
 }

 .IconAvatar--small {
     height: 24px;
     line-height: 24px;
     min-width: 24px;
     width: 24px
 }

 .IconAvatar--medium {
     height: 32px;
     line-height: 32px;
     min-width: 32px;
     width: 32px
 }

 .IconAvatar--large {
     height: 36px;
     line-height: 36px;
     min-width: 36px;
     width: 36px
 }

 .IconAvatar--xlarge {
     height: 48px;
     line-height: 48px;
     min-width: 48px;
     width: 48px
 }

 .PlaceholderAvatar {
     background: transparent;
     background-position: center center;
     border: 1px dashed var(--color-icon);
     fill: var(--color-icon);
     align-items: center;
     border-radius: 50%;
     box-sizing: border-box;
     display: inline-flex;
     justify-content: center
 }

 .PlaceholderAvatar--small {
     height: 24px;
     width: 24px
 }

 .PlaceholderAvatar--medium {
     height: 32px;
     width: 32px
 }

 .PlaceholderAvatar--large {
     height: 36px;
     width: 36px
 }

 .PlaceholderAvatar--xlarge {
     height: 48px;
     width: 48px
 }

 .RemovableAvatar {
     border-radius: 50%;
     position: relative
 }

 .RemovableAvatar-avatarRemoveButton {
     margin: -2px;
     position: absolute;
     right: -4px;
     top: -4px;
     visibility: hidden
 }

 .RemovableAvatar:hover .RemovableAvatar-avatarRemoveButton {
     visibility: visible
 }

 .TypeaheadItemStructure {
     align-items: center;
     display: flex;
     height: 40px;
     padding: 0 16px
 }

 .TypeaheadItemStructure--enabled {
     background: var(--color-background-weak);
     cursor: pointer
 }

 .TypeaheadItemStructure--enabled.TypeaheadItemStructure--highlighted {
     background-color: var(--color-background-weak-hover-deprecated);
     color: var(--color-text)
 }

 .TypeaheadItemStructure--disabled {
     background: var(--color-background-medium);
     color: var(--color-text-disabled);
     fill: var(--color-icon-disabled)
 }

 .TypeaheadItemStructure-icon {
     display: flex;
     fill: var(--color-icon);
     flex-shrink: 0;
     justify-content: center;
     margin-right: 8px;
     width: 24px
 }

 .TypeaheadItemStructure-label {
     align-items: center;
     display: flex;
     min-width: 1px
 }

 .TypeaheadItemStructure-title,
 .TypeaheadItemStructure-subtitle {
     line-height: 22px;
     min-width: 50px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .TypeaheadItemStructure-subtitle {
     color: var(--color-text-weak);
     fill: var(--color-icon);
     font-size: 12px;
     margin-left: 8px
 }

 .TypeaheadItemStructure--disabled .TypeaheadItemStructure-subtitle {
     color: var(--color-text-disabled);
     fill: var(--color-icon-disabled)
 }

 .TypeaheadItemStructure-shortcutLabel {
     margin-left: auto;
     padding-left: 8px
 }

 .HintTextTypeaheadItem {
     background: var(--color-background-weak);
     color: var(--color-text-weak);
     padding: 8px 16px
 }

 .TypeaheadItemStructure2 {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     padding: 8px 16px
 }

 .TypeaheadItemStructure2--enabled {
     background: var(--color-background-weak);
     cursor: pointer
 }

 .TypeaheadItemStructure2--enabled.TypeaheadItemStructure2--highlighted {
     background-color: var(--color-background-hover);
     color: var(--color-text)
 }

 .TypeaheadItemStructure2--disabled {
     background: var(--color-background-medium);
     color: var(--color-text-disabled);
     fill: var(--color-icon-disabled)
 }

 .TypeaheadItemStructure2-body {
     display: flex;
     flex-direction: column;
     flex-grow: 1;
     min-width: 0
 }

 .TypeaheadItemStructure2-body.TypeaheadItemStructure2-body--subtitleOnRight {
     flex-direction: row
 }

 .TypeaheadItemStructure2-iconLeftContainer {
     align-items: center;
     display: flex;
     fill: var(--color-icon);
     flex-shrink: 0;
     height: 22px;
     justify-content: center;
     margin-right: 8px;
     width: 24px
 }

 .TypeaheadItemStructure2-iconRightContainer {
     align-items: center;
     display: flex;
     fill: var(--color-icon);
     flex-shrink: 0;
     height: 22px;
     margin-left: 8px
 }

 .TypeaheadItemStructure2-title {
     line-height: 22px;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .TypeaheadItemStructure2-title--allowMultiline {
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     max-height: 44px;
     white-space: normal
 }

 .TypeaheadItemStructure2-title--noAllowMultiline {
     white-space: nowrap
 }

 .TypeaheadItemStructure2-subtitle {
     color: var(--color-text-weak);
     fill: var(--color-icon);
     font-size: 12px;
     line-height: 22px;
     min-width: 50px;
     white-space: nowrap
 }

 .TypeaheadItemStructure2--disabled .TypeaheadItemStructure2-subtitle {
     color: var(--color-text-disabled);
     fill: var(--color-icon-disabled)
 }

 .TypeaheadItemStructure2-subtitleOnRight {
     margin-left: 8px
 }

 .TypeaheadItemStructure2-subtitleBelow {
     display: flex;
     min-width: 0
 }

 .ApprovalCompletionStatusIndicator.ApprovalCompletionStatusIndicator--pending .CompoundIcon-inner {
     fill: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .ApprovalCompletionStatusIndicator.ApprovalCompletionStatusIndicator--pending .CompoundIcon-outer {
     fill: transparent;
     stroke: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .ApprovalCompletionStatusIndicator.ApprovalCompletionStatusIndicator--changesRequested .CompoundIcon-inner {
     fill: var(--color-icon-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .ApprovalCompletionStatusIndicator.ApprovalCompletionStatusIndicator--changesRequested .CompoundIcon-outer {
     fill: var(--color-warning-icon);
     stroke: var(--color-warning-icon);
     transition: 200ms fill, 200ms stroke
 }

 .ApprovalCompletionStatusIndicator.ApprovalCompletionStatusIndicator--approved .CompoundIcon-inner {
     fill: var(--color-icon-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .ApprovalCompletionStatusIndicator.ApprovalCompletionStatusIndicator--approved .CompoundIcon-outer {
     fill: var(--color-success-icon);
     stroke: var(--color-success-icon);
     transition: 200ms fill, 200ms stroke
 }

 .ApprovalCompletionStatusIndicator.ApprovalCompletionStatusIndicator--rejected .CompoundIcon-inner {
     fill: var(--color-icon-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .ApprovalCompletionStatusIndicator.ApprovalCompletionStatusIndicator--rejected .CompoundIcon-outer {
     fill: var(--color-danger-icon);
     stroke: var(--color-danger-icon);
     transition: 200ms fill, 200ms stroke
 }

 .MilestoneCompletionStatusIndicator.MilestoneCompletionStatusIndicator--incomplete .CompoundIcon-inner {
     fill: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .MilestoneCompletionStatusIndicator.MilestoneCompletionStatusIndicator--incomplete .CompoundIcon-outer {
     fill: transparent;
     stroke: var(--color-success-icon);
     transition: 200ms fill, 200ms stroke
 }

 .MilestoneCompletionStatusIndicator.MilestoneCompletionStatusIndicator--complete .CompoundIcon-inner {
     fill: var(--color-icon-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .MilestoneCompletionStatusIndicator.MilestoneCompletionStatusIndicator--complete .CompoundIcon-outer {
     fill: var(--color-success-icon);
     stroke: var(--color-success-icon);
     transition: 200ms fill, 200ms stroke
 }

 .MilestoneCompletionStatusIndicator.MilestoneCompletionStatusIndicator--overdue .CompoundIcon-inner {
     fill: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .MilestoneCompletionStatusIndicator.MilestoneCompletionStatusIndicator--overdue .CompoundIcon-outer {
     fill: transparent;
     stroke: var(--color-danger-icon);
     transition: 200ms fill, 200ms stroke
 }

 .TaskCompletionStatusIndicator.TaskCompletionStatusIndicator--incomplete .CompoundIcon-inner {
     fill: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .TaskCompletionStatusIndicator.TaskCompletionStatusIndicator--incomplete .CompoundIcon-outer {
     fill: transparent;
     stroke: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .TaskCompletionStatusIndicator.TaskCompletionStatusIndicator--complete .CompoundIcon-inner {
     fill: var(--color-icon-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .TaskCompletionStatusIndicator.TaskCompletionStatusIndicator--complete .CompoundIcon-outer {
     fill: var(--color-success-icon);
     stroke: var(--color-success-icon);
     transition: 200ms fill, 200ms stroke
 }

 .TypeaheadActionItemStructure {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     align-items: center;
     background: var(--color-background-weak);
     border-top: var(--color-border) solid 1px;
     color: var(--color-primary-text);
     cursor: pointer;
     display: flex;
     fill: var(--color-primary-icon);
     height: 40px;
     padding: 0 16px
 }

 .TypeaheadActionItemStructure.TypeaheadActionItemStructure--highlighted {
     background-color: var(--color-background-hover);
     color: var(--color-primary-text);
     fill: var(--color-primary-icon)
 }

 .TypeaheadActionItemStructure-icon {
     margin-right: 8px;
     min-width: 24px
 }

 .TypeaheadDropdownSection-heading {
     background-color: var(--color-background-weak);
     padding: 16px 16px 4px
 }

 .TypeaheadScrollable {
     max-height: 190px;
     width: 450px
 }

 .TypeaheadScrollable-contents--noPointerEvents {
     pointer-events: none
 }

 .TypeaheadSearchLoadingState {
     padding: 4px 0
 }

 .TypeaheadSearchLoadingState-sectionNameRow {
     display: flex;
     flex-direction: row
 }

 .TypeaheadSearchLoadingState-sectionName {
     height: 18px;
     padding: 8px 16px 4px
 }

 .TypeaheadSearchLoadingState-sectionNameText {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 12px;
     height: 12px;
     width: 120px
 }

 .TypeaheadSearchLoadingState-icon {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     background-color: var(--color-background-medium);
     border-radius: 4px;
     height: 16px;
     width: 16px
 }

 .TypeaheadSearchLoadingState-resultTitle {
     align-items: center;
     display: flex;
     height: 22px
 }

 .TypeaheadSearchLoadingState-resultTitleText {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 12px;
     height: 16px;
     width: 240px
 }

 .TypeaheadSearchLoadingState-resultSubtitle {
     align-items: center;
     display: flex;
     height: 22px
 }

 .TypeaheadSearchLoadingState-resultSubtitleText {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 12px;
     height: 12px;
     width: 200px
 }

 .TypeaheadSearchLoadingState-lastResult {
     margin-bottom: 4px
 }

 .DueTimeView-label {
     display: block;
     margin-bottom: 4px;
     margin-right: 0;
     text-align: left
 }

 .DueTimeView-timeSelect {
     width: calc(50% - 4px)
 }

 .DueTimeViewV2 {
     align-items: center;
     display: flex;
     font-size: 12px;
     width: 100%
 }

 .DueTimeViewV2-timeIcon {
     align-self: center;
     fill: var(--color-icon);
     margin: 0 8px
 }

 .DueTimeViewV2-timeSelect {
     margin-left: auto;
     width: 77px
 }

 .DueTimeViewV2-label {
     margin-right: 12px
 }

 .TimeRange.TimeRange--withStartTime {
     display: grid;
     grid-column-gap: 16px;
     grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
 }

 .TimeRange-startTimeButtonLabel {
     flex: 1 1 auto
 }

 .TimeRange--withoutStartTime .TimeRange-dueTime {
     width: 100%
 }

 .TimeTypeahead {
     display: inline-block;
     position: relative
 }

 .TimeTypeahead-input {
     width: 100%
 }

 .TimeTypeahead-input.TimeTypeahead-input--withRemoveButton {
     padding-right: 36px
 }

 .TimeTypeahead-removeButton {
     position: absolute;
     right: 4px;
     top: 50%;
     transform: translateY(-50%)
 }

 .TimeTypeahead-scrollable {
     width: 109px
 }

 .RecurrenceView {
     color: var(--color-text);
     display: flex
 }

 .RecurrenceView.is-expanded {
     display: block
 }

 .RecurrenceView-repeatIcon {
     align-self: center;
     fill: var(--color-icon);
     flex-shrink: 0;
     margin: -2px 8px -2px 4px
 }

 .RecurrenceView-field {
     margin-top: 8px
 }

 .RecurrenceView-field:first-child {
     margin-top: 0
 }

 .RecurrenceView-wrapText {
     display: inline-block;
     margin-left: 4px;
     max-width: 70px;
     vertical-align: middle
 }

 .RecurrenceView-weeklyDays {
     display: flex;
     font-size: 12px;
     justify-content: space-around;
     margin: 16px 0 4px
 }

 .RecurrenceView-weeklyDayCheckbox {
     margin-right: 3px
 }

 .RecurrenceViewDropdownMenu-menu {
     max-height: 169.6px;
     overflow-x: hidden;
     overflow-y: auto
 }

 .RecurrenceViewDropdownMenu-buttonArrowIcon {
     padding-left: 4px
 }

 .RecurrenceViewV2 {
     color: var(--color-text);
     font-size: 12px
 }

 .RecurrenceViewV2-repeatIcon {
     align-self: center;
     fill: var(--color-icon);
     flex-shrink: 0;
     margin-right: 8px
 }

 .RecurrenceViewV2-field {
     margin-left: 8px;
     margin-top: 8px
 }

 .RecurrenceViewV2-field--singleRow {
     align-items: center;
     display: flex;
     flex-wrap: wrap
 }

 .RecurrenceViewV2-onTheseDaysLabel {
     margin: 4px 0 8px
 }

 .RecurrenceViewV2-repeatTypeDropdown,
 .RecurrenceViewV2-numDaysAfterCompletion,
 .RecurrenceViewV2-numWeeksOrMonthDropdown,
 .RecurrenceViewV2-onDayDropdown {
     margin-left: auto
 }

 .RecurrenceViewV2-weeklyDays {
     display: flex;
     font-size: 12px;
     justify-content: space-between
 }

 .RecurrenceViewV2-weeklyDayCheckboxWrapper {
     margin-right: 4px
 }

 .RecurrenceViewV2-weeklyDayCheckbox {
     display: block
 }

 .RecurrenceViewV2-weeklyDayLabel {
     display: block;
     padding-top: 4px;
     text-align: center
 }

 .BaseHeroLandscapeIllustration {
     height: 320px;
     width: 480px
 }

 .BaseHeroPortraitIllustration {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     width: 240px
 }

 .BaseHeroPortraitIllustration.BaseHeroPortraitIllustration--small {
     height: 480px
 }

 .BaseHeroPortraitIllustration.BaseHeroPortraitIllustration--medium {
     height: 560px
 }

 .BaseHeroPortraitIllustration.BaseHeroPortraitIllustration--large {
     height: 640px
 }

 .Illustration.Illustration--xsmall {
     height: 72px;
     min-height: 72px
 }

 .Illustration.Illustration--xsmall.Illustration--scene {
     min-width: 144px;
     width: 144px
 }

 .Illustration.Illustration--xsmall.Illustration--spot {
     min-width: 72px;
     width: 72px
 }

 .Illustration.Illustration--small {
     height: 96px;
     min-height: 96px
 }

 .Illustration.Illustration--small.Illustration--scene {
     min-width: 192px;
     width: 192px
 }

 .Illustration.Illustration--small.Illustration--spot {
     min-width: 96px;
     width: 96px
 }

 .Illustration.Illustration--medium {
     height: 160px;
     min-height: 160px
 }

 .Illustration.Illustration--medium.Illustration--scene {
     min-width: 320px;
     width: 320px
 }

 .Illustration.Illustration--medium.Illustration--spot {
     min-width: 160px;
     width: 160px
 }

 .Illustration.Illustration--large {
     height: 200px;
     min-height: 200px
 }

 .Illustration.Illustration--large.Illustration--scene {
     min-width: 400px;
     width: 400px
 }

 .Illustration.Illustration--large.Illustration--spot {
     min-width: 200px;
     width: 200px
 }

 .Illustration.Illustration--xlarge {
     height: 280px;
     min-height: 280px
 }

 .Illustration.Illustration--xlarge.Illustration--scene {
     min-width: 560px;
     width: 560px
 }

 .Illustration.Illustration--xlarge.Illustration--spot {
     min-width: 280px;
     width: 280px
 }

 .MiniIllustration.MiniIllustration--smallMiniIcon {
     height: 12px;
     min-height: 12px;
     min-width: 12px;
     width: 12px
 }

 .MiniIllustration.MiniIllustration--smallIcon {
     height: 16px;
     min-height: 16px;
     min-width: 16px;
     width: 16px
 }

 .MiniIllustration.MiniIllustration--xsmallAvatar {
     height: 20px;
     min-height: 20px;
     min-width: 20px;
     width: 20px
 }

 .MiniIllustration.MiniIllustration--smallAvatar {
     height: 24px;
     min-height: 24px;
     min-width: 24px;
     width: 24px
 }

 .MiniIllustration.MiniIllustration--largeMiniIcon {
     height: 24px;
     min-height: 24px;
     min-width: 24px;
     width: 24px
 }

 .MiniIllustration.MiniIllustration--mediumAvatar {
     height: 32px;
     min-height: 32px;
     min-width: 32px;
     width: 32px
 }

 .MiniIllustration.MiniIllustration--largeIcon {
     height: 32px;
     min-height: 32px;
     min-width: 32px;
     width: 32px
 }

 .MiniIllustration.MiniIllustration--largeAvatar {
     height: 36px;
     min-height: 36px;
     min-width: 36px;
     width: 36px
 }

 .MiniIllustration.MiniIllustration--xlargeAvatar {
     height: 48px;
     min-height: 48px;
     min-width: 48px;
     width: 48px
 }

 .MiniIllustration.MiniIllustration--hugeAvatar {
     height: 64px;
     min-height: 64px;
     min-width: 64px;
     width: 64px
 }

 .DecorativeModalLayer {
     align-items: center;
     bottom: 0;
     display: flex;
     flex-direction: column;
     left: 0;
     position: fixed;
     right: 0;
     top: 0;
     z-index: 900
 }

 .DecorativeModalLayer.DecorativeModalLayer--isDesktop {
     top: 40px
 }

 .DecorativeModalLayer.DecorativeModalLayer--isDesktop.DecorativeModalLayer--globalNavEnabled {
     top: 48px
 }

 @media print {
     .DecorativeModalLayer {
         display: block;
         position: absolute
     }
 }

 .FullScreenModal-modal {
     background-color: var(--color-background-weak);
     bottom: 0;
     left: 0;
     min-width: 920px;
     position: fixed;
     right: 0;
     top: 0
 }

 .FullScreenModal-modal--hidden {
     opacity: 0;
     transform: translateY(10%)
 }

 .FullScreenModal-modal--appear {
     opacity: 1;
     transform: none;
     transition: 100ms opacity, 100ms transform
 }

 .FullScreenModal-modal.FullScreenModal--isDesktop {
     top: 40px
 }

 .FullScreenModal-modal.FullScreenModal--isDesktop.FullScreenModal--globalNavEnabled {
     top: 48px
 }

 .ModalBuffer {
     background-color: var(--color-modal-shroud);
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     min-height: 1px;
     width: 100%
 }

 .ModalBuffer .ModalBuffer-topBuffer,
 .ModalBuffer .ModalBuffer-bottomBuffer {
     flex: 0 1000 80px;
     height: 80px;
     min-height: 40px
 }

 .ModalBuffer.ModalBuffer--isFullHeight .ModalBuffer-topBuffer,
 .ModalBuffer.ModalBuffer--isFullHeight .ModalBuffer-bottomBuffer {
     flex: 0 1000 40px;
     height: 40px;
     min-height: 40px
 }

 .ModalBuffer-content {
     display: flex;
     flex: 0 1 auto;
     justify-content: center;
     min-height: 1px;
     width: 100%
 }

 .ModalBuffer-content.ModalBuffer-content--isFullHeight {
     flex-grow: 1
 }

 .ModalPaneWithBuffer-pane {
     background: var(--color-background-weak);
     border-radius: 4px;
     display: flex;
     flex-direction: column;
     margin: 0 80px;
     min-height: 1px;
     overflow: hidden
 }

 .ModalPaneWithBuffer-pane.ModalPaneWithBuffer-pane--isNewRoundedCorner {
     border-radius: 12px
 }

 .LottiePlayer {
     min-height: 480px;
     min-width: 640px
 }

 .WistiaVideoModal {
     overflow-y: auto;
     text-align: left;
     width: 800px
 }

 @media screen and (min-height: 1000px)and (min-width: 1700px) {
     .WistiaVideoModal {
         width: 1600px
     }
 }

 .WistiaVideoModal-header {
     align-items: center;
     display: flex;
     flex-direction: column;
     flex-shrink: 0;
     padding: 32px;
     padding-bottom: 24px;
     position: relative;
     text-align: center
 }

 .WistiaVideoModal-headerTitle {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 24px;
     font-weight: 500;
     line-height: 32px;
     display: flex
 }

 .WistiaVideoModal-subHeader {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     text-align: center
 }

 .WistiaVideoModal-video {
     height: 385px;
     margin-bottom: 32px;
     width: 680px
 }

 @media screen and (min-height: 1000px)and (min-width: 1700px) {
     .WistiaVideoModal-video {
         height: 770px;
         width: 1360px
     }
 }

 .WistiaVideoModal-buttonContainer {
     position: absolute;
     right: 8px;
     top: 8px
 }

 .WistiaVideoModal-collapseButton {
     margin-right: 4px
 }

 .WistiaVideoModal-body {
     align-items: center;
     display: flex;
     flex-direction: column;
     padding: 0 64px
 }

 .AnnouncementDialog-button {
     margin: 0 4px
 }

 .DeprecatedDialog {
     color: var(--color-text);
     display: flex;
     flex-direction: column;
     font-size: 14px;
     font-weight: 400;
     min-height: 1px;
     text-align: left;
     width: 580px
 }

 .DesignTokenThemeSelectors-theme--blacklight .DeprecatedDialog {
     border: 2px solid red
 }

 @media print {
     .DeprecatedDialog--print {
         background-color: var(--color-background-weak);
         display: block;
         left: 0;
         min-height: 100%;
         position: absolute;
         right: 0;
         top: 0;
         width: 100%
     }
 }

 .DeprecatedDialog-header {
     border-bottom: 1px solid var(--color-border);
     border-radius: 4px 4px 0 0;
     display: flex;
     flex-shrink: 0;
     padding: 8px 32px;
     position: relative
 }

 @media print {
     .DeprecatedDialog-header--print {
         display: none
     }
 }

 @media print {
     .DeprecatedDialog-modalLayer--print {
         position: absolute
     }
 }

 .DeprecatedDialog-headerTitle {
     align-self: center;
     color: var(--color-text);
     flex: 1;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 24px;
     font-weight: 500;
     line-height: 32px;
     min-width: 1px;
     overflow-wrap: break-word
 }

 .DeprecatedDialog-closeButton {
     position: absolute;
     right: 8px;
     top: 8px
 }

 .DeprecatedConfirmationDialog-dialogContents {
     padding: 16px 32px 24px
 }

 .DeprecatedConfirmationDialog-dialogText {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px
 }

 .DeprecatedConfirmationDialog-dialogButtonRow {
     display: flex;
     justify-content: flex-end;
     margin-top: 16px
 }

 .DeprecatedConfirmationDialog-dialogButton {
     margin-left: 8px
 }

 .DeprecatedConfirmationDialog-loadingIndicator {
     margin: 0 8px
 }

 .MarketingDialog-subHeader {
     margin-top: 8px;
     max-width: 450px;
     text-align: center
 }

 .MarketingDialog-image,
 .MarketingDialog-video {
     margin-top: 32px;
     max-width: 450px
 }

 .MarketingDialog-body {
     color: var(--color-text-weak);
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 16px;
     line-height: 24px;
     align-items: center;
     display: flex;
     flex-direction: column;
     padding: 0 32px
 }

 .MarketingDialog-actionRow {
     align-items: center;
     display: flex;
     flex: 0 0 auto;
     flex-direction: column;
     padding: 32px
 }

 .MarketingDialog-actionButtons {
     display: flex;
     flex-direction: row
 }

 .MarketingDialog-secondaryActionLink {
     font-size: 14px;
     line-height: normal;
     margin-top: 16px;
     text-align: center
 }

 .MessageDialog {
     overflow-y: auto;
     text-align: left
 }

 .MessageDialog--medium {
     width: 580px
 }

 .MessageDialog--large {
     width: 700px
 }

 .MessageDialog-header {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 24px;
     font-weight: 500;
     line-height: 32px;
     align-items: center;
     display: flex;
     flex-direction: column;
     flex-shrink: 0;
     padding-left: 32px;
     padding-right: 32px;
     padding-top: 32px;
     position: relative;
     text-align: center
 }

 .MessageDialog-header .MessageDialog-headerTitle {
     width: 100%
 }

 .MessageDialog-closeButton {
     position: absolute;
     right: 16px;
     top: 16px
 }

 @media screen {
     .PrintDialog-contents {
         display: none
     }
 }

 @media print {
     .PrintDialog-contents {
         position: relative
     }
 }

 @media screen {
     .PrintDialog-background {
         display: none
     }
 }

 @media print {
     .PrintDialog-background {
         height: 100vh;
         position: absolute;
         top: 0;
         width: 100%
     }
 }

 @media print {
     .PrintDialog-loadingIndicator {
         display: none
     }
 }

 .PrintDialog-errorMessage {
     color: var(--color-danger-text);
     font-size: 12px;
     line-height: 18px;
     padding: 16px
 }

 .SuccessDialogContents-text {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 16px;
     font-weight: 500;
     line-height: 20px;
     margin: 32px;
     text-align: center
 }

 .SuccessDialogContents-illustration {
     display: block;
     margin: 32px auto auto
 }

 .DateInputWithCalendar-dropdown {
     padding: 8px
 }

 .DatePickerCalendar {
     font-size: 12px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .DatePickerCalendar-monthPicker {
     align-items: center;
     display: flex;
     height: 48px;
     justify-content: space-between
 }

 .DatePickerCalendar-monthSelect {
     margin-right: -20px
 }

 .DatePickerCalendar-monthSelect .ButtonSelect-label {
     font-size: 12px;
     font-weight: 500;
     text-transform: uppercase
 }

 .DatePickerCalendar-prevMonth {
     margin-left: -4px
 }

 .DatePickerCalendar-nextMonth {
     margin-right: -4px
 }

 .DatePickerCalendar-weekdayHeaders {
     border-bottom: 1px solid var(--color-border);
     display: flex;
     padding: 4px 0 8px
 }

 .DatePickerCalendar-weekdayHeader {
     align-items: center;
     color: var(--color-text-weak);
     display: flex;
     flex: 0 0 28px;
     font-weight: 500;
     justify-content: center
 }

 .DatePickerCalendar-weekdayHeader:not(:first-child) {
     margin-left: 6px
 }

 .DatePickerCalendar-days {
     padding: 4px 0
 }

 .DatePickerCalendar--newDatePickerExperiment .DatePickerCalendar-monthPicker {
     height: auto;
     margin-top: 4px
 }

 .DatePickerCalendar--newDatePickerExperiment .DatePickerCalendar-weekdayHeaders {
     border-bottom: none;
     padding: 0
 }

 .DatePickerCalendar--newDatePickerExperiment .DatePickerCalendar-weekdayHeader {
     color: var(--color-text-weak)
 }

 .DatePickerCalendar--newDatePickerExperiment .DatePickerCalendar-weekdayHeader:not(:first-child) {
     margin-left: 8px
 }

 .DatePickerCalendar--newDatePickerExperiment .DatePickerCalendar-days {
     margin-top: 4px
 }

 .DatePickerCalendar--newDatePickerExperiment .DatePickerCalendar-monthSelect .ButtonSelect-label {
     font-size: 12px;
     font-weight: 400;
     text-transform: uppercase
 }

 .DatePickerCalendar--newDatePickerExperiment .DatePickerCalendar-month {
     margin-top: 4px;
     padding-bottom: 8px
 }

 .DatePicker {
     background: var(--color-background-weak);
     border-radius: 4px;
     font-size: 12px;
     padding: 0 16px 16px;
     width: 232px
 }

 .DatePicker:focus {
     outline: none
 }

 .DatePicker-calendar {
     border-bottom: 1px solid var(--color-border)
 }

 .DatePicker-advancedSettingsSection {
     margin-top: 8px
 }

 .DatePicker-advancedSettingsLinks {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     color: var(--color-text-weak);
     margin-top: 8px
 }

 .DatePicker-addDueTime,
 .DatePicker-addRecurrence,
 .DatePicker-addDateRange,
 .DatePicker-upgradeLink {
     display: inline-block
 }

 .DatePicker-dependencyWarning {
     color: var(--color-text-weak);
     margin-top: 8px
 }

 .DatePicker-upgradeLink .Icon {
     height: 12px;
     width: 12px
 }

 .DatePicker-upgradeLink .Icon {
     vertical-align: middle
 }

 .DatePicker-upgradeLink .Icon {
     margin-left: 2px
 }

 .DatePicker-premiumIcon {
     fill: var(--color-upsell-icon)
 }

 .DatePicker-okButton {
     display: flex;
     margin-top: 8px
 }

 .DatePickerCalendarDate {
     box-sizing: border-box;
     display: inline-block;
     position: relative;
     vertical-align: top
 }

 .DatePickerCalendarDate:not(:first-child) {
     margin-left: 6px
 }

 .DatePickerCalendarDate-selectionGrayBackground,
 .DatePickerCalendarDate-selectionBackground,
 .DatePickerCalendarDate-hoverBackground {
     bottom: 2px;
     pointer-events: none;
     position: absolute;
     top: 2px
 }

 .DatePickerCalendarDate-button {
     align-items: center;
     box-sizing: border-box;
     cursor: pointer;
     display: flex;
     height: 28px;
     justify-content: center;
     padding-top: 1px;
     position: relative;
     width: 28px
 }

 .DatePickerCalendarDate--weekend,
 .DatePickerCalendarDate--adjacentMonth {
     color: var(--color-text-weak)
 }

 .DatePickerCalendarDate--today {
     color: var(--color-text);
     font-weight: 700
 }

 .DatePickerCalendarDate--today .DatePickerCalendarDate-button::after {
     background: var(--color-text);
     border-radius: 1px;
     bottom: 6px;
     content: "";
     height: 2px;
     left: 8px;
     position: absolute;
     right: 8px
 }

 .DatePickerCalendarDate--startDate .DatePickerCalendarDate-selectionGrayBackground,
 .DatePickerCalendarDate--startDate .DatePickerCalendarDate-selectionBackground {
     border: 2px solid var(--color-background-weak);
     border-radius: 50% 0 0 50%;
     border-right-width: 0;
     bottom: 0;
     left: 0;
     right: -6px;
     top: 0
 }

 .DatePickerCalendarDate--startDate:not(.DatePickerCalendarDate--weekend) .DatePickerCalendarDate-selectionGrayBackground {
     background: var(--color-background-strong)
 }

 .DatePickerCalendarDate--startDate:not(.DatePickerCalendarDate--weekend).DatePickerCalendarDate--showSelectionBackground {
     color: var(--color-text-foreground);
     font-weight: medium
 }

 .DatePickerCalendarDate--startDate:not(.DatePickerCalendarDate--weekend).DatePickerCalendarDate--showSelectionBackground.DatePickerCalendarDate--today .DatePickerCalendarDate-button::after {
     background: var(--color-text-foreground);
     border-radius: 1px;
     bottom: 6px;
     content: "";
     height: 2px;
     left: 8px;
     position: absolute;
     right: 8px
 }

 .DatePickerCalendarDate--startDate:not(.DatePickerCalendarDate--weekend).DatePickerCalendarDate--showSelectionBackground .DatePickerCalendarDate-selectionBackground {
     background: var(--color-selected-background-strong)
 }

 .DatePickerCalendarDate--startDate.DatePickerCalendarDate--weekend .DatePickerCalendarDate-selectionGrayBackground {
     background: var(--color-background-strong)
 }

 .DatePickerCalendarDate--startDate.DatePickerCalendarDate--weekend.DatePickerCalendarDate--showSelectionBackground {
     color: var(--color-text-foreground)
 }

 .DatePickerCalendarDate--startDate.DatePickerCalendarDate--weekend.DatePickerCalendarDate--showSelectionBackground.DatePickerCalendarDate--today .DatePickerCalendarDate-button::after {
     background: var(--color-text-foreground);
     border-radius: 1px;
     bottom: 6px;
     content: "";
     height: 2px;
     left: 8px;
     position: absolute;
     right: 8px
 }

 .DatePickerCalendarDate--startDate.DatePickerCalendarDate--weekend.DatePickerCalendarDate--showSelectionBackground .DatePickerCalendarDate-selectionBackground {
     background: var(--color-selected-background-active)
 }

 .DatePickerCalendarDate--betweenStartAndDue .DatePickerCalendarDate-selectionGrayBackground,
 .DatePickerCalendarDate--betweenStartAndDue .DatePickerCalendarDate-selectionBackground {
     border-radius: 0;
     left: -6px;
     right: -6px
 }

 .DatePickerCalendarDate--betweenStartAndDue:not(.DatePickerCalendarDate--weekend) .DatePickerCalendarDate-selectionGrayBackground {
     background: var(--color-background-strong)
 }

 .DatePickerCalendarDate--betweenStartAndDue:not(.DatePickerCalendarDate--weekend).DatePickerCalendarDate--showSelectionBackground {
     color: var(--color-text-foreground);
     font-weight: medium
 }

 .DatePickerCalendarDate--betweenStartAndDue:not(.DatePickerCalendarDate--weekend).DatePickerCalendarDate--showSelectionBackground.DatePickerCalendarDate--today .DatePickerCalendarDate-button::after {
     background: var(--color-text-foreground);
     border-radius: 1px;
     bottom: 6px;
     content: "";
     height: 2px;
     left: 8px;
     position: absolute;
     right: 8px
 }

 .DatePickerCalendarDate--betweenStartAndDue:not(.DatePickerCalendarDate--weekend).DatePickerCalendarDate--showSelectionBackground .DatePickerCalendarDate-selectionBackground {
     background: var(--color-selected-background-strong)
 }

 .DatePickerCalendarDate--betweenStartAndDue.DatePickerCalendarDate--weekend .DatePickerCalendarDate-selectionGrayBackground {
     background: var(--color-background-strong)
 }

 .DatePickerCalendarDate--betweenStartAndDue.DatePickerCalendarDate--weekend.DatePickerCalendarDate--showSelectionBackground {
     color: var(--color-text-foreground)
 }

 .DatePickerCalendarDate--betweenStartAndDue.DatePickerCalendarDate--weekend.DatePickerCalendarDate--showSelectionBackground.DatePickerCalendarDate--today .DatePickerCalendarDate-button::after {
     background: var(--color-text-foreground);
     border-radius: 1px;
     bottom: 6px;
     content: "";
     height: 2px;
     left: 8px;
     position: absolute;
     right: 8px
 }

 .DatePickerCalendarDate--betweenStartAndDue.DatePickerCalendarDate--weekend.DatePickerCalendarDate--showSelectionBackground .DatePickerCalendarDate-selectionBackground {
     background: var(--color-selected-background-active)
 }

 .DatePickerCalendarDate--betweenStartAndDue:first-child .DatePickerCalendarDate-selectionGrayBackground,
 .DatePickerCalendarDate--betweenStartAndDue:first-child .DatePickerCalendarDate-selectionBackground {
     border-radius: 4px 0 0 4px;
     left: 0;
     right: 0
 }

 .DatePickerCalendar-week:first-child .DatePickerCalendarDate--betweenStartAndDue:first-child .DatePickerCalendarDate-selectionGrayBackground::before,
 .DatePickerCalendar-week:first-child .DatePickerCalendarDate--betweenStartAndDue:first-child .DatePickerCalendarDate-selectionGrayBackground::after,
 .DatePickerCalendar-week:first-child .DatePickerCalendarDate--betweenStartAndDue:first-child .DatePickerCalendarDate-selectionBackground::before,
 .DatePickerCalendar-week:first-child .DatePickerCalendarDate--betweenStartAndDue:first-child .DatePickerCalendarDate-selectionBackground::after {
     border-style: solid;
     content: "";
     left: 0;
     position: absolute
 }

 .DatePickerCalendar-week:first-child .DatePickerCalendarDate--betweenStartAndDue:first-child .DatePickerCalendarDate-selectionGrayBackground::before,
 .DatePickerCalendar-week:first-child .DatePickerCalendarDate--betweenStartAndDue:first-child .DatePickerCalendarDate-selectionBackground::before {
     border-color: var(--color-background-weak) transparent transparent;
     border-width: 12px 6px 0 0;
     top: 0
 }

 .DatePickerCalendar-week:first-child .DatePickerCalendarDate--betweenStartAndDue:first-child .DatePickerCalendarDate-selectionGrayBackground::after,
 .DatePickerCalendar-week:first-child .DatePickerCalendarDate--betweenStartAndDue:first-child .DatePickerCalendarDate-selectionBackground::after {
     border-color: transparent transparent transparent var(--color-background-weak);
     border-width: 12px 0 0 6px;
     bottom: 0
 }

 .DatePickerCalendarDate--betweenStartAndDue:last-child .DatePickerCalendarDate-selectionGrayBackground,
 .DatePickerCalendarDate--betweenStartAndDue:last-child .DatePickerCalendarDate-selectionBackground {
     border-radius: 0 4px 4px 0;
     left: 0;
     right: 0
 }

 .DatePickerCalendar-week:last-child .DatePickerCalendarDate--betweenStartAndDue:last-child .DatePickerCalendarDate-selectionGrayBackground::before,
 .DatePickerCalendar-week:last-child .DatePickerCalendarDate--betweenStartAndDue:last-child .DatePickerCalendarDate-selectionGrayBackground::after,
 .DatePickerCalendar-week:last-child .DatePickerCalendarDate--betweenStartAndDue:last-child .DatePickerCalendarDate-selectionBackground::before,
 .DatePickerCalendar-week:last-child .DatePickerCalendarDate--betweenStartAndDue:last-child .DatePickerCalendarDate-selectionBackground::after {
     border-style: solid;
     content: "";
     position: absolute;
     right: 0
 }

 .DatePickerCalendar-week:last-child .DatePickerCalendarDate--betweenStartAndDue:last-child .DatePickerCalendarDate-selectionGrayBackground::before,
 .DatePickerCalendar-week:last-child .DatePickerCalendarDate--betweenStartAndDue:last-child .DatePickerCalendarDate-selectionBackground::before {
     border-color: transparent var(--color-background-weak) transparent transparent;
     border-width: 0 6px 12px 0;
     top: 0
 }

 .DatePickerCalendar-week:last-child .DatePickerCalendarDate--betweenStartAndDue:last-child .DatePickerCalendarDate-selectionGrayBackground::after,
 .DatePickerCalendar-week:last-child .DatePickerCalendarDate--betweenStartAndDue:last-child .DatePickerCalendarDate-selectionBackground::after {
     border-color: transparent transparent var(--color-background-weak);
     border-width: 0 0 12px 6px;
     bottom: 0
 }

 .DatePickerCalendarDate--dueDate .DatePickerCalendarDate-selectionGrayBackground {
     background: var(--color-background-strong)
 }

 .DatePickerCalendarDate--dueDate.DatePickerCalendarDate--showSelectionBackground {
     color: var(--color-text-foreground);
     font-weight: medium
 }

 .DatePickerCalendarDate--dueDate.DatePickerCalendarDate--showSelectionBackground.DatePickerCalendarDate--today .DatePickerCalendarDate-button::after {
     background: var(--color-text-foreground);
     border-radius: 1px;
     bottom: 6px;
     content: "";
     height: 2px;
     left: 8px;
     position: absolute;
     right: 8px
 }

 .DatePickerCalendarDate--dueDate.DatePickerCalendarDate--showSelectionBackground .DatePickerCalendarDate-selectionBackground {
     background: var(--color-selected-background-strong)
 }

 .DatePickerCalendarDate--dueDate .DatePickerCalendarDate-selectionGrayBackground,
 .DatePickerCalendarDate--dueDate .DatePickerCalendarDate-selectionBackground {
     border: 2px solid var(--color-background-weak);
     border-left-width: 0;
     border-radius: 0 50% 50% 0;
     bottom: 0;
     left: -6px;
     right: 0;
     top: 0
 }

 .DatePickerCalendarDate--oneDaySelection .DatePickerCalendarDate-selectionGrayBackground {
     background: var(--color-background-strong)
 }

 .DatePickerCalendarDate--oneDaySelection.DatePickerCalendarDate--showSelectionBackground {
     color: var(--color-text-foreground);
     font-weight: medium
 }

 .DatePickerCalendarDate--oneDaySelection.DatePickerCalendarDate--showSelectionBackground.DatePickerCalendarDate--today .DatePickerCalendarDate-button::after {
     background: var(--color-text-foreground);
     border-radius: 1px;
     bottom: 6px;
     content: "";
     height: 2px;
     left: 8px;
     position: absolute;
     right: 8px
 }

 .DatePickerCalendarDate--oneDaySelection.DatePickerCalendarDate--showSelectionBackground .DatePickerCalendarDate-selectionBackground {
     background: var(--color-selected-background-strong)
 }

 .DatePickerCalendarDate--oneDaySelection .DatePickerCalendarDate-selectionGrayBackground,
 .DatePickerCalendarDate--oneDaySelection .DatePickerCalendarDate-selectionBackground {
     border: 2px solid var(--color-background-weak);
     border-radius: 50%;
     bottom: 0;
     left: 0;
     right: 0;
     top: 0
 }

 .DatePickerCalendarDate--startOfHover {
     color: var(--color-text-foreground)
 }

 .DatePickerCalendarDate--startOfHover.DatePickerCalendarDate--today .DatePickerCalendarDate-button::after {
     background: var(--color-text-foreground);
     border-radius: 1px;
     bottom: 6px;
     content: "";
     height: 2px;
     left: 8px;
     position: absolute;
     right: 8px
 }

 .DatePickerCalendarDate--startOfHover .DatePickerCalendarDate-hoverBackground {
     background: var(--color-selected-background-strong-hover)
 }

 .DatePickerCalendarDate--startOfHover .DatePickerCalendarDate-hoverBackground {
     border: 2px solid var(--color-background-weak);
     border-radius: 50% 0 0 50%;
     border-right-width: 0;
     bottom: 0;
     left: 0;
     right: -6px;
     top: 0
 }

 .DatePickerCalendarDate--betweenStartAndEndOfHover {
     color: var(--color-text-foreground)
 }

 .DatePickerCalendarDate--betweenStartAndEndOfHover.DatePickerCalendarDate--today .DatePickerCalendarDate-button::after {
     background: var(--color-text-foreground);
     border-radius: 1px;
     bottom: 6px;
     content: "";
     height: 2px;
     left: 8px;
     position: absolute;
     right: 8px
 }

 .DatePickerCalendarDate--betweenStartAndEndOfHover .DatePickerCalendarDate-hoverBackground {
     background: var(--color-selected-background-strong-hover)
 }

 .DatePickerCalendarDate--betweenStartAndEndOfHover .DatePickerCalendarDate-hoverBackground {
     border-radius: 0;
     left: -6px;
     right: -6px
 }

 .DatePickerCalendarDate--betweenStartAndEndOfHover:first-child .DatePickerCalendarDate-hoverBackground {
     border-radius: 4px 0 0 4px;
     left: 0;
     right: 0
 }

 .DatePickerCalendar-week:first-child .DatePickerCalendarDate--betweenStartAndEndOfHover:first-child .DatePickerCalendarDate-hoverBackground::before,
 .DatePickerCalendar-week:first-child .DatePickerCalendarDate--betweenStartAndEndOfHover:first-child .DatePickerCalendarDate-hoverBackground::after {
     border-style: solid;
     content: "";
     left: 0;
     position: absolute
 }

 .DatePickerCalendar-week:first-child .DatePickerCalendarDate--betweenStartAndEndOfHover:first-child .DatePickerCalendarDate-hoverBackground::before {
     border-color: var(--color-background-weak) transparent transparent;
     border-width: 12px 6px 0 0;
     top: 0
 }

 .DatePickerCalendar-week:first-child .DatePickerCalendarDate--betweenStartAndEndOfHover:first-child .DatePickerCalendarDate-hoverBackground::after {
     border-color: transparent transparent transparent var(--color-background-weak);
     border-width: 12px 0 0 6px;
     bottom: 0
 }

 .DatePickerCalendarDate--betweenStartAndEndOfHover:last-child .DatePickerCalendarDate-hoverBackground {
     border-radius: 0 4px 4px 0;
     left: 0;
     right: 0
 }

 .DatePickerCalendar-week:last-child .DatePickerCalendarDate--betweenStartAndEndOfHover:last-child .DatePickerCalendarDate-hoverBackground::before,
 .DatePickerCalendar-week:last-child .DatePickerCalendarDate--betweenStartAndEndOfHover:last-child .DatePickerCalendarDate-hoverBackground::after {
     border-style: solid;
     content: "";
     position: absolute;
     right: 0
 }

 .DatePickerCalendar-week:last-child .DatePickerCalendarDate--betweenStartAndEndOfHover:last-child .DatePickerCalendarDate-hoverBackground::before {
     border-color: transparent var(--color-background-weak) transparent transparent;
     border-width: 0 6px 12px 0;
     top: 0
 }

 .DatePickerCalendar-week:last-child .DatePickerCalendarDate--betweenStartAndEndOfHover:last-child .DatePickerCalendarDate-hoverBackground::after {
     border-color: transparent transparent var(--color-background-weak);
     border-width: 0 0 12px 6px;
     bottom: 0
 }

 .DatePickerCalendarDate--endOfHover {
     color: var(--color-text-foreground)
 }

 .DatePickerCalendarDate--endOfHover.DatePickerCalendarDate--today .DatePickerCalendarDate-button::after {
     background: var(--color-text-foreground);
     border-radius: 1px;
     bottom: 6px;
     content: "";
     height: 2px;
     left: 8px;
     position: absolute;
     right: 8px
 }

 .DatePickerCalendarDate--endOfHover .DatePickerCalendarDate-hoverBackground {
     background: var(--color-selected-background-strong-hover)
 }

 .DatePickerCalendarDate--endOfHover .DatePickerCalendarDate-hoverBackground {
     border: 2px solid var(--color-background-weak);
     border-left-width: 0;
     border-radius: 0 50% 50% 0;
     bottom: 0;
     left: -6px;
     right: 0;
     top: 0
 }

 .DatePickerCalendarDate--oneDayHover {
     color: var(--color-text-foreground)
 }

 .DatePickerCalendarDate--oneDayHover.DatePickerCalendarDate--today .DatePickerCalendarDate-button::after {
     background: var(--color-text-foreground);
     border-radius: 1px;
     bottom: 6px;
     content: "";
     height: 2px;
     left: 8px;
     position: absolute;
     right: 8px
 }

 .DatePickerCalendarDate--oneDayHover .DatePickerCalendarDate-hoverBackground {
     background: var(--color-selected-background-strong-hover)
 }

 .DatePickerCalendarDate--oneDayHover .DatePickerCalendarDate-hoverBackground {
     border: 2px solid var(--color-background-weak);
     border-radius: 50%;
     bottom: 0;
     left: 0;
     right: 0;
     top: 0
 }

 .DatePickerCalendarDate:first-child .DatePickerCalendarDate-selectionGrayBackground,
 .DatePickerCalendarDate:first-child .DatePickerCalendarDate-selectionBackground,
 .DatePickerCalendarDate:first-child .DatePickerCalendarDate-hoverBackground,
 .DatePickerCalendarDate:last-child .DatePickerCalendarDate-selectionGrayBackground,
 .DatePickerCalendarDate:last-child .DatePickerCalendarDate-selectionBackground,
 .DatePickerCalendarDate:last-child .DatePickerCalendarDate-hoverBackground {
     left: 0;
     right: 0
 }

 .DatePickerCalendarDateV2 {
     box-sizing: border-box;
     display: inline-block;
     position: relative;
     vertical-align: top
 }

 .DatePickerCalendarDateV2:not(:first-child) {
     margin-left: 8px
 }

 .DatePickerCalendarDateV2-selectionGrayBackground,
 .DatePickerCalendarDateV2-selectionBackground,
 .DatePickerCalendarDateV2-hoverBackground {
     bottom: 2px;
     pointer-events: none;
     position: absolute;
     top: 2px
 }

 .DatePickerCalendarDateV2-button {
     align-items: center;
     box-sizing: border-box;
     cursor: pointer;
     display: flex;
     height: 28px;
     justify-content: center;
     padding-top: 1px;
     position: relative;
     width: 28px
 }

 .DatePickerCalendarDateV2--weekend,
 .DatePickerCalendarDateV2--adjacentMonth {
     color: var(--color-text-weak)
 }

 .DatePickerCalendarDateV2--today {
     color: var(--color-text);
     font-weight: 700
 }

 .DatePickerCalendarDateV2--today .DatePickerCalendarDateV2-button::after {
     display: none
 }

 .DatePickerCalendarDateV2--default.DatePickerCalendarDateV2--weekend,
 .DatePickerCalendarDateV2--default.DatePickerCalendarDateV2--adjacentMonth {
     color: var(--color-text-weak)
 }

 .DatePickerCalendarDateV2--default.DatePickerCalendarDateV2--today .DatePickerCalendarDateV2-selectionBackground {
     border: 2px solid var(--color-background-weak);
     border-radius: 50%;
     bottom: 0;
     box-shadow: inset 0 0 0 1px var(--color-selected-border);
     left: 0;
     right: 0;
     top: 0
 }

 .DatePickerCalendarDateV2--default.DatePickerCalendarDateV2--recurrenceHover .DatePickerCalendarDateV2-selectionGrayBackground {
     background: var(--color-selected-background-active)
 }

 .DatePickerCalendarDateV2--default.DatePickerCalendarDateV2--recurrenceHover .DatePickerCalendarDateV2-selectionGrayBackground,
 .DatePickerCalendarDateV2--default.DatePickerCalendarDateV2--recurrenceHover .DatePickerCalendarDateV2-selectionBackground {
     border: 2px solid var(--color-background-weak);
     border-radius: 50%;
     bottom: 0;
     left: 0;
     right: 0;
     top: 0
 }

 .DatePickerCalendarDateV2--startDate .DatePickerCalendarDateV2-selectionGrayBackground,
 .DatePickerCalendarDateV2--startDate .DatePickerCalendarDateV2-selectionBackground {
     border: 2px solid var(--color-background-weak);
     border-radius: 14px 0 0 14px;
     border-right-width: 0;
     bottom: 0;
     left: 0;
     right: -8px;
     top: 0
 }

 .DatePickerCalendarDateV2--startDate:not(.DatePickerCalendarDateV2--weekend) .DatePickerCalendarDateV2-selectionGrayBackground {
     background: var(--color-background-strong)
 }

 .DatePickerCalendarDateV2--startDate:not(.DatePickerCalendarDateV2--weekend).DatePickerCalendarDateV2--showSelectionBackground {
     color: var(--color-text-foreground);
     font-weight: medium
 }

 .DatePickerCalendarDateV2--startDate:not(.DatePickerCalendarDateV2--weekend).DatePickerCalendarDateV2--showSelectionBackground .DatePickerCalendarDateV2-selectionBackground {
     background: var(--color-selected-background-strong)
 }

 .DatePickerCalendarDateV2--startDate.DatePickerCalendarDateV2--weekend .DatePickerCalendarDateV2-selectionGrayBackground {
     background: var(--color-background-strong)
 }

 .DatePickerCalendarDateV2--startDate.DatePickerCalendarDateV2--weekend.DatePickerCalendarDateV2--showSelectionBackground {
     color: var(--color-text-foreground)
 }

 .DatePickerCalendarDateV2--startDate.DatePickerCalendarDateV2--weekend.DatePickerCalendarDateV2--showSelectionBackground .DatePickerCalendarDateV2-selectionBackground {
     background: var(--color-selected-background-active)
 }

 .DatePickerCalendarDateV2--betweenStartAndDue .DatePickerCalendarDateV2-selectionGrayBackground,
 .DatePickerCalendarDateV2--betweenStartAndDue .DatePickerCalendarDateV2-selectionBackground {
     border-radius: 0;
     left: -8px;
     right: -8px
 }

 .DatePickerCalendarDateV2--betweenStartAndDue:not(.DatePickerCalendarDateV2--weekend) .DatePickerCalendarDateV2-selectionGrayBackground {
     background: var(--color-background-strong)
 }

 .DatePickerCalendarDateV2--betweenStartAndDue:not(.DatePickerCalendarDateV2--weekend).DatePickerCalendarDateV2--showSelectionBackground {
     color: var(--color-text-foreground);
     font-weight: medium
 }

 .DatePickerCalendarDateV2--betweenStartAndDue:not(.DatePickerCalendarDateV2--weekend).DatePickerCalendarDateV2--showSelectionBackground .DatePickerCalendarDateV2-selectionBackground {
     background: var(--color-selected-background-strong)
 }

 .DatePickerCalendarDateV2--betweenStartAndDue.DatePickerCalendarDateV2--weekend .DatePickerCalendarDateV2-selectionGrayBackground {
     background: var(--color-background-strong)
 }

 .DatePickerCalendarDateV2--betweenStartAndDue.DatePickerCalendarDateV2--weekend.DatePickerCalendarDateV2--showSelectionBackground {
     color: var(--color-text-foreground)
 }

 .DatePickerCalendarDateV2--betweenStartAndDue.DatePickerCalendarDateV2--weekend.DatePickerCalendarDateV2--showSelectionBackground .DatePickerCalendarDateV2-selectionBackground {
     background: var(--color-selected-background-active)
 }

 .DatePickerCalendarDateV2--betweenStartAndDue:first-child .DatePickerCalendarDateV2-selectionGrayBackground,
 .DatePickerCalendarDateV2--betweenStartAndDue:first-child .DatePickerCalendarDateV2-selectionBackground {
     border-radius: 4px 0 0 4px;
     left: 0;
     right: 0
 }

 .DatePickerCalendar-week:first-child .DatePickerCalendarDateV2--betweenStartAndDue:first-child .DatePickerCalendarDateV2-selectionGrayBackground::before,
 .DatePickerCalendar-week:first-child .DatePickerCalendarDateV2--betweenStartAndDue:first-child .DatePickerCalendarDateV2-selectionGrayBackground::after,
 .DatePickerCalendar-week:first-child .DatePickerCalendarDateV2--betweenStartAndDue:first-child .DatePickerCalendarDateV2-selectionBackground::before,
 .DatePickerCalendar-week:first-child .DatePickerCalendarDateV2--betweenStartAndDue:first-child .DatePickerCalendarDateV2-selectionBackground::after {
     border-style: solid;
     content: "";
     left: 0;
     position: absolute
 }

 .DatePickerCalendar-week:first-child .DatePickerCalendarDateV2--betweenStartAndDue:first-child .DatePickerCalendarDateV2-selectionGrayBackground::before,
 .DatePickerCalendar-week:first-child .DatePickerCalendarDateV2--betweenStartAndDue:first-child .DatePickerCalendarDateV2-selectionBackground::before {
     border-color: var(--color-background-weak) transparent transparent;
     border-width: 12px 6px 0 0;
     top: 0
 }

 .DatePickerCalendar-week:first-child .DatePickerCalendarDateV2--betweenStartAndDue:first-child .DatePickerCalendarDateV2-selectionGrayBackground::after,
 .DatePickerCalendar-week:first-child .DatePickerCalendarDateV2--betweenStartAndDue:first-child .DatePickerCalendarDateV2-selectionBackground::after {
     border-color: transparent transparent transparent var(--color-background-weak);
     border-width: 12px 0 0 6px;
     bottom: 0
 }

 .DatePickerCalendarDateV2--betweenStartAndDue:last-child .DatePickerCalendarDateV2-selectionGrayBackground,
 .DatePickerCalendarDateV2--betweenStartAndDue:last-child .DatePickerCalendarDateV2-selectionBackground {
     border-radius: 0 4px 4px 0;
     left: 0;
     right: 0
 }

 .DatePickerCalendar-week:last-child .DatePickerCalendarDateV2--betweenStartAndDue:last-child .DatePickerCalendarDateV2-selectionGrayBackground::before,
 .DatePickerCalendar-week:last-child .DatePickerCalendarDateV2--betweenStartAndDue:last-child .DatePickerCalendarDateV2-selectionGrayBackground::after,
 .DatePickerCalendar-week:last-child .DatePickerCalendarDateV2--betweenStartAndDue:last-child .DatePickerCalendarDateV2-selectionBackground::before,
 .DatePickerCalendar-week:last-child .DatePickerCalendarDateV2--betweenStartAndDue:last-child .DatePickerCalendarDateV2-selectionBackground::after {
     border-style: solid;
     content: "";
     position: absolute;
     right: 0
 }

 .DatePickerCalendar-week:last-child .DatePickerCalendarDateV2--betweenStartAndDue:last-child .DatePickerCalendarDateV2-selectionGrayBackground::before,
 .DatePickerCalendar-week:last-child .DatePickerCalendarDateV2--betweenStartAndDue:last-child .DatePickerCalendarDateV2-selectionBackground::before {
     border-color: transparent var(--color-background-weak) transparent transparent;
     border-width: 0 6px 12px 0;
     top: 0
 }

 .DatePickerCalendar-week:last-child .DatePickerCalendarDateV2--betweenStartAndDue:last-child .DatePickerCalendarDateV2-selectionGrayBackground::after,
 .DatePickerCalendar-week:last-child .DatePickerCalendarDateV2--betweenStartAndDue:last-child .DatePickerCalendarDateV2-selectionBackground::after {
     border-color: transparent transparent var(--color-background-weak);
     border-width: 0 0 12px 6px;
     bottom: 0
 }

 .DatePickerCalendarDateV2--dueDate .DatePickerCalendarDateV2-selectionGrayBackground {
     background: var(--color-background-strong)
 }

 .DatePickerCalendarDateV2--dueDate.DatePickerCalendarDateV2--showSelectionBackground {
     color: var(--color-text-foreground);
     font-weight: medium
 }

 .DatePickerCalendarDateV2--dueDate.DatePickerCalendarDateV2--showSelectionBackground .DatePickerCalendarDateV2-selectionBackground {
     background: var(--color-selected-background-strong)
 }

 .DatePickerCalendarDateV2--dueDate .DatePickerCalendarDateV2-selectionGrayBackground,
 .DatePickerCalendarDateV2--dueDate .DatePickerCalendarDateV2-selectionBackground {
     border: 2px solid var(--color-background-weak);
     border-left-width: 0;
     border-radius: 0 14px 14px 0;
     bottom: 0;
     left: -8px;
     right: 0;
     top: 0
 }

 .DatePickerCalendarDateV2--oneDaySelection .DatePickerCalendarDateV2-selectionGrayBackground {
     background: var(--color-background-strong)
 }

 .DatePickerCalendarDateV2--oneDaySelection.DatePickerCalendarDateV2--showSelectionBackground {
     color: var(--color-text-foreground);
     font-weight: medium
 }

 .DatePickerCalendarDateV2--oneDaySelection.DatePickerCalendarDateV2--showSelectionBackground .DatePickerCalendarDateV2-selectionBackground {
     background: var(--color-selected-background-strong)
 }

 .DatePickerCalendarDateV2--oneDaySelection .DatePickerCalendarDateV2-selectionGrayBackground,
 .DatePickerCalendarDateV2--oneDaySelection .DatePickerCalendarDateV2-selectionBackground {
     border: 2px solid var(--color-background-weak);
     border-radius: 50%;
     bottom: 0;
     left: 0;
     right: 0;
     top: 0
 }

 .DatePickerCalendarDateV2--startOfHover {
     color: var(--color-text-foreground)
 }

 .DatePickerCalendarDateV2--startOfHover .DatePickerCalendarDateV2-hoverBackground {
     background: var(--color-selected-background-strong-hover)
 }

 .DatePickerCalendarDateV2--startOfHover .DatePickerCalendarDateV2-hoverBackground {
     border: 2px solid var(--color-background-weak);
     border-radius: 14px 0 0 14px;
     border-right-width: 0;
     bottom: 0;
     left: 0;
     right: -8px;
     top: 0
 }

 .DatePickerCalendarDateV2--betweenStartAndEndOfHover {
     color: var(--color-text-foreground)
 }

 .DatePickerCalendarDateV2--betweenStartAndEndOfHover .DatePickerCalendarDateV2-hoverBackground {
     background: var(--color-selected-background-strong-hover)
 }

 .DatePickerCalendarDateV2--betweenStartAndEndOfHover .DatePickerCalendarDateV2-hoverBackground {
     border-radius: 0;
     left: -8px;
     right: -8px
 }

 .DatePickerCalendarDateV2--betweenStartAndEndOfHover:first-child .DatePickerCalendarDateV2-hoverBackground {
     border-radius: 4px 0 0 4px;
     left: 0;
     right: 0
 }

 .DatePickerCalendar-week:first-child .DatePickerCalendarDateV2--betweenStartAndEndOfHover:first-child .DatePickerCalendarDateV2-hoverBackground::before,
 .DatePickerCalendar-week:first-child .DatePickerCalendarDateV2--betweenStartAndEndOfHover:first-child .DatePickerCalendarDateV2-hoverBackground::after {
     border-style: solid;
     content: "";
     left: 0;
     position: absolute
 }

 .DatePickerCalendar-week:first-child .DatePickerCalendarDateV2--betweenStartAndEndOfHover:first-child .DatePickerCalendarDateV2-hoverBackground::before {
     border-color: var(--color-background-weak) transparent transparent;
     border-width: 12px 6px 0 0;
     top: 0
 }

 .DatePickerCalendar-week:first-child .DatePickerCalendarDateV2--betweenStartAndEndOfHover:first-child .DatePickerCalendarDateV2-hoverBackground::after {
     border-color: transparent transparent transparent var(--color-background-weak);
     border-width: 12px 0 0 6px;
     bottom: 0
 }

 .DatePickerCalendarDateV2--betweenStartAndEndOfHover:last-child .DatePickerCalendarDateV2-hoverBackground {
     border-radius: 0 4px 4px 0;
     left: 0;
     right: 0
 }

 .DatePickerCalendar-week:last-child .DatePickerCalendarDateV2--betweenStartAndEndOfHover:last-child .DatePickerCalendarDateV2-hoverBackground::before,
 .DatePickerCalendar-week:last-child .DatePickerCalendarDateV2--betweenStartAndEndOfHover:last-child .DatePickerCalendarDateV2-hoverBackground::after {
     border-style: solid;
     content: "";
     position: absolute;
     right: 0
 }

 .DatePickerCalendar-week:last-child .DatePickerCalendarDateV2--betweenStartAndEndOfHover:last-child .DatePickerCalendarDateV2-hoverBackground::before {
     border-color: transparent var(--color-background-weak) transparent transparent;
     border-width: 0 6px 12px 0;
     top: 0
 }

 .DatePickerCalendar-week:last-child .DatePickerCalendarDateV2--betweenStartAndEndOfHover:last-child .DatePickerCalendarDateV2-hoverBackground::after {
     border-color: transparent transparent var(--color-background-weak);
     border-width: 0 0 12px 6px;
     bottom: 0
 }

 .DatePickerCalendarDateV2--endOfHover {
     color: var(--color-text-foreground)
 }

 .DatePickerCalendarDateV2--endOfHover .DatePickerCalendarDateV2-hoverBackground {
     background: var(--color-selected-background-strong-hover)
 }

 .DatePickerCalendarDateV2--endOfHover .DatePickerCalendarDateV2-hoverBackground {
     border: 2px solid var(--color-background-weak);
     border-left-width: 0;
     border-radius: 0 14px 14px 0;
     bottom: 0;
     left: -8px;
     right: 0;
     top: 0
 }

 .DatePickerCalendarDateV2--oneDayHover {
     color: var(--color-text-foreground)
 }

 .DatePickerCalendarDateV2--oneDayHover .DatePickerCalendarDateV2-hoverBackground {
     background: var(--color-selected-background-strong-hover)
 }

 .DatePickerCalendarDateV2--oneDayHover .DatePickerCalendarDateV2-hoverBackground {
     border: 2px solid var(--color-background-weak);
     border-radius: 50%;
     bottom: 0;
     left: 0;
     right: 0;
     top: 0
 }

 .DatePickerCalendarDateV2:first-child .DatePickerCalendarDateV2-selectionGrayBackground,
 .DatePickerCalendarDateV2:first-child .DatePickerCalendarDateV2-selectionBackground,
 .DatePickerCalendarDateV2:first-child .DatePickerCalendarDateV2-hoverBackground,
 .DatePickerCalendarDateV2:last-child .DatePickerCalendarDateV2-selectionGrayBackground,
 .DatePickerCalendarDateV2:last-child .DatePickerCalendarDateV2-selectionBackground,
 .DatePickerCalendarDateV2:last-child .DatePickerCalendarDateV2-hoverBackground {
     left: 0;
     right: 0
 }

 .DatePickerV2 {
     background: var(--color-background-weak);
     border-radius: 4px;
     font-size: 12px;
     padding: 0;
     width: 276px
 }

 .DatePickerV2:focus {
     outline: none
 }

 .DatePickerV2.DatePickerV2--withStartTimeOmitted {
     padding: 12px 16px 16px 16px;
     width: 244px
 }

 .DatePickerV2-container {
     padding: 16px
 }

 .DatePickerV2-container.DatePickerV2-container--withStartTimeOmitted {
     padding: 0
 }

 .DatePickerV2-calendar {
     margin: 12px 0 0
 }

 .DatePickerV2-calendar.DatePickerV2-calendar--withStartTimeOmitted {
     border-bottom: 1px solid var(--color-border);
     margin: 0
 }

 .DatePickerV2-dueTimeView {
     margin-top: 8px
 }

 .DatePickerV2-recurrenceView {
     margin-top: 8px
 }

 .DatePickerV2-recurrenceView.DatePickerV2-recurrenceView--withStartTimesAllowed {
     border-top: 1px solid var(--color-border);
     margin-top: 4px;
     padding-top: 8px
 }

 .DatePickerV2-advancedSettingsLinks {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     color: var(--color-text-weak);
     margin-top: 8px
 }

 .DatePickerV2-addDateRange,
 .DatePickerV2-upgradeLink {
     display: inline-block
 }

 .DatePickerV2-footer {
     align-items: center;
     border-top: 1px solid var(--color-border);
     display: flex;
     padding: 12px 16px
 }

 .DatePickerV2-footer.DatePickerV2-footer--withStartTimeOmitted {
     border-top: none;
     padding: 8px 0 0
 }

 .DatePickerV2-footerIconButton {
     margin-right: 8px
 }

 .DatePickerV2-clearLinkButton {
     margin-left: auto
 }

 .DatePickerV2-upgradeLink .Icon {
     height: 12px;
     width: 12px
 }

 .DatePickerV2-upgradeLink .Icon {
     vertical-align: middle
 }

 .DatePickerV2-upgradeLink .Icon {
     margin-left: 2px
 }

 .DatePickerV2-premiumIcon {
     fill: var(--color-upsell-icon)
 }

 .DatePickerV2-timeRange {
     margin: 8px 0 0
 }

 .DueDateInput {
     align-items: center;
     color: var(--color-text);
     display: inline-block;
     font-size: 12px;
     position: relative
 }

 .DueDateInput-inputContainer {
     align-items: center;
     display: flex;
     height: 100%
 }

 .DueDateInput-icon {
     align-items: center;
     border: 1px dashed var(--color-border-strong);
     border-radius: 50%;
     bottom: 0;
     box-sizing: border-box;
     display: inline-flex;
     fill: var(--color-deprecated-lightGray3);
     height: 28px;
     justify-content: center;
     left: 9px;
     margin: auto;
     position: absolute;
     top: 0;
     width: 28px;
     z-index: 100
 }

 .DueDateInput.DueDateInput--hasDueDate .DueDateInput-icon {
     border-style: solid
 }

 .DueDateInput-input {
     padding-left: 49px;
     width: 250px;
     border-color: var(--color-deprecated-darkGray1)
 }

 .DueDateInput-input:focus {
     border-color: var(--color-deprecated-darkGray1)
 }

 .MultidayUpgradeDialog {
     z-index: 10000
 }

 .Popover {
     display: flex;
     margin: 8px
 }

 .Popover.Popover--popoverAbove {
     flex-direction: column
 }

 .Popover.Popover--popoverBelow {
     flex-direction: column-reverse
 }

 .Popover.Popover--popoverLeft {
     flex-direction: row
 }

 .Popover.Popover--popoverRight {
     flex-direction: row-reverse
 }

 .Popover.Popover--alignEnd {
     position: relative;
     right: -21px
 }

 .Popover.Popover--alignStart {
     left: -21px;
     position: relative
 }

 .Popover-body {
     background: var(--color-background-weak);
     border-radius: 4px;
     box-shadow: var(--color-elevation-large);
     box-sizing: border-box;
     flex-grow: 1;
     padding: 16px;
     position: relative
 }

 .Popover--light>.Popover-body {
     background: var(--color-background-weak);
     color: var(--color-text)
 }

 .Popover-caretPositioner {
     position: relative
 }

 .Popover--alignStart>.Popover-caretPositioner {
     align-self: flex-start
 }

 .Popover--alignMiddle>.Popover-caretPositioner {
     align-self: center
 }

 .Popover--alignEnd>.Popover-caretPositioner {
     align-self: flex-end
 }

 .Popover--popoverAbove>.Popover-caretPositioner,
 .Popover--popoverBelow>.Popover-caretPositioner {
     height: 6px;
     width: 15px
 }

 .Popover--popoverLeft>.Popover-caretPositioner,
 .Popover--popoverRight>.Popover-caretPositioner {
     height: 15px;
     width: 6px
 }

 .Popover--popoverAbove>.Popover-caretPositioner {
     margin: 0 16px;
     margin-bottom: -6px
 }

 .Popover--popoverBelow>.Popover-caretPositioner {
     margin: 0 16px;
     margin-top: -6px
 }

 .Popover--popoverLeft>.Popover-caretPositioner {
     margin: 16px 0;
     margin-right: -6px
 }

 .Popover--popoverRight>.Popover-caretPositioner {
     margin: 16px 0;
     margin-left: -6px
 }

 .Popover-caret {
     position: absolute
 }

 .Popover-caret::before {
     box-sizing: border-box;
     content: "";
     display: block;
     height: 14px;
     transform: rotate(45deg);
     width: 14px
 }

 .Popover--light .Popover-caret::before {
     background: var(--color-background-weak);
     box-shadow: var(--color-elevation-large)
 }

 .Popover--popoverAbove .Popover-caret {
     bottom: 0;
     clip: rect(8px 16px 18px -2px)
 }

 .Popover--popoverBelow .Popover-caret {
     clip: rect(-4px 16px 6px -2px);
     top: 0
 }

 .Popover--popoverLeft .Popover-caret {
     clip: rect(-2px 18px 16px 8px);
     right: 0
 }

 .Popover--popoverRight .Popover-caret {
     clip: rect(-2px 6px 16px -4px);
     left: 0
 }

 .DueDate {
     font-size: 12px
 }

 .DueDate--past {
     color: var(--color-danger-text)
 }

 .DueDate--past.DueDate--deuteranopia {
     font-weight: bold
 }

 .DueDate--soon {
     color: var(--color-success-text)
 }

 .DueDate--future {
     color: var(--color-text-weak)
 }

 .DueDate--complete {
     color: var(--color-text-disabled);
     font-weight: 400
 }

 .DueDate--oneLineWithOverflowEllipsis {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .DueDate--canWrap {
     display: flex;
     flex-flow: row wrap;
     white-space: pre-wrap
 }

 .DueDate--canWrap.DueDate--rightAligned {
     justify-content: flex-end
 }

 .DueDate--canWrap.DueDate--leftAligned {
     justify-content: flex-start
 }

 .DueDate--canWrap .DueDate-dateSpan {
     white-space: pre
 }

 .DueDateContainer-button.DueDateContainer-button--circular {
     background: transparent;
     background-position: center center;
     border: 1px dashed var(--color-icon);
     fill: var(--color-icon)
 }

 .DueDateContainer.DueDateContainer--isPopoverVisible .DueDateContainer-button.DueDateContainer-button--circular {
     background-color: var(--color-background-hover);
     border: 1px solid var(--color-border);
     box-shadow: inset 0 1px var(--color-border);
     color: var(--color-text-weak);
     fill: var(--color-icon)
 }

 .DueDateContainer:not(.DueDateContainer--disabled) {
     cursor: pointer
 }

 .DueDateContainer-datePicker {
     margin: -16px
 }

 .DueDateContainer--centerVertically {
     align-items: center;
     display: flex
 }

 .DueDateContainer--oneLineWithOverflowEllipsis {
     overflow: hidden
 }

 .DueDateContainer-example--longDateWrap .DueDate--boardRevampSubtasksDuedate.DueDate--longDate {
     width: -webkit-min-content;
     width: -moz-min-content;
     width: min-content
 }

 .DueDateContainer-example--longDateWrap .DueDate--boardRevampSubtasksDuedate.DueDate--longDate .DueDate-dateSpan {
     white-space: pre
 }

 .MonthPicker {
     display: flex;
     flex-direction: column;
     height: 145px;
     width: 210px
 }

 .MonthPicker-header {
     align-items: center;
     border-bottom: 1px solid var(--color-border);
     display: flex;
     height: 35px;
     justify-content: space-between;
     padding: 0 8px
 }

 .MonthPicker-months {
     display: flex;
     flex: 1 0 auto;
     flex-wrap: wrap;
     margin: 4px 0
 }

 .MonthPicker-month {
     align-items: center;
     color: var(--color-text-weak);
     cursor: pointer;
     display: flex;
     font-size: 14px;
     justify-content: center;
     position: relative;
     text-transform: uppercase;
     width: 25%
 }

 .MonthPicker-month:hover {
     color: var(--color-text-weak-hover)
 }

 .MonthPicker-month--isSelected {
     color: var(--color-text-weak-hover)
 }

 .MonthPicker-month--isSelected::after {
     background-color: var(--color-border-active);
     bottom: 5px;
     content: "";
     height: 2px;
     left: 8px;
     position: absolute;
     right: 8px
 }

 .FeatureStageIndicator {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px
 }

 .FeatureStageIndicator>*:not(:last-child) {
     margin-right: 8px
 }

 .FeatureStageIndicator-comingSoonText {
     color: var(--color-beta-text);
     font-weight: 500
 }

 .FeatureStageIndicator-alphaText,
 .FeatureStageIndicator-betaText {
     color: var(--color-beta-text);
     font-weight: 500
 }

 .FeatureStageIndicator--withoutCustomTypeText .FeatureStageIndicator-alphaText,
 .FeatureStageIndicator--withoutCustomTypeText .FeatureStageIndicator-betaText {
     text-transform: uppercase
 }

 .FeatureStageIndicator-betaText--inverse {
     color: var(--color-beta-text-weak)
 }

 .FeatureStageIndicator-newText {
     color: var(--color-success-text);
     font-weight: 500
 }

 .FeatureStageIndicator-feedbackLink--withType,
 .FeatureStageIndicator-inverseFeedbackLink--withType,
 .FeatureStageIndicator-secondaryLink {
     font-weight: 400
 }

 .FeatureStageIndicator-feedbackLink--withType {
     color: var(--color-text-weak);
     cursor: pointer;
     fill: var(--color-text-weak);
     text-decoration: underline
 }

 .FeatureStageIndicator-feedbackLink--withType:active {
     text-decoration: underline
 }

 .FeatureStageIndicator-feedbackLink--withType:hover {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover);
     outline: none;
     text-decoration: underline
 }

 .FeatureStageIndicator-feedbackLink--withoutType {
     color: var(--color-beta-text);
     cursor: pointer;
     fill: var(--color-beta-text);
     text-decoration: underline
 }

 .FeatureStageIndicator-feedbackLink--withoutType:active {
     text-decoration: underline
 }

 .FeatureStageIndicator-feedbackLink--withoutType:hover {
     color: var(--color-primary-text-hover);
     fill: var(--color-primary-text-hover);
     outline: none;
     text-decoration: underline
 }

 .FeatureStageIndicator-feedbackLink--withoutType,
 .FeatureStageIndicator-inverseFeedbackLink--withoutType {
     border-bottom: 0;
     font-size: 12px;
     line-height: 18px
 }

 .FeatureStageIndicator-alphaText,
 .FeatureStageIndicator-betaText,
 .FeatureStageIndicator-comingSoonText,
 .FeatureStageIndicator-newText,
 .FeatureStageIndicator-feedbackLink,
 .FeatureStageIndicator-inverseFeedbackLink,
 .FeatureStageIndicator-secondaryLink {
     display: inline-block;
     white-space: nowrap
 }

 .ToastManager {
     bottom: 0;
     left: 0;
     pointer-events: none;
     position: fixed;
     z-index: 1000
 }

 @media print {
     .ToastManager {
         display: none
     }
 }

 @-webkit-keyframes ToastManager-expand {
     0% {
         max-height: 0
     }

     100% {
         max-height: 300px
     }
 }

 @keyframes ToastManager-expand {
     0% {
         max-height: 0
     }

     100% {
         max-height: 300px
     }
 }

 @-webkit-keyframes ToastManager-collapse {
     0% {
         max-height: 300px
     }

     100% {
         max-height: 0
     }
 }

 @keyframes ToastManager-collapse {
     0% {
         max-height: 300px
     }

     100% {
         max-height: 0
     }
 }

 @-webkit-keyframes ToastManager-slideIn {
     0% {
         transform: translateX(-100%)
     }

     100% {
         transform: translateX(0)
     }
 }

 @keyframes ToastManager-slideIn {
     0% {
         transform: translateX(-100%)
     }

     100% {
         transform: translateX(0)
     }
 }

 @-webkit-keyframes ToastManager-slideOut {
     0% {
         transform: translateX(0)
     }

     100% {
         transform: translateX(-100%)
     }
 }

 @keyframes ToastManager-slideOut {
     0% {
         transform: translateX(0)
     }

     100% {
         transform: translateX(-100%)
     }
 }

 .ToastManager-toast {
     margin: 8px 0;
     pointer-events: auto
 }

 .ToastManager-toast--enter {
     -webkit-animation: 200ms ToastManager-expand both, 600ms ToastManager-slideIn 200ms both;
     animation: 200ms ToastManager-expand both, 600ms ToastManager-slideIn 200ms both
 }

 .ToastManager-toast--exit {
     -webkit-animation: 600ms ToastManager-slideOut both, 200ms ToastManager-collapse 600ms both;
     animation: 600ms ToastManager-slideOut both, 200ms ToastManager-collapse 600ms both
 }

 .DesktopTopbarWindowControls-icon {
     margin-left: 8px
 }

 @-webkit-keyframes CoachingPopover-slideIn {
     0% {
         opacity: 0;
         transform: translateY(20%)
     }

     100% {
         opacity: 1;
         transform: translateY(0%)
     }
 }

 @keyframes CoachingPopover-slideIn {
     0% {
         opacity: 0;
         transform: translateY(20%)
     }

     100% {
         opacity: 1;
         transform: translateY(0%)
     }
 }

 .CoachingPopover {
     max-width: 234px;
     -webkit-animation: CoachingPopover-slideIn 500ms ease-in;
     animation: CoachingPopover-slideIn 500ms ease-in
 }

 .CoachingPopover .Tooltip-body {
     background-color: var(--color-beta-background-strong);
     padding: 12px 16px 16px
 }

 .CoachingPopover .Tooltip-caret::before {
     background-color: var(--color-beta-background-strong)
 }

 .CoachingPopover-heading {
     margin-bottom: 4px
 }

 .CoachingPopover-actionContainer {
     display: flex;
     justify-content: flex-end;
     margin: 12px 0 0
 }

 .KeyboardShortcutLabel {
     display: inline-flex
 }

 .KeyboardShortcutLabel-key {
     background-color: var(--color-background-medium);
     border: 1px solid var(--color-border);
     border-radius: 4px;
     box-sizing: border-box;
     color: var(--color-text-weak);
     display: inline-flex;
     flex-shrink: 0;
     font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     font-size: 14px;
     height: 20px;
     justify-content: center;
     line-height: 18px;
     min-width: 20px;
     padding: 0 4px
 }

 .KeyboardShortcutLabel-key:not(:first-child) {
     margin-left: 4px
 }

 .KeyboardShortcutLabel--dark .KeyboardShortcutLabel-key {
     background-color: var(--color-inverse-icon-weak-deprecated);
     border-color: var(--color-inverse-icon-weak-deprecated);
     color: var(--color-inverse-text)
 }

 .KeyboardShortcutLabel--small .KeyboardShortcutLabel-key {
     font-size: 12px;
     font-weight: 500;
     height: 16px;
     line-height: 14px;
     min-width: 16px
 }

 .KeyboardShortcutLabel--large .KeyboardShortcutLabel-key {
     font-size: 24px;
     font-weight: 500;
     height: 36px;
     line-height: 34px;
     min-width: 36px
 }

 .KeyboardShortcutLabel-key.KeyboardShortcutLabel-key--isMacSymbol {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif
 }

 @-webkit-keyframes AmazonLearningHubEntrypointCuetip-slideIn {
     0% {
         opacity: 0;
         transform: translateY(20%)
     }

     100% {
         opacity: 1;
         transform: translateY(0%)
     }
 }

 @keyframes AmazonLearningHubEntrypointCuetip-slideIn {
     0% {
         opacity: 0;
         transform: translateY(20%)
     }

     100% {
         opacity: 1;
         transform: translateY(0%)
     }
 }

 .AmazonLearningHubEntrypointCuetip {
     max-width: 234px;
     -webkit-animation: AmazonLearningHubEntrypointCuetip-slideIn 500ms ease-in;
     animation: AmazonLearningHubEntrypointCuetip-slideIn 500ms ease-in
 }

 .AmazonLearningHubEntrypointCuetip .Tooltip-body {
     background-color: var(--color-beta-background-strong);
     padding: 12px 16px 16px
 }

 .AmazonLearningHubEntrypointCuetip .Tooltip-caret::before {
     background-color: var(--color-beta-background-strong)
 }

 .AmazonLearningHubEntrypointCuetip-image {
     display: block;
     height: 28px;
     margin: 12px auto 16px auto;
     width: 92px
 }

 .AmazonLearningHubEntrypointCuetip-heading {
     margin-bottom: 8px;
     margin-top: 4px
 }

 .AmazonLearningHubEntrypointCuetip-actionContainer {
     display: flex;
     justify-content: flex-end;
     margin: 12px 0 0
 }

 .Emoji {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/594858f297dde1cf3159f2bbbf9b7c5fccde7c08/emoji_sheet_64.png");
     background-repeat: no-repeat;
     background-size: 6000%;
     display: inline-block;
     height: 16px;
     margin-bottom: -3px;
     width: 16px
 }

 .BottomBarCelebrationStructure-content {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 20px;
     font-weight: 500;
     line-height: 28px;
     align-items: center;
     color: var(--color-text-foreground);
     display: flex;
     flex-direction: column;
     left: 50%;
     position: absolute;
     text-align: center;
     top: 50%;
     transform: translateX(-50%) translateY(-50%)
 }

 .BottomBarCelebrationStructure-icon {
     fill: var(--color-icon-foreground);
     padding-bottom: 8px
 }

 .BottomBarStepStructure-fullWidth {
     width: 100%
 }

 .BottomBarStepStructure-centerColumn {
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: center;
     left: 50%;
     position: absolute;
     text-align: center;
     transform: translateX(-50%);
     width: 550px
 }

 @media screen and (max-height: 775px) {
     .BottomBarStepStructure-centerColumn {
         width: 800px
     }
 }

 .BottomBarStepStructure-progressLabel {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     color: rgba(255, 255, 255, .5)
 }

 .BottomBarStepStructure-title {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 20px;
     font-weight: 500;
     line-height: 28px;
     color: #fff;
     padding-bottom: 4px
 }

 .BottomBarStepStructure-description {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     color: var(--color-text-foreground)
 }

 .BottomBarStepStructure-nextButton {
     margin-left: 32px;
     position: absolute;
     transform: translateX(550px)
 }

 @media screen and (max-height: 775px) {
     .BottomBarStepStructure-nextButton {
         margin-left: 16px;
         transform: translateX(800px)
     }
 }

 .BottomBarStepStructure-closeButton {
     margin: 16px 16px 16px 0;
     position: absolute;
     right: 0
 }

 .BottomBarStepStructure-emoji {
     margin-right: 2px
 }

 .BottomBar {
     align-items: center;
     background: var(--color-beta-background);
     height: 0;
     min-width: 920px;
     position: relative;
     transition: height 800ms cubic-bezier(0.475, 0.005, 0.015, 0.995);
     width: 100%
 }

 .BottomBar--slidingIn {
     height: 160px
 }

 @media screen and (max-height: 775px) {
     .BottomBar--slidingIn {
         height: 100px
     }
 }

 .BottomBar--celebration {
     background-color: #00bf9c
 }

 .BottomBar--isLayer {
     position: absolute;
     transform: translateY(-100%)
 }

 .BottomBar-panel {
     width: 100%
 }

 .BottomBar-layerPositioner.LayerPositioner {
     z-index: 201
 }

 .BottomBar--transition-enter .BottomBarStepStructure-textContent {
     opacity: 0;
     transform: translateY(25px)
 }

 .BottomBar--transition-enter .BottomBarStepStructure-nextButton {
     opacity: 0;
     transform: translateX(10px)
 }

 .BottomBar--transition-enter .BottomBarCelebrationStructure-celebrationMessage {
     opacity: 0;
     transform: translateY(10px)
 }

 .BottomBar--transition-enter-active .BottomBarStepStructure-textContent {
     opacity: 1;
     transform: none;
     transition: opacity .5s ease-out .25s, transform .5s ease-out .25s
 }

 .BottomBar--transition-enter-active .BottomBarStepStructure-nextButton {
     opacity: 1;
     pointer-events: none;
     transform: none;
     transition: opacity .5s ease-out 1s, transform .5s ease-out 1s
 }

 .BottomBar--transition-enter-active .BottomBarCelebrationStructure-celebrationMessage {
     opacity: 1;
     transform: none;
     transition: opacity .5s ease-out .5s, transform .5s ease-out .5s
 }

 .BottomBar--transition-exit .BottomBarStepStructure-textContent {
     opacity: 1;
     transform: none
 }

 .BottomBar--transition-exit .BottomBarStepStructure-nextButton {
     opacity: 1
 }

 .BottomBar--transition-exit .BottomBarCelebrationStructure-celebrationMessage {
     opacity: 1;
     transform: none
 }

 .BottomBar--transition-exit-active .BottomBarStepStructure-textContent {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity .25s ease-in, transform .25s ease-in
 }

 .BottomBar--transition-exit-active .BottomBarStepStructure-nextButton {
     opacity: 0;
     transition: opacity .25s ease-in
 }

 .BottomBar--transition-exit-active .BottomBarCelebrationStructure-celebrationMessage {
     opacity: 0;
     transform: translateY(10px);
     transition: opacity .125s, transform .125s ease-in
 }

 .Blinders-anchor {
     position: relative
 }

 .Blinders-blinder {
     background: var(--color-modal-shroud);
     height: 10000px;
     opacity: .5;
     position: absolute;
     width: 10000px
 }

 .Blinders-blinder--left {
     right: 0;
     top: 0
 }

 .Blinders-blinder--above {
     bottom: 0;
     right: 0
 }

 .Blinders-blinder--right {
     bottom: 0;
     left: 0
 }

 .Blinders-blinder--below {
     left: 0;
     top: 0
 }

 .Blinders-layerPositioner.LayerPositioner {
     z-index: 200
 }

 .PointerCoachmark {
     -webkit-animation: pulse 1.2s infinite;
     animation: pulse 1.2s infinite;
     background-color: var(--color-background-weak);
     border: 2px solid var(--color-beta-border);
     border-radius: 24px;
     height: 24px;
     width: 24px
 }

 .PointerCoachmark--pinCornerLeft {
     transform: translateX(-50%) translateY(50%)
 }

 .PointerCoachmark--pinCornerRight {
     transform: translateX(50%) translateY(50%)
 }

 .PointerCoachmark--shiftRight {
     transform: translateX(50%)
 }

 .PointerCoachmark--shiftLeft {
     transform: translateX(-50%)
 }

 .PointerCoachmark--shiftDown {
     transform: translateY(50%)
 }

 .PointerCoachmark--shiftUp {
     transform: translateY(-50%)
 }

 .PointerCoachmark-center {
     background-color: var(--color-beta-icon);
     border-radius: 18px;
     height: 18px;
     margin: 3px;
     width: 18px
 }

 .PointerCoachmark-layerPositioner.LayerPositioner {
     z-index: 200
 }

 @-webkit-keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(var(--color-beta-icon-rgb), 0.8)
     }

     80% {
         box-shadow: 0 0 0 15px rgba(var(--color-beta-icon-rgb), 0)
     }

     100% {
         box-shadow: 0 0 0 0 rgba(var(--color-beta-icon-rgb), 0)
     }
 }

 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(var(--color-beta-icon-rgb), 0.8)
     }

     80% {
         box-shadow: 0 0 0 15px rgba(var(--color-beta-icon-rgb), 0)
     }

     100% {
         box-shadow: 0 0 0 0 rgba(var(--color-beta-icon-rgb), 0)
     }
 }

 .TooltipCoachmark-layerPositioner.LayerPositioner {
     z-index: 200
 }

 @-webkit-keyframes videoThumbnail-slide-in {
     0% {
         opacity: 0;
         transform: translateY(50%)
     }

     100% {
         opacity: 1;
         transform: translateY(0%)
     }
 }

 @keyframes videoThumbnail-slide-in {
     0% {
         opacity: 0;
         transform: translateY(50%)
     }

     100% {
         opacity: 1;
         transform: translateY(0%)
     }
 }

 .VideoThumbnail {
     -webkit-animation: videoThumbnail-slide-in 500ms ease-in;
     animation: videoThumbnail-slide-in 500ms ease-in;
     background-color: #796eff;
     border: 0;
     border-radius: 8px;
     bottom: 48px;
     box-shadow: var(--color-box-shadow-large-dark);
     cursor: pointer;
     display: flex;
     flex-direction: column;
     left: 48px;
     min-height: 200px;
     position: absolute;
     text-align: center;
     transition: transform .2s;
     width: 240px;
     z-index: 3
 }

 .VideoThumbnail:hover {
     transform: scale(1.03)
 }

 .VideoThumbnail-title {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     align-items: flex-end;
     color: #f0f0ff;
     display: flex;
     margin: auto;
     max-width: 170px;
     min-height: 50px;
     padding-top: 16px;
     width: 100%
 }

 .VideoThumbnail-imageContainer {
     align-items: flex-start;
     display: flex;
     flex-grow: 1;
     margin: 8px 50px;
     min-height: 94px;
     position: relative;
     width: 140px
 }

 .VideoThumbnail-image {
     border-radius: 4px;
     box-shadow: var(--color-box-shadow-small);
     position: absolute
 }

 .VideoThumbnail-playButton {
     border-radius: 50%;
     box-shadow: var(--color-box-shadow-small);
     height: 32px;
     width: 32px
 }

 .VideoThumbnail-overlay {
     align-items: center;
     display: flex;
     height: 94px;
     justify-content: center;
     position: absolute;
     width: 100%
 }

 .VideoThumbnail-dismissButton {
     margin: 8px;
     position: absolute;
     right: 0;
     top: 0
 }

 .CueAnchor-layerPositioner.LayerPositioner {
     z-index: 200
 }

 .PrimarySplitDropdownMenuButton {
     align-items: center;
     display: flex
 }

 .PrimarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton,
 .PrimarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton {
     background: var(--color-primary-background-strong);
     border-color: var(--color-primary-background-strong);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-icon-strong)
 }

 .PrimarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton--isEnabled:hover,
 .PrimarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-primary-background-strong-hover);
     border-color: var(--color-primary-background-strong-hover);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-icon-strong)
 }

 .PrimarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .PrimarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton--isEnabled:active,
 .PrimarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .PrimarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-primary-background-strong-active);
     border-color: var(--color-primary-background-strong-active);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-icon-strong)
 }

 .PrimarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton:focus,
 .PrimarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .PrimarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton:focus:not(:focus-visible),
 .PrimarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .PrimarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible,
 .PrimarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active)
 }

 .PrimarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton--isEnabled:focus {
     z-index: 0
 }

 .PrimarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton {
     border-radius: 6px 0 0 6px
 }

 .PrimarySplitDropdownMenuButton-rightButton {
     margin-left: 1px
 }

 .PrimarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton--medium {
     padding: 0 4px
 }

 .PrimarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton--large {
     padding: 0 4px
 }

 .PrimarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton {
     border-radius: 0 6px 6px 0
 }

 .SecondarySplitDropdownMenuButton {
     align-items: center;
     display: flex
 }

 .SecondarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton,
 .SecondarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton {
     background: var(--color-button-background-secondary);
     border-color: var(--color-button-border-secondary);
     color: var(--color-text);
     fill: var(--color-icon)
 }

 .SecondarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton--isEnabled:hover,
 .SecondarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-button-background-secondary-hover);
     border-color: var(--color-button-border-secondary-hover);
     color: var(--color-text);
     fill: var(--color-button-icon-secondary-hover)
 }

 .SecondarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .SecondarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton--isEnabled:active,
 .SecondarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .SecondarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-button-background-secondary-active);
     border-color: var(--color-button-border-secondary-active);
     color: var(--color-text);
     fill: var(--color-button-icon-secondary-hover)
 }

 .SecondarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton:focus,
 .SecondarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .SecondarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton:focus:not(:focus-visible),
 .SecondarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SecondarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible,
 .SecondarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .SecondarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton--isEnabled:hover {
     z-index: 0
 }

 .SecondarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton--isEnabled:focus {
     z-index: 1
 }

 .SecondarySplitDropdownMenuButton-leftButton.ThemeableRectangularButton {
     border-radius: 6px 0 0 6px
 }

 .SecondarySplitDropdownMenuButton-rightButton {
     margin-left: -1px
 }

 .SecondarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton--isEnabled:focus {
     z-index: 1
 }

 .SecondarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton--medium {
     padding: 0 4px
 }

 .SecondarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton--large {
     padding: 0 4px
 }

 .SecondarySplitDropdownMenuButton-rightButton.ThemeableRectangularButton {
     border-radius: 0 6px 6px 0
 }

 .MessageBanner {
     display: flex;
     flex-direction: column;
     flex-shrink: 0
 }

 .MessageBanner--default {
     background-color: var(--color-background-medium);
     color: var(--color-text)
 }

 .MessageBanner--upsell {
     background-color: var(--color-upsell-background);
     color: var(--color-upsell-text)
 }

 .MessageBanner--warning {
     background-color: var(--color-warning-background);
     color: var(--color-warning-text)
 }

 .MessageBanner--error {
     background-color: var(--color-danger-background);
     color: var(--color-danger-text)
 }

 .MessageBanner--success {
     background-color: var(--color-success-background);
     color: var(--color-success-text)
 }

 .MessageBanner--beta {
     background-color: var(--color-beta-background-weak);
     color: var(--color-beta-text)
 }

 .MessageBanner--left {
     align-items: flex-start
 }

 .MessageBanner--center {
     align-items: center
 }

 .MessageBanner-contents {
     align-items: center;
     box-sizing: border-box;
     display: flex;
     justify-content: flex-start;
     width: 100%
 }

 .MessageBanner--medium .MessageBanner-contents {
     min-height: 40px;
     padding: 4px 16px
 }

 .MessageBanner--small .MessageBanner-contents {
     padding: 6px 8px
 }

 .MessageBannerWithButton {
     background-color: var(--color-upsell-background);
     color: var(--color-upsell-text);
     display: flex
 }

 .MessageBannerWithButton .MessageBanner-contents {
     padding-left: 32px;
     padding-right: 32px
 }

 .MessageBannerWithButton .MessageBanner-contents {
     padding-bottom: 8px;
     padding-top: 8px
 }

 .MessageBannerWithButton-message {
     display: flex;
     flex: 1 1 auto;
     font-size: 14px;
     margin-right: 8px
 }

 .MessageBannerWithButton-children {
     margin-right: 4px
 }

 .MessageBannerWithButton-prompt {
     display: inline-block
 }

 .MessageBannerWithButton-link {
     flex: 0 0 auto
 }

 .UpgradeMessageBanner .MessageBanner-contents {
     justify-content: space-between
 }

 .UpgradeMessageBanner-leftChildren {
     align-items: center;
     display: flex
 }

 .UpgradeMessageBanner-upgradeLink {
     display: inline-block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     margin-right: 4px;
     overflow: visible
 }

 .UpgradeMessageBanner-icon {
     margin-right: 4px
 }

 .UpgradeMessageBanner-icon .Icon {
     fill: var(--color-warning-icon)
 }

 .UpsellMessageBanner-messageBanner {
     margin: 24px 0;
     visibility: hidden
 }

 .UpsellMessageBanner-messageBanner.UpsellMessageBanner-messageBanner--visible {
     visibility: visible
 }

 .UpsellMessageBanner-messageBannerContent {
     align-items: center;
     display: flex
 }

 .UpsellMessageBanner-messageBannerContent .Icon {
     fill: var(--color-warning-icon)
 }

 .UpsellMessageBanner-messageBannerIcon {
     margin-right: 12px
 }

 .Modal {
     background: var(--color-background-weak);
     display: flex;
     flex-direction: column;
     min-height: 1px
 }

 .Modal-header {
     flex: 0 0 auto
 }

 .ModalContent {
     box-sizing: border-box
 }

 .ModalContent.ModalContent--sizeSmall {
     padding: 24px
 }

 .ModalContent.ModalContent--sizeMedium {
     padding: 24px 32px
 }

 .ModalContent.ModalContent--sizeLarge {
     padding: 24px 32px
 }

 .ModalContent.ModalContent--sizeXlarge {
     padding: 32px
 }

 .ModalFooter {
     align-items: center;
     border-top: 1px solid var(--color-border);
     box-sizing: border-box;
     display: flex;
     flex-shrink: 0;
     height: 64px;
     justify-content: flex-end
 }

 .ModalFooter.ModalFooter--borderHidden {
     border-top: 0
 }

 .ModalFooter.ModalFooter--sizeSmall {
     padding: 0 24px
 }

 .ModalFooter.ModalFooter--sizeMedium {
     padding: 0 32px
 }

 .ModalFooter.ModalFooter--sizeLarge {
     padding: 0 32px
 }

 .ModalFooter.ModalFooter--sizeXlarge {
     padding: 0 32px
 }

 .ModalFooter-button+.ModalFooter-button {
     margin: 0 0 0 12px
 }

 .ModalFooter-content {
     flex: 1 1 auto;
     margin: 0 24px 0 0
 }

 .ModalHeader {
     align-items: center;
     border-bottom: 1px solid var(--color-border);
     box-sizing: border-box;
     display: flex;
     height: 64px;
     justify-content: space-between
 }

 .ModalHeader.ModalHeader--borderHidden {
     border-bottom: 0
 }

 .ModalHeader.ModalHeader--sizeSmall {
     padding: 0 24px
 }

 .ModalHeader.ModalHeader--sizeMedium {
     padding: 0 32px
 }

 .ModalHeader.ModalHeader--sizeLarge {
     padding: 0 32px
 }

 .ModalHeader.ModalHeader--sizeXlarge {
     padding: 0 32px
 }

 .ModalHeader-closeButton {
     flex-grow: 0;
     margin: 0 0 0 16px
 }

 .ModalHeaderWithCenteredTitle {
     align-items: center;
     border-bottom: 1px solid var(--color-border);
     box-sizing: border-box;
     display: flex;
     height: 64px;
     justify-content: space-between;
     padding: 0 24px;
     position: relative
 }

 .ModalHeaderWithCenteredTitle-left {
     left: 24px;
     position: absolute
 }

 .ModalHeaderWithCenteredTitle-center {
     left: 168px;
     position: absolute;
     right: 168px
 }

 .ModalHeaderWithCenteredTitle-right {
     position: absolute;
     right: 24px
 }

 .ModalMessageBanner.MessageBanner {
     padding-left: 0;
     padding-right: 0
 }

 .ModalMessageBanner.ModalMessageBanner--sizeSmall .MessageBanner-contents {
     padding-left: 24px;
     padding-right: 24px
 }

 .ModalMessageBanner.ModalMessageBanner--sizeMedium .MessageBanner-contents {
     padding-left: 32px;
     padding-right: 32px
 }

 .ModalMessageBanner.ModalMessageBanner--sizeLarge .MessageBanner-contents {
     padding-left: 32px;
     padding-right: 32px
 }

 .ModalMessageBanner.ModalMessageBanner--sizeXlarge .MessageBanner-contents {
     padding-left: 32px;
     padding-right: 32px
 }

 .ModalMessageBanner.ModalMessageBanner--inHeaderlessModal {
     border-radius: 4px
 }

 .ModalMessageBanner.ModalMessageBanner--inHeaderlessModal .MessageBanner-contents {
     padding-bottom: 12px;
     padding-top: 12px
 }

 .ModalMessageBannerWithButton.ModalMessageBannerWithButton--sizeSmall.MessageBannerWithButton .MessageBanner-contents {
     padding-left: 24px;
     padding-right: 24px
 }

 .ModalMessageBannerWithButton.ModalMessageBannerWithButton--sizeMedium.MessageBannerWithButton .MessageBanner-contents {
     padding-left: 32px;
     padding-right: 32px
 }

 .ModalMessageBannerWithButton.ModalMessageBannerWithButton--sizeLarge.MessageBannerWithButton .MessageBanner-contents {
     padding-left: 32px;
     padding-right: 32px
 }

 .ModalMessageBannerWithButton.ModalMessageBannerWithButton--sizeXlarge.MessageBannerWithButton .MessageBanner-contents {
     padding-left: 32px;
     padding-right: 32px
 }

 .ModalPanel {
     box-sizing: border-box;
     overflow: hidden;
     width: 240px
 }

 .ModalPanel.ModalPanel--responsive {
     transition: width 250ms ease-out
 }

 @media(max-width: 1120px) {
     .ModalPanel.ModalPanel--responsive {
         width: 0
     }
 }

 .ModalWrapper.ModalWrapper--sizeXsmall {
     width: 480px
 }

 .ModalWrapper.ModalWrapper--sizeSmall {
     width: 560px
 }

 .ModalWrapper.ModalWrapper--sizeMedium {
     width: 720px
 }

 .ModalWrapper.ModalWrapper--sizeLarge {
     width: 960px
 }

 .ModalWrapper.ModalWrapper--sizeLargeResponsive {
     transition: width 250ms ease-out
 }

 @media(max-width: 1120px) {
     .ModalWrapper.ModalWrapper--sizeLargeResponsive {
         width: 720px
     }
 }

 .ModalWrapper.ModalWrapper--sizeXlarge {
     width: 1200px
 }

 .ModalWrapper.ModalWrapper--sizeXlargeResponsive {
     transition: width 250ms ease-out
 }

 @media(max-width: 1360px) {
     .ModalWrapper.ModalWrapper--sizeXlargeResponsive {
         width: 720px
     }
 }

 .ModalWrapper.ModalWrapper--isFullHeight {
     flex-grow: 1
 }

 @font-face {
     font-family: "Glyphicons Halflings";
     src: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/ca35b697d99cae4d1b60f2d60fcd37771987eb07/glyphicons-halflings-regular.woff2") format("woff2")
 }

 .MultiProgressBar-micro.MultiProgressBar-container:hover .MultiProgressBar-labelBar {
     opacity: 1;
     position: relative;
     top: -8px
 }

 .MultiProgressBar-micro.MultiProgressBar-container:hover .MultiProgressBar-labelBar .MultiProgressBar-labelBarText {
     -webkit-backdrop-filter: unset;
     backdrop-filter: unset;
     border: 0;
     border-radius: 0;
     padding: 0 3px
 }

 .MultiProgressBar-micro.MultiProgressBar-container:hover .MultiProgressBar-labelBarOnHover {
     flex-basis: 1000px;
     opacity: 1;
     position: relative;
     top: 8px
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar-labelBar {
     align-items: flex-start;
     display: flex;
     flex-direction: row;
     justify-content: space-around;
     position: relative;
     top: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar-labelBar .MultiProgressBar-labelBarText {
     -webkit-backdrop-filter: blur(6px);
     backdrop-filter: blur(6px);
     border-radius: 3px;
     color: var(--color-text);
     font-family: "Rubik", sans-serif;
     font-size: 9px;
     line-height: 12px;
     padding: 0 3px
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar-labelBarOnHover {
     opacity: 0;
     position: relative;
     top: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar-labelBarPaddingContainer {
     box-sizing: border-box;
     height: 12px;
     padding: 0 3px;
     position: relative;
     width: 100%
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar-labelBarPaddingContainer:first-of-type {
     top: 12px
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar-labelBarPaddingContainer:last-of-type {
     top: -12px
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar {
     align-items: center;
     background: var(--color-background-strong);
     border-radius: 1px;
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
     display: flex;
     flex-direction: row;
     height: 4px;
     justify-content: space-around;
     margin: 4px 0;
     overflow: hidden;
     width: 100%
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator {
     background-color: var(--color-background-strong);
     border-color: var(--color-border-strong);
     border-radius: 0;
     border-style: solid;
     border-width: 1px;
     height: 2px;
     margin-left: -1px
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorRed {
     background-color: var(--color-customization-red-background);
     border-color: var(--color-customization-red-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorRed:hover {
     background-color: var(--color-customization-red-background-hover);
     border-color: var(--color-customization-red-background-hover);
     color: var(--color-customization-red-background-hover);
     fill: var(--color-customization-red-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorOrange {
     background-color: var(--color-customization-orange-background);
     border-color: var(--color-customization-orange-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorOrange:hover {
     background-color: var(--color-customization-orange-background-hover);
     border-color: var(--color-customization-orange-background-hover);
     color: var(--color-customization-orange-background-hover);
     fill: var(--color-customization-orange-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorYellowOrange {
     background-color: var(--color-customization-yellow-orange-background);
     border-color: var(--color-customization-yellow-orange-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorYellowOrange:hover {
     background-color: var(--color-customization-yellow-orange-background-hover);
     border-color: var(--color-customization-yellow-orange-background-hover);
     color: var(--color-customization-yellow-orange-background-hover);
     fill: var(--color-customization-yellow-orange-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorYellow {
     background-color: var(--color-customization-yellow-background);
     border-color: var(--color-customization-yellow-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorYellow:hover {
     background-color: var(--color-customization-yellow-background-hover);
     border-color: var(--color-customization-yellow-background-hover);
     color: var(--color-customization-yellow-background-hover);
     fill: var(--color-customization-yellow-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorYellowGreen {
     background-color: var(--color-customization-yellow-green-background);
     border-color: var(--color-customization-yellow-green-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorYellowGreen:hover {
     background-color: var(--color-customization-yellow-green-background-hover);
     border-color: var(--color-customization-yellow-green-background-hover);
     color: var(--color-customization-yellow-green-background-hover);
     fill: var(--color-customization-yellow-green-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorGreen {
     background-color: var(--color-customization-green-background);
     border-color: var(--color-customization-green-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorGreen:hover {
     background-color: var(--color-customization-green-background-hover);
     border-color: var(--color-customization-green-background-hover);
     color: var(--color-customization-green-background-hover);
     fill: var(--color-customization-green-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorBlueGreen {
     background-color: var(--color-customization-blue-green-background);
     border-color: var(--color-customization-blue-green-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorBlueGreen:hover {
     background-color: var(--color-customization-blue-green-background-hover);
     border-color: var(--color-customization-blue-green-background-hover);
     color: var(--color-customization-blue-green-background-hover);
     fill: var(--color-customization-blue-green-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorAqua {
     background-color: var(--color-customization-aqua-background);
     border-color: var(--color-customization-aqua-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorAqua:hover {
     background-color: var(--color-customization-aqua-background-hover);
     border-color: var(--color-customization-aqua-background-hover);
     color: var(--color-customization-aqua-background-hover);
     fill: var(--color-customization-aqua-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorBlue {
     background-color: var(--color-customization-blue-background);
     border-color: var(--color-customization-blue-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorBlue:hover {
     background-color: var(--color-customization-blue-background-hover);
     border-color: var(--color-customization-blue-background-hover);
     color: var(--color-customization-blue-background-hover);
     fill: var(--color-customization-blue-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorIndigo {
     background-color: var(--color-customization-indigo-background);
     border-color: var(--color-customization-indigo-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorIndigo:hover {
     background-color: var(--color-customization-indigo-background-hover);
     border-color: var(--color-customization-indigo-background-hover);
     color: var(--color-customization-indigo-background-hover);
     fill: var(--color-customization-indigo-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorPurple {
     background-color: var(--color-customization-purple-background);
     border-color: var(--color-customization-purple-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorPurple:hover {
     background-color: var(--color-customization-purple-background-hover);
     border-color: var(--color-customization-purple-background-hover);
     color: var(--color-customization-purple-background-hover);
     fill: var(--color-customization-purple-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorMagenta {
     background-color: var(--color-customization-magenta-background);
     border-color: var(--color-customization-magenta-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorMagenta:hover {
     background-color: var(--color-customization-magenta-background-hover);
     border-color: var(--color-customization-magenta-background-hover);
     color: var(--color-customization-magenta-background-hover);
     fill: var(--color-customization-magenta-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorHotPink {
     background-color: var(--color-customization-hot-pink-background);
     border-color: var(--color-customization-hot-pink-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorHotPink:hover {
     background-color: var(--color-customization-hot-pink-background-hover);
     border-color: var(--color-customization-hot-pink-background-hover);
     color: var(--color-customization-hot-pink-background-hover);
     fill: var(--color-customization-hot-pink-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorPink {
     background-color: var(--color-customization-pink-background);
     border-color: var(--color-customization-pink-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorPink:hover {
     background-color: var(--color-customization-pink-background-hover);
     border-color: var(--color-customization-pink-background-hover);
     color: var(--color-customization-pink-background-hover);
     fill: var(--color-customization-pink-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorCoolGray {
     background-color: var(--color-customization-cool-gray-background);
     border-color: var(--color-customization-cool-gray-background)
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorCoolGray:hover {
     background-color: var(--color-customization-cool-gray-background-hover);
     border-color: var(--color-customization-cool-gray-background-hover);
     color: var(--color-customization-cool-gray-background-hover);
     fill: var(--color-customization-cool-gray-background-hover);
     z-index: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator:first-of-type {
     border-bottom-left-radius: 1px;
     border-top-left-radius: 1px;
     margin-left: 0
 }

 .MultiProgressBar-micro.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator:last-of-type {
     border-bottom-right-radius: 1px;
     border-top-right-radius: 1px
 }

 .MultiProgressBar-medium.MultiProgressBar-container:hover .MultiProgressBar-labelBar {
     opacity: 1;
     position: relative;
     top: -16px
 }

 .MultiProgressBar-medium.MultiProgressBar-container:hover .MultiProgressBar-labelBar .MultiProgressBar-labelBarText {
     -webkit-backdrop-filter: unset;
     backdrop-filter: unset;
     border: 0;
     border-radius: 0;
     padding: 0 6px
 }

 .MultiProgressBar-medium.MultiProgressBar-container:hover .MultiProgressBar-labelBarOnHover {
     flex-basis: 1000px;
     opacity: 1;
     position: relative;
     top: 16px
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar-labelBar {
     align-items: flex-start;
     display: flex;
     flex-direction: row;
     justify-content: space-around;
     position: relative;
     top: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar-labelBar .MultiProgressBar-labelBarText {
     -webkit-backdrop-filter: blur(6px);
     backdrop-filter: blur(6px);
     border-radius: 6px;
     color: var(--color-text);
     font-family: "Rubik", sans-serif;
     font-size: 13px;
     line-height: 24px;
     padding: 0 6px
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar-labelBarOnHover {
     opacity: 0;
     position: relative;
     top: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar-labelBarPaddingContainer {
     box-sizing: border-box;
     height: 24px;
     padding: 0 6px;
     position: relative;
     width: 100%
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar-labelBarPaddingContainer:first-of-type {
     top: 18px
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar-labelBarPaddingContainer:last-of-type {
     top: -18px
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar {
     align-items: center;
     background: var(--color-background-strong);
     border-radius: 1px;
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
     display: flex;
     flex-direction: row;
     height: 6px;
     justify-content: space-around;
     margin: 4px 0;
     overflow: hidden;
     width: 100%
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator {
     background-color: var(--color-background-strong);
     border-color: var(--color-border-strong);
     border-radius: 0;
     border-style: solid;
     border-width: 1px;
     height: 4px;
     margin-left: -1px
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorRed {
     background-color: var(--color-customization-red-background);
     border-color: var(--color-customization-red-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorRed:hover {
     background-color: var(--color-customization-red-background-hover);
     border-color: var(--color-customization-red-background-hover);
     color: var(--color-customization-red-background-hover);
     fill: var(--color-customization-red-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorOrange {
     background-color: var(--color-customization-orange-background);
     border-color: var(--color-customization-orange-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorOrange:hover {
     background-color: var(--color-customization-orange-background-hover);
     border-color: var(--color-customization-orange-background-hover);
     color: var(--color-customization-orange-background-hover);
     fill: var(--color-customization-orange-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorYellowOrange {
     background-color: var(--color-customization-yellow-orange-background);
     border-color: var(--color-customization-yellow-orange-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorYellowOrange:hover {
     background-color: var(--color-customization-yellow-orange-background-hover);
     border-color: var(--color-customization-yellow-orange-background-hover);
     color: var(--color-customization-yellow-orange-background-hover);
     fill: var(--color-customization-yellow-orange-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorYellow {
     background-color: var(--color-customization-yellow-background);
     border-color: var(--color-customization-yellow-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorYellow:hover {
     background-color: var(--color-customization-yellow-background-hover);
     border-color: var(--color-customization-yellow-background-hover);
     color: var(--color-customization-yellow-background-hover);
     fill: var(--color-customization-yellow-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorYellowGreen {
     background-color: var(--color-customization-yellow-green-background);
     border-color: var(--color-customization-yellow-green-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorYellowGreen:hover {
     background-color: var(--color-customization-yellow-green-background-hover);
     border-color: var(--color-customization-yellow-green-background-hover);
     color: var(--color-customization-yellow-green-background-hover);
     fill: var(--color-customization-yellow-green-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorGreen {
     background-color: var(--color-customization-green-background);
     border-color: var(--color-customization-green-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorGreen:hover {
     background-color: var(--color-customization-green-background-hover);
     border-color: var(--color-customization-green-background-hover);
     color: var(--color-customization-green-background-hover);
     fill: var(--color-customization-green-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorBlueGreen {
     background-color: var(--color-customization-blue-green-background);
     border-color: var(--color-customization-blue-green-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorBlueGreen:hover {
     background-color: var(--color-customization-blue-green-background-hover);
     border-color: var(--color-customization-blue-green-background-hover);
     color: var(--color-customization-blue-green-background-hover);
     fill: var(--color-customization-blue-green-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorAqua {
     background-color: var(--color-customization-aqua-background);
     border-color: var(--color-customization-aqua-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorAqua:hover {
     background-color: var(--color-customization-aqua-background-hover);
     border-color: var(--color-customization-aqua-background-hover);
     color: var(--color-customization-aqua-background-hover);
     fill: var(--color-customization-aqua-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorBlue {
     background-color: var(--color-customization-blue-background);
     border-color: var(--color-customization-blue-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorBlue:hover {
     background-color: var(--color-customization-blue-background-hover);
     border-color: var(--color-customization-blue-background-hover);
     color: var(--color-customization-blue-background-hover);
     fill: var(--color-customization-blue-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorIndigo {
     background-color: var(--color-customization-indigo-background);
     border-color: var(--color-customization-indigo-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorIndigo:hover {
     background-color: var(--color-customization-indigo-background-hover);
     border-color: var(--color-customization-indigo-background-hover);
     color: var(--color-customization-indigo-background-hover);
     fill: var(--color-customization-indigo-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorPurple {
     background-color: var(--color-customization-purple-background);
     border-color: var(--color-customization-purple-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorPurple:hover {
     background-color: var(--color-customization-purple-background-hover);
     border-color: var(--color-customization-purple-background-hover);
     color: var(--color-customization-purple-background-hover);
     fill: var(--color-customization-purple-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorMagenta {
     background-color: var(--color-customization-magenta-background);
     border-color: var(--color-customization-magenta-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorMagenta:hover {
     background-color: var(--color-customization-magenta-background-hover);
     border-color: var(--color-customization-magenta-background-hover);
     color: var(--color-customization-magenta-background-hover);
     fill: var(--color-customization-magenta-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorHotPink {
     background-color: var(--color-customization-hot-pink-background);
     border-color: var(--color-customization-hot-pink-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorHotPink:hover {
     background-color: var(--color-customization-hot-pink-background-hover);
     border-color: var(--color-customization-hot-pink-background-hover);
     color: var(--color-customization-hot-pink-background-hover);
     fill: var(--color-customization-hot-pink-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorPink {
     background-color: var(--color-customization-pink-background);
     border-color: var(--color-customization-pink-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorPink:hover {
     background-color: var(--color-customization-pink-background-hover);
     border-color: var(--color-customization-pink-background-hover);
     color: var(--color-customization-pink-background-hover);
     fill: var(--color-customization-pink-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorCoolGray {
     background-color: var(--color-customization-cool-gray-background);
     border-color: var(--color-customization-cool-gray-background)
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator.MultiProgressBar-indicator--colorCoolGray:hover {
     background-color: var(--color-customization-cool-gray-background-hover);
     border-color: var(--color-customization-cool-gray-background-hover);
     color: var(--color-customization-cool-gray-background-hover);
     fill: var(--color-customization-cool-gray-background-hover);
     z-index: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator:first-of-type {
     border-bottom-left-radius: 1px;
     border-top-left-radius: 1px;
     margin-left: 0
 }

 .MultiProgressBar-medium.MultiProgressBar-container .MultiProgressBar .MultiProgressBar-indicator:last-of-type {
     border-bottom-right-radius: 1px;
     border-top-right-radius: 1px
 }

 .MultiProgressBar-medium .MultiProgressBar-indicator {
     transition: width 1s ease-in-out
 }

 .MultiProgressBar-medium .MultiProgressBar-labelBar {
     transition: box-shadow 100ms ease-in-out, top 100ms ease-in-out, bottom 100ms ease-in-out, opacity 100ms ease-in-out
 }

 .MultiProgressBar-medium .MultiProgressBar-labelBarOnHover {
     transition: box-shadow 100ms ease-in-out, top 100ms ease-in-out, bottom 100ms ease-in-out, opacity 100ms 100ms ease-in-out
 }

 .MultiProgressBar-medium:hover .MultiProgressBar {
     box-shadow: 0 3px 4px 0 rgba(74, 74, 74, .1)
 }

 .SectionStructure {
     display: flex;
     flex: 1 1 auto;
     min-width: 1px
 }

 .SectionStructure--labelPlacementLeft {
     flex-direction: row
 }

 .SectionStructure--labelPlacementTop {
     flex-direction: column
 }

 .SectionStructure-label {
     box-sizing: border-box;
     cursor: default;
     display: inline-flex;
     flex: 0 0 auto
 }

 .SectionStructure-label--labelPlacementLeft {
     align-items: center;
     justify-content: flex-end;
     width: 105px
 }

 .SectionStructure-label--labelPlacementTop {
     margin-bottom: 8px
 }

 .SectionStructure-label--labelPlacementTop.SectionStructure-label--labelPlacementTopContentHidden {
     margin-bottom: 0
 }

 .SectionStructure-contents {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     min-width: 1px
 }

 .SectionStructure-contents.SectionStructure-contents--hidden {
     display: none
 }

 .SimpleTable {
     border-collapse: collapse;
     display: flex;
     flex-direction: column
 }

 .SimpleTable-fillerBox {
     border: 1px solid var(--color-border);
     border-top-width: 1px;
     flex-grow: 1;
     height: 100%
 }

 .SimpleTable-body {
     display: flex;
     flex-direction: column
 }

 .SimpleTable-body.SimpleTable-body--reverseRows {
     flex-direction: column-reverse
 }

 .SimpleTable-rowWrapper.SimpleTable-rowWrapper--hidden {
     color: var(--color-text-disabled);
     opacity: .5
 }

 .SimpleTable-rowWrapper.SimpleTable-rowWrapper--hidden.SimpleTable-rowWrapper--hiddenNone {
     display: none
 }

 .SimpleTable-rowWrapper.SimpleTable-rowWrapper--selected {
     background-color: #caeeff;
     cursor: pointer
 }

 .SimpleTable-rowWrapper.SimpleTable-rowWrapper--selected:hover {
     background-color: #b1e6ff
 }

 .SimpleTable-rowWrapper.SimpleTable-rowWrapper--selected .SimpleTable-cell {
     border-left-color: #97deff;
     border-right-color: #97deff
 }

 .SimpleTable-rowWrapper.SimpleTable-rowWrapper--selected .SimpleTable-row:hover {
     background-color: #b1e6ff
 }

 .SimpleTable-rowWrapper.SimpleTable-rowWrapper--selected .SimpleTable-row:hover .SimpleTable-rowTrashButton {
     opacity: 1;
     visibility: visible
 }

 .SimpleTable-row {
     border: 0 solid var(--color-border);
     border-top-width: 1px;
     display: flex;
     flex-flow: row nowrap;
     height: 24px;
     transition: opacity .3s ease-in-out 0s, visibility .3s ease-in-out 0s, color .3s ease-in-out 0s, fill-opacity .3s ease-in-out 0s;
     width: 100%
 }

 .SimpleTable-row.SimpleTable-row--reversed {
     border: 0 solid var(--color-border);
     border-bottom-width: 1px
 }

 .SimpleTable-row.SimpleTable-row--reversed:last-of-type {
     border-top-width: 1px
 }

 .SimpleTable-row.SimpleTable-row--hidden {
     color: var(--color-text-disabled);
     opacity: .5
 }

 .SimpleTable-row .SimpleTable-cell {
     -ms-overflow-style: none;
     scrollbar-width: none;
     align-items: center;
     border: 0 solid var(--color-border);
     border-left-width: 1px;
     display: flex;
     flex: 1;
     flex-direction: row;
     overflow: auto;
     padding: 0 8px;
     white-space: nowrap
 }

 .SimpleTable-row .SimpleTable-cell::-webkit-scrollbar {
     height: 0;
     width: 0
 }

 .SimpleTable-row .SimpleTable-cell:last-of-type {
     border-right-width: 1px
 }

 .SimpleTable-row .SimpleTable-trashCell {
     width: 0
 }

 .SimpleTable-row:hover {
     background-color: var(--color-background-hover)
 }

 .SimpleTable-row:hover .SimpleTable-rowTrashButton {
     opacity: 1;
     visibility: visible
 }

 .SimpleTable-headerRow {
     background-color: var(--color-background-medium);
     width: 100%
 }

 .SimpleTable-headerRow:last-of-type {
     border-bottom-width: 0
 }

 .SimpleTable-headerRow .SimpleTable-cell {
     -ms-overflow-style: none;
     scrollbar-width: none;
     align-items: center;
     border: 0 solid var(--color-border);
     border-left-width: 1px;
     display: flex;
     flex: 1;
     flex-direction: row;
     overflow: auto;
     padding: 0 8px;
     white-space: nowrap
 }

 .SimpleTable-headerRow .SimpleTable-cell::-webkit-scrollbar {
     height: 0;
     width: 0
 }

 .SimpleTable-headerRow .SimpleTable-cell:last-of-type {
     border-right-width: 1px
 }

 .SimpleTable-headerRow .SimpleTable-trashCell {
     width: 0
 }

 .SimpleTable-row--selectable {
     cursor: pointer
 }

 .SimpleTable-row--selected {
     background-color: #caeeff;
     cursor: pointer
 }

 .SimpleTable-row--selected:hover {
     background-color: #b1e6ff
 }

 .SimpleTable-row--selected .SimpleTable-cell {
     border-left-color: #97deff;
     border-right-color: #97deff
 }

 .SimpleTable-rowTrashButton {
     left: -24px;
     margin-right: -24px;
     opacity: 0;
     position: relative;
     transition: all .3s ease-in-out 0s;
     visibility: hidden
 }

 @-webkit-keyframes slide-up {
     0% {
         background-color: #caeeff
     }

     100% {
         background-color: #0000
     }
 }

 @keyframes slide-up {
     0% {
         background-color: #caeeff
     }

     100% {
         background-color: #0000
     }
 }

 .CueDebugPage {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     min-height: 1px;
     padding: 16px 32px
 }

 .CueDebugPageContents-buttons {
     display: flex;
     justify-content: center
 }

 .CueDebugPageContents-cueStates,
 .CueDebugPageContents-cueSlots {
     display: flex;
     flex-direction: column;
     margin-left: -32px;
     padding: 16px 0 16px 32px
 }

 .CueDebugPageContents-announcement {
     align-items: center;
     display: flex;
     padding: 4px
 }

 .CueDebugPageContents-announcementCloseButton,
 .CueDebugPageContents-resetCueSlotsButton {
     margin-right: 8px
 }

 .CueDebugPageContents-cueStatesTable,
 .CueDebugPageContents-cueSlotsTable {
     min-width: 500px
 }

 .CueDebugPageContents-cueDebugPageDescription {
     margin-bottom: 16px
 }

 .CueDebugPageContents-cueSlotsInfo {
     margin-top: 16px
 }

 .TaskDependencyDirectionSelector-button--blockedByTheme.ThemeableRectangularButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-warning-text);
     fill: var(--color-warning-text)
 }

 .TaskDependencyDirectionSelector-button--blockedByTheme.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     color: var(--color-warning-text-hover);
     fill: var(--color-warning-text-hover)
 }

 .TaskDependencyDirectionSelector-button--blockedByTheme.ThemeableRectangularButton:focus {
     outline: none
 }

 .TaskDependencyDirectionSelector-button--blockedByTheme.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .TaskDependencyDirectionSelector-button--blockedByTheme.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .TaskDependencyDirectionSelector-button--blockedByTheme.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .TaskDependencyDirectionSelector-button--blockedByTheme.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     color: var(--color-warning-text-hover);
     fill: var(--color-warning-text-hover)
 }

 .TaskDependencyDirectionSelector-button--blockedByTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton {
     background: transparent;
     border-color: transparent;
     color: var(--color-warning-text);
     fill: var(--color-warning-text)
 }

 .TaskDependencyDirectionSelector-button--blockedByTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton--isEnabled:hover {
     background: transparent;
     border-color: var(--color-button-border-subtle);
     color: var(--color-warning-text-hover);
     fill: var(--color-warning-text-hover)
 }

 .TaskDependencyDirectionSelector-button--blockedByTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton:focus {
     outline: none
 }

 .TaskDependencyDirectionSelector-button--blockedByTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .TaskDependencyDirectionSelector-button--blockedByTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .TaskDependencyDirectionSelector-button--blockedByTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible:not(:hover) {
     background: transparent;
     border-color: transparent;
     color: var(--color-warning-text-hover);
     fill: var(--color-warning-text-hover)
 }

 .TaskDependencyDirectionSelector-button--blockedByTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .TaskDependencyDirectionSelector-button--blockedByTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton--isEnabled:active {
     background: transparent;
     border-color: var(--color-button-border-subtle);
     color: var(--color-warning-text-hover);
     fill: var(--color-warning-text-hover)
 }

 .TaskDependencyDirectionSelector-button--blockingTheme.ThemeableRectangularButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-danger-text);
     fill: var(--color-danger-text)
 }

 .TaskDependencyDirectionSelector-button--blockingTheme.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     color: var(--color-danger-text-hover);
     fill: var(--color-danger-text-hover)
 }

 .TaskDependencyDirectionSelector-button--blockingTheme.ThemeableRectangularButton:focus {
     outline: none
 }

 .TaskDependencyDirectionSelector-button--blockingTheme.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .TaskDependencyDirectionSelector-button--blockingTheme.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .TaskDependencyDirectionSelector-button--blockingTheme.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .TaskDependencyDirectionSelector-button--blockingTheme.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     color: var(--color-danger-text-hover);
     fill: var(--color-danger-text-hover)
 }

 .TaskDependencyDirectionSelector-button--blockingTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton {
     background: transparent;
     border-color: transparent;
     color: var(--color-danger-text);
     fill: var(--color-danger-text)
 }

 .TaskDependencyDirectionSelector-button--blockingTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton--isEnabled:hover {
     background: transparent;
     border-color: var(--color-button-border-subtle);
     color: var(--color-danger-text-hover);
     fill: var(--color-danger-text-hover)
 }

 .TaskDependencyDirectionSelector-button--blockingTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton:focus {
     outline: none
 }

 .TaskDependencyDirectionSelector-button--blockingTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .TaskDependencyDirectionSelector-button--blockingTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .TaskDependencyDirectionSelector-button--blockingTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible:not(:hover) {
     background: transparent;
     border-color: transparent;
     color: var(--color-danger-text-hover);
     fill: var(--color-danger-text-hover)
 }

 .TaskDependencyDirectionSelector-button--blockingTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .TaskDependencyDirectionSelector-button--blockingTheme.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton--isEnabled:active {
     background: transparent;
     border-color: var(--color-button-border-subtle);
     color: var(--color-danger-text-hover);
     fill: var(--color-danger-text-hover)
 }

 .TaskDependencyDirectionSelector-button--isComplete.ThemeableRectangularButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-weak);
     fill: var(--color-text-weak)
 }

 .TaskDependencyDirectionSelector-button--isComplete.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .TaskDependencyDirectionSelector-button--isComplete.ThemeableRectangularButton:focus {
     outline: none
 }

 .TaskDependencyDirectionSelector-button--isComplete.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .TaskDependencyDirectionSelector-button--isComplete.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .TaskDependencyDirectionSelector-button--isComplete.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .TaskDependencyDirectionSelector-button--isComplete.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .TaskDependencyDirectionSelector-button--isComplete.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton {
     background: transparent;
     border-color: transparent;
     color: var(--color-text-weak);
     fill: var(--color-text-weak)
 }

 .TaskDependencyDirectionSelector-button--isComplete.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton--isEnabled:hover {
     background: transparent;
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .TaskDependencyDirectionSelector-button--isComplete.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton:focus {
     outline: none
 }

 .TaskDependencyDirectionSelector-button--isComplete.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .TaskDependencyDirectionSelector-button--isComplete.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .TaskDependencyDirectionSelector-button--isComplete.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible:not(:hover) {
     background: transparent;
     border-color: transparent;
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .TaskDependencyDirectionSelector-button--isComplete.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .TaskDependencyDirectionSelector-button--isComplete.TaskDependencyDirectionSelector-button--isCompact.ThemeableRectangularButton--isEnabled:active {
     background: transparent;
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .TaskDependencyDirectionSelector-button--isCompact .TaskDependencyDirectionSelector-arrowDownIcon {
     padding-left: 4px
 }

 .TaskDependencyDirectionSelector-menuItem .TaskDependencyDirectionSelector-label {
     color: var(--color-text)
 }

 .TaskDependencyDirectionSelector-menuItem--isIncomplete .TaskDependencyDirectionSelector-label--blockedBy {
     color: var(--color-warning-text)
 }

 .TaskDependencyDirectionSelector-menuItem--isIncomplete .TaskDependencyDirectionSelector-label--blocking {
     color: var(--color-danger-text)
 }

 .TaskDependencyDirectionSelector-menuItem .TaskDependencyDirectionSelector-hourglassIcon {
     fill: var(--color-icon)
 }

 .TaskDependencyDirectionSelector-menuItem--isIncomplete .TaskDependencyDirectionSelector-hourglassIcon {
     fill: var(--color-warning-text)
 }

 .TaskDependencyDirectionSelector-menuItem .TaskDependencyDirectionSelector-blockingIcon {
     fill: var(--color-icon)
 }

 .TaskDependencyDirectionSelector-menuItem--isIncomplete .TaskDependencyDirectionSelector-blockingIcon {
     fill: var(--color-danger-text)
 }

 .TaskPillContent {
     align-items: center;
     display: flex;
     min-width: 1px
 }

 .TaskPillContent-completionStatusIndicator {
     margin-right: 4px
 }

 .TaskPillContent-taskName--completed {
     opacity: .5
 }

 .TaskPillContent-dueDate {
     color: var(--color-text-weak);
     flex-shrink: 0;
     font-size: inherit
 }

 .TaskPillContent-dueDate--completed {
     opacity: .5
 }

 .TaskPillContent-dueDate::before {
     content: "·";
     margin: 0 4px
 }

 .TaskPillContent-privateTaskIcon {
     fill: var(--color-icon);
     margin-right: 4px
 }

 .TaskRecipePillContent {
     align-items: center;
     display: flex;
     min-width: 1px
 }

 .TaskRecipePillContent-completionStatusIndicator {
     margin-right: 4px
 }

 .ProgressBar {
     background: var(--color-border);
     border-radius: 3px;
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
     display: flex;
     height: 6px;
     margin: 4px 0;
     overflow: hidden;
     width: 100%
 }

 .ProgressBar-indicator {
     background-color: var(--color-success-icon);
     border-radius: 3px
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--green .ProgressBar-indicator {
     background-color: var(--color-success-icon)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--green.ProgressBar {
     background-color: var(--color-success-background)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--yellow .ProgressBar-indicator {
     background-color: var(--color-warning-icon)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--yellow.ProgressBar {
     background-color: var(--color-warning-background)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--red .ProgressBar-indicator {
     background-color: var(--color-danger-icon)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--red.ProgressBar {
     background-color: var(--color-danger-background)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--achieved .ProgressBar-indicator {
     background-color: var(--color-success-icon)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--achieved.ProgressBar {
     background-color: var(--color-success-background)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--partial .ProgressBar-indicator {
     background-color: var(--color-warning-icon)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--partial.ProgressBar {
     background-color: var(--color-warning-background)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--missed .ProgressBar-indicator {
     background-color: var(--color-danger-icon)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--missed.ProgressBar {
     background-color: var(--color-danger-background)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--dropped .ProgressBar-indicator {
     background-color: var(--color-icon)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--dropped.ProgressBar {
     background-color: var(--color-border)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--blue .ProgressBar-indicator {
     background-color: var(--color-on-hold-icon)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--blue.ProgressBar {
     background-color: var(--color-border)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--none .ProgressBar-indicator {
     background-color: var(--color-success-icon)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--none.ProgressBar {
     background-color: var(--color-border)
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--small.ProgressBar {
     border-radius: 3px;
     height: 6px
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--small .ProgressBar-indicator {
     border-radius: 3px
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--medium.ProgressBar {
     border-radius: 4px;
     height: 8px
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--medium .ProgressBar-indicator {
     border-radius: 4px
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--large.ProgressBar {
     border-radius: 6px;
     height: 12px
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--large .ProgressBar-indicator {
     border-radius: 6px
 }

 .GoalMetricProgressBar.GoalMetricProgressBar--grayBackground.ProgressBar {
     background-color: var(--color-border)
 }

 .GoalMetricProgressBarWithPercentage {
     align-items: center;
     display: flex
 }

 .GoalMetricProgressBarWithPercentage-progress {
     width: 48px
 }

 .GoalMetricProgressBarWithPercentage-label {
     padding-left: 8px
 }

 .StatusBadge {
     align-items: center;
     display: flex;
     color: var(--color-text)
 }

 .StatusBadge.StatusBadge--green .StatusBadge-dot {
     background: var(--color-success-icon)
 }

 .StatusBadge.StatusBadge--yellow .StatusBadge-dot {
     background: var(--color-warning-icon)
 }

 .StatusBadge.StatusBadge--red .StatusBadge-dot {
     background: var(--color-danger-icon)
 }

 .StatusBadge.StatusBadge--blue .StatusBadge-dot {
     background: var(--color-on-hold-icon)
 }

 .StatusBadge.StatusBadge--disabled .StatusBadge-dot {
     background: var(--color-icon)
 }

 .StatusBadge.StatusBadge--achieved .StatusBadge-dot {
     background: var(--color-success-icon)
 }

 .StatusBadge.StatusBadge--partial .StatusBadge-dot {
     background: var(--color-warning-icon)
 }

 .StatusBadge.StatusBadge--missed .StatusBadge-dot {
     background: var(--color-danger-icon)
 }

 .StatusBadge.StatusBadge--dropped .StatusBadge-dot {
     background: var(--color-icon)
 }

 .StatusBadge.StatusBadge--complete .CompoundIcon-inner {
     fill: var(--color-icon-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .StatusBadge.StatusBadge--complete .CompoundIcon-outer {
     fill: var(--color-success-icon);
     stroke: var(--color-success-icon);
     transition: 200ms fill, 200ms stroke
 }

 .StatusBadge-dot {
     border-radius: 6px;
     display: inline-block;
     flex: 0 0 auto;
     height: 12px;
     width: 12px;
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
     margin-right: 6px
 }

 .StatusBadge-dot.StatusBadge-dot--xsmall {
     border-radius: 3px;
     display: inline-block;
     flex: 0 0 auto;
     height: 6px;
     width: 6px;
     margin-right: 4px
 }

 .StatusBadge-dot.StatusBadge-dot--medium {
     border-radius: 4px;
     display: inline-block;
     flex: 0 0 auto;
     height: 8px;
     width: 8px;
     margin-right: 6px
 }

 .StatusBadge-dot.StatusBadge-dot--large {
     border-radius: 6px;
     display: inline-block;
     flex: 0 0 auto;
     height: 12px;
     width: 12px;
     margin-right: 6px
 }

 .StatusBadge-completionIcon {
     margin-right: 6px
 }

 .GoalStatusBadge {
     align-items: center;
     display: flex
 }

 .GoalStatusBadge.GoalStatusBadge--green .GoalStatusBadge-dot {
     background: var(--color-success-icon)
 }

 .GoalStatusBadge.GoalStatusBadge--yellow .GoalStatusBadge-dot {
     background: var(--color-warning-icon)
 }

 .GoalStatusBadge.GoalStatusBadge--red .GoalStatusBadge-dot {
     background: var(--color-danger-icon)
 }

 .GoalStatusBadge.GoalStatusBadge--achieved .GoalStatusBadge-dot {
     background: var(--color-success-icon)
 }

 .GoalStatusBadge.GoalStatusBadge--partial .GoalStatusBadge-dot {
     background: var(--color-warning-icon)
 }

 .GoalStatusBadge.GoalStatusBadge--missed .GoalStatusBadge-dot {
     background: var(--color-danger-icon)
 }

 .GoalStatusBadge.GoalStatusBadge--dropped .GoalStatusBadge-dot {
     background: var(--color-icon)
 }

 .GoalStatusBadge.GoalStatusBadge--none .GoalStatusBadge-dot {
     background: var(--color-icon)
 }

 .GoalStatusBadge-dot {
     border-radius: 6px;
     display: inline-block;
     flex: 0 0 auto;
     height: 12px;
     width: 12px;
     margin-right: 8px
 }

 .GoalStatusBadge-dot.GoalStatusBadge-dot--small {
     border-radius: 4px;
     display: inline-block;
     flex: 0 0 auto;
     height: 8px;
     width: 8px;
     margin-right: 4px
 }

 .GoalStatusProgressIndicator {
     display: inline-block
 }

 .GoalStatusProgressIndicator-tooltipContents {
     align-items: center;
     display: flex;
     flex-direction: column
 }

 .ExternalIcon {
     background: center/cover
 }

 .ExternalIcon--small {
     height: 16px;
     width: 16px
 }

 .ExternalIcon--medium {
     height: 20px;
     width: 20px
 }

 .ExternalIcon--large {
     height: 32px;
     width: 32px
 }

 .ExternalIcon--xlarge {
     height: 40px;
     width: 40px
 }

 .ExternalIcon--mega {
     height: 96px;
     width: 96px
 }

 .ColorFillIcon--colorRed {
     fill: var(--color-customization-red-background)
 }

 .ColorFillIcon--colorRed.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-red-background)
 }

 .ColorFillIcon--colorOrange {
     fill: var(--color-customization-orange-background)
 }

 .ColorFillIcon--colorOrange.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-orange-background)
 }

 .ColorFillIcon--colorYellowOrange {
     fill: var(--color-customization-yellow-orange-background)
 }

 .ColorFillIcon--colorYellowOrange.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-yellow-orange-background)
 }

 .ColorFillIcon--colorYellow {
     fill: var(--color-customization-yellow-background)
 }

 .ColorFillIcon--colorYellow.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-yellow-background)
 }

 .ColorFillIcon--colorYellowGreen {
     fill: var(--color-customization-yellow-green-background)
 }

 .ColorFillIcon--colorYellowGreen.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-yellow-green-background)
 }

 .ColorFillIcon--colorGreen {
     fill: var(--color-customization-green-background)
 }

 .ColorFillIcon--colorGreen.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-green-background)
 }

 .ColorFillIcon--colorBlueGreen {
     fill: var(--color-customization-blue-green-background)
 }

 .ColorFillIcon--colorBlueGreen.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-blue-green-background)
 }

 .ColorFillIcon--colorAqua {
     fill: var(--color-customization-aqua-background)
 }

 .ColorFillIcon--colorAqua.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-aqua-background)
 }

 .ColorFillIcon--colorBlue {
     fill: var(--color-customization-blue-background)
 }

 .ColorFillIcon--colorBlue.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-blue-background)
 }

 .ColorFillIcon--colorIndigo {
     fill: var(--color-customization-indigo-background)
 }

 .ColorFillIcon--colorIndigo.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-indigo-background)
 }

 .ColorFillIcon--colorPurple {
     fill: var(--color-customization-purple-background)
 }

 .ColorFillIcon--colorPurple.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-purple-background)
 }

 .ColorFillIcon--colorMagenta {
     fill: var(--color-customization-magenta-background)
 }

 .ColorFillIcon--colorMagenta.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-magenta-background)
 }

 .ColorFillIcon--colorHotPink {
     fill: var(--color-customization-hot-pink-background)
 }

 .ColorFillIcon--colorHotPink.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-hot-pink-background)
 }

 .ColorFillIcon--colorPink {
     fill: var(--color-customization-pink-background)
 }

 .ColorFillIcon--colorPink.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-pink-background)
 }

 .ColorFillIcon--colorCoolGray {
     fill: var(--color-customization-cool-gray-background)
 }

 .ColorFillIcon--colorCoolGray.ColorFillIcon--deuteranopia {
     fill: var(--color-customization-cool-gray-background)
 }

 .ColorFillIcon--colorNone {
     fill: var(--color-customization-background-deprecated-opaque)
 }

 .Facepile {
     padding: 2px
 }

 .Facepile .Facepile-item .Avatar,
 .Facepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-background-weak), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .Facepile-count {
     background: var(--color-background-medium);
     border-radius: 50%;
     box-sizing: border-box;
     color: var(--color-text-weak);
     text-align: center
 }

 .Facepile-count.Facepile-count--small {
     font-size: 12px;
     height: 24px;
     line-height: 24px;
     min-width: 24px;
     width: 24px
 }

 .Facepile-count.Facepile-count--medium {
     font-size: 12px;
     height: 32px;
     line-height: 32px;
     min-width: 32px;
     width: 32px
 }

 .Facepile-count.Facepile-count--large {
     font-size: 14px;
     height: 36px;
     line-height: 36px;
     min-width: 36px;
     width: 36px
 }

 .Facepile-count.Facepile-count--xlarge {
     font-size: 16px;
     height: 48px;
     line-height: 48px;
     min-width: 48px;
     width: 48px
 }

 .Facepile-count--doubleDigit {
     padding-left: 4px
 }

 .Facepile-item {
     flex-shrink: 0
 }

 .FacepileButton {
     cursor: pointer;
     display: inline-flex
 }

 .FacepileButton:focus {
     outline: none
 }

 .FacepileButton:focus:focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .FacepileButton.FacepileButton--sizeSmall.FacepileButton {
     border-radius: 14px
 }

 .FacepileButton.FacepileButton--sizeMedium.FacepileButton {
     border-radius: 18px
 }

 .FacepileButton.FacepileButton--sizeLarge.FacepileButton {
     border-radius: 20px
 }

 .FacepileButton.FacepileButton--sizeXLarge.FacepileButton {
     border-radius: 26px
 }

 .FacepileButton:hover .FacepileButton-facepile .Facepile-item .Avatar,
 .FacepileButton:hover .FacepileButton-facepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-background-weak), inset 0 0 0 24px rgba(0, 0, 0, .1)
 }

 .FacepileButton:hover .FacepileButton-facepile .Facepile-item .Avatar-vacationOverlay {
     box-shadow: inset 0 0 0 1px #f2a100, inset 0 0 0 2px var(--color-background-weak)
 }

 .FacepileStructure {
     align-items: center;
     display: inline-flex;
     flex-direction: row-reverse
 }

 .FacepileStructure-item {
     align-items: center;
     display: flex;
     flex-shrink: 0;
     margin-left: -4px
 }

 .FacepileStructure-item:last-of-type {
     margin-left: 0
 }

 .FacepilePlaceholder {
     display: flex;
     padding-left: 4px
 }

 .FacepilePlaceholder .FacepilePlaceholder-compact {
     box-shadow: 0 0 0 2px #fff, inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .FacepilePlaceholder-avatar--small {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     background-color: var(--color-background-medium);
     border-radius: 50%;
     height: 24px;
     width: 24px
 }

 .FacepilePlaceholder-avatar--medium {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     background-color: var(--color-background-medium);
     border-radius: 50%;
     height: 32px;
     width: 32px
 }

 .FacepilePlaceholder-avatar--large {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     background-color: var(--color-background-medium);
     border-radius: 50%;
     height: 36px;
     width: 36px
 }

 .FacepilePlaceholder-avatar--xlarge {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     background-color: var(--color-background-medium);
     border-radius: 50%;
     height: 48px;
     width: 48px
 }

 .FacepilePlaceholder-compact {
     margin-left: -4px
 }

 .PortfolioFolderIcon {
     border-radius: 8px;
     box-shadow: inset 0 -2px rgba(0, 0, 0, .05);
     display: flex;
     position: relative
 }

 .PortfolioFolderIcon-bars {
     fill: #fff;
     left: 16px;
     position: absolute;
     top: 18px
 }

 .PortfolioFolderIcon-folder {
     fill: var(--color-customization-background-deprecated-opaque);
     flex: 0 0 auto;
     height: 48px;
     width: 48px;
     z-index: -1
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorRed {
     fill: var(--color-customization-red-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorRed.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-red-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorOrange {
     fill: var(--color-customization-orange-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorOrange.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-orange-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorYellowOrange {
     fill: var(--color-customization-yellow-orange-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorYellowOrange.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-yellow-orange-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorYellow {
     fill: var(--color-customization-yellow-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorYellow.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-yellow-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorYellowGreen {
     fill: var(--color-customization-yellow-green-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorYellowGreen.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-yellow-green-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorGreen {
     fill: var(--color-customization-green-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorGreen.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-green-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorBlueGreen {
     fill: var(--color-customization-blue-green-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorBlueGreen.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-blue-green-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorAqua {
     fill: var(--color-customization-aqua-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorAqua.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-aqua-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorBlue {
     fill: var(--color-customization-blue-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorBlue.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-blue-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorIndigo {
     fill: var(--color-customization-indigo-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorIndigo.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-indigo-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorPurple {
     fill: var(--color-customization-purple-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorPurple.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-purple-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorMagenta {
     fill: var(--color-customization-magenta-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorMagenta.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-magenta-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorHotPink {
     fill: var(--color-customization-hot-pink-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorHotPink.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-hot-pink-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorPink {
     fill: var(--color-customization-pink-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorPink.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-pink-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorCoolGray {
     fill: var(--color-customization-cool-gray-background)
 }

 .PortfolioFolderIcon-folder.PortfolioFolderIcon-folder--colorCoolGray.PortfolioFolderIcon-folder--deuteranopia {
     fill: var(--color-customization-cool-gray-background)
 }

 .PortfolioSubtitleWithProjectCountAndPrivacy-icon {
     margin-right: 4px
 }

 .PortfolioSubtitleWithProjectCountAndPrivacy {
     align-items: center;
     display: flex;
     justify-content: center;
     min-width: 1px
 }

 .DashedTemplateTile .DashedTemplateTile-inner {
     fill: var(--color-deprecated-darkGray1);
     transition: 200ms fill, 200ms stroke
 }

 .DashedTemplateTile .DashedTemplateTile-outer {
     fill: transparent;
     stroke: var(--color-deprecated-darkGray1);
     transition: 200ms fill, 200ms stroke
 }

 .DashedTemplateTile.DashedTemplateTile--small {
     height: 48px;
     min-height: 48px;
     min-width: 48px;
     width: 48px
 }

 .DashedTemplateTile.DashedTemplateTile--small .DashedTemplateTile-outer {
     stroke-dasharray: 3.0432, 2.0288
 }

 .DashedTemplateTile.DashedTemplateTile--large {
     height: 120px;
     min-height: 120px;
     min-width: 120px;
     width: 120px
 }

 .DashedTemplateTile.DashedTemplateTile--large .DashedTemplateTile-outer {
     stroke-dasharray: 10.0605, 5.0302
 }

 .DashedTile .DashedTile-inner {
     fill: var(--color-deprecated-darkGray1);
     transition: 200ms fill, 200ms stroke
 }

 .DashedTile .DashedTile-outer {
     fill: transparent;
     stroke: var(--color-deprecated-darkGray1);
     transition: 200ms fill, 200ms stroke
 }

 .DashedTile.DashedTile--small {
     height: 48px;
     min-height: 48px;
     min-width: 48px;
     width: 48px
 }

 .DashedTile.DashedTile--small .DashedTile-outer {
     stroke-dasharray: 3.0432, 2.0288
 }

 .DashedTile.DashedTile--medium {
     height: 64px;
     min-height: 64px;
     min-width: 64px;
     width: 64px
 }

 .DashedTile.DashedTile--medium .DashedTile-outer {
     stroke-dasharray: 2.9778, 1.9852
 }

 .DashedTile.DashedTile--large {
     height: 120px;
     min-height: 120px;
     min-width: 120px;
     width: 120px
 }

 .DashedTile.DashedTile--large .DashedTile-outer {
     stroke-dasharray: 10.0605, 5.0302
 }

 .ItemRow {
     border-bottom: 1px solid transparent;
     border-top: 1px solid transparent;
     height: 34px;
     align-items: center;
     display: flex;
     justify-content: space-between;
     overflow: visible;
     padding: 0 32px;
     position: relative;
     transition: box-shadow 0s ease-in;
     white-space: nowrap
 }

 .is-compactMode .ItemRow {
     height: 26px
 }

 .ItemRow--enabled {
     transition: box-shadow 100ms ease-in-out
 }

 .ItemRow--enabled:hover {
     border-color: var(--color-border)
 }

 .ItemRow--enabled.ItemRow--highlighted {
     background-color: var(--color-selected-background)
 }

 .ItemRow--enabled.ItemRow--focused {
     background-color: var(--color-background-weak);
     border-color: var(--color-selected-border)
 }

 .ItemRow--enabled.ItemRow--boxShadow {
     box-shadow: var(--color-box-shadow-large)
 }

 .ItemRowTwoColumnStructure-left {
     align-items: center;
     display: flex;
     flex: 1 1000 auto;
     height: 100%;
     justify-content: flex-start;
     min-width: 1px;
     position: relative
 }

 .SectionRow--subtask .ItemRowTwoColumnStructure-left {
     align-items: flex-start
 }

 .ItemRowTwoColumnStructure-right {
     align-items: center;
     display: flex;
     flex: 0 1 auto;
     height: 100%;
     justify-content: flex-end;
     max-width: 75%;
     min-height: 34px;
     overflow: hidden
 }

 .MultilineRowMetadataStructure {
     align-items: center;
     display: flex;
     min-width: 1px
 }

 .MultilineRowMetadataStructure-rightChildren {
     align-self: center;
     display: flex;
     flex-direction: column;
     margin-left: 16px;
     min-width: 1px
 }

 .MultilineRowMetadataStructure-title {
     align-items: center;
     color: var(--color-text);
     display: flex;
     flex-direction: row;
     font-weight: 500;
     overflow: visible
 }

 .MultilineRowMetadataStructure-metadata {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     color: var(--color-text-weak);
     display: flex;
     fill: var(--color-deprecated-mediumGray);
     line-height: 14.4px;
     margin-top: 4px;
     overflow: hidden
 }

 .MultilineRowMetadataStructure-metadataItem {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .MultilineRowMetadataStructure-metadataItem:not(:last-child)::after {
     content: "·";
     padding: 0 4px
 }

 .MultilineRowMetadataStructureTitle {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .DragContainer--isHiddenOnDrag {
     display: none
 }

 .DragHandle {
     align-items: center;
     cursor: -webkit-grab;
     cursor: grab;
     display: flex;
     fill: var(--color-icon);
     flex-shrink: 0;
     height: 34px;
     justify-content: center;
     transition: fill 100ms ease-in-out;
     width: 32px
 }

 .DragHandle:hover {
     fill: var(--color-icon-hover)
 }

 .DragLayer {
     height: 100%;
     left: 0;
     pointer-events: none;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 20000
 }

 .DragLayer-previewContainer {
     left: 0;
     position: absolute;
     top: 0;
     will-change: transform
 }

 .DragSelectContainer {
     height: 100%;
     position: relative;
     width: 100%
 }

 .DragSelectContainer-selectionBox {
     background: rgba(var(--color-deprecated-lightGray3), 0.5);
     border: 1px solid var(--color-border-hover);
     border-radius: 4px;
     left: 0;
     opacity: .4;
     pointer-events: none;
     position: absolute;
     top: 0
 }

 .DraggableContainerPreview {
     display: inline-block;
     padding: 4px
 }

 .DraggableRowPreview-row {
     background-color: var(--color-background-weak);
     border-radius: 4px;
     box-shadow: var(--color-elevation-large);
     display: inline-block;
     margin-left: 8px;
     min-width: 300px;
     opacity: .8;
     padding: 4px
 }

 .Dragon {
     position: absolute;
     transform: scale(0.45) translate(-280px, -150px)
 }

 .Dragon .Dragon-arm {
     position: absolute;
     z-index: -1
 }

 .Dragon .Dragon-backWing {
     position: absolute;
     -webkit-animation: dragon-back-wing .5s ease infinite;
     animation: dragon-back-wing .5s ease infinite;
     z-index: -2
 }

 .Dragon .Dragon-frontWing {
     position: absolute;
     -webkit-animation: dragon-front-wing .5s ease infinite;
     animation: dragon-front-wing .5s ease infinite;
     left: 0;
     top: 0;
     z-index: 1
 }

 .Dragon .Dragon-fire {
     position: absolute;
     -webkit-animation: dragon-fire 1.5s infinite;
     animation: dragon-fire 1.5s infinite;
     left: 6px;
     top: -2px
 }

 @-webkit-keyframes dragon-back-wing {
     0% {
         transform: perspective(150px) rotateX(0deg)
     }

     50% {
         transform: perspective(150px) rotateX(80deg)
     }
 }

 @keyframes dragon-back-wing {
     0% {
         transform: perspective(150px) rotateX(0deg)
     }

     50% {
         transform: perspective(150px) rotateX(80deg)
     }
 }

 @-webkit-keyframes dragon-front-wing {
     0% {
         transform: perspective(150px) rotateX(0deg)
     }

     50% {
         transform: perspective(150px) rotateX(-80deg)
     }
 }

 @keyframes dragon-front-wing {
     0% {
         transform: perspective(150px) rotateX(0deg)
     }

     50% {
         transform: perspective(150px) rotateX(-80deg)
     }
 }

 @-webkit-keyframes dragon-fire {
     0% {
         opacity: 1
     }

     20% {
         opacity: .3
     }

     40% {
         opacity: 1
     }

     60% {
         opacity: .8
     }

     80% {
         opacity: .2
     }

     100% {
         opacity: .8
     }
 }

 @keyframes dragon-fire {
     0% {
         opacity: 1
     }

     20% {
         opacity: .3
     }

     40% {
         opacity: 1
     }

     60% {
         opacity: .8
     }

     80% {
         opacity: .2
     }

     100% {
         opacity: .8
     }
 }

 .DropTargetAttachment {
     position: relative
 }

 .DropTargetAttachment-target {
     background: none;
     bottom: 0;
     left: 0;
     pointer-events: none;
     position: absolute;
     right: 0;
     top: 0
 }

 .DropTargetAttachment--dragging .DropTargetAttachment-target {
     background: var(--color-drop-target-background)
 }

 .DropTargetAttachment-border {
     border: 2px dashed var(--color-selected-border);
     border-radius: 4px;
     bottom: 24px;
     display: none;
     left: 24px;
     padding: 24px;
     position: absolute;
     right: 24px;
     top: 24px
 }

 .DropTargetAttachment--dragging .DropTargetAttachment-border {
     align-content: center;
     display: flex;
     flex-direction: column;
     justify-content: center
 }

 .DropTargetAttachment-border.DropTargetAttachment-border--disabled {
     border-color: var(--color-border-active)
 }

 .DropTargetAttachment-image {
     align-self: center;
     opacity: .6
 }

 .DropTargetAttachment--over .DropTargetAttachment-image {
     opacity: 1
 }

 .DropTargetAttachment-imageText {
     color: var(--color-selected-text);
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 16px;
     font-weight: 300;
     margin-top: 24px;
     text-align: center
 }

 .DropTargetAttachment-imageText.DropTargetAttachment-imageText--disabled {
     color: var(--color-text)
 }

 .DropTargetPlaceholder--isHovering {
     border-top: 1px solid var(--color-border-active);
     height: 150px
 }

 .DropTargetRow:not(.DropTargetRow--inSpreadsheetGrid) {
     margin-bottom: -1px;
     padding-bottom: 1px;
     position: relative
 }

 .DropTargetRow:not(.DropTargetRow--inSpreadsheetGrid).DropTargetRow--isHoveringAbove::before,
 .DropTargetRow:not(.DropTargetRow--inSpreadsheetGrid).DropTargetRow--isHoveringBelow::after {
     border-bottom: 1px solid var(--color-selected-border);
     content: "";
     display: block;
     left: 0;
     pointer-events: none;
     position: absolute;
     right: 0;
     z-index: 100
 }

 .DropTargetRow:not(.DropTargetRow--inSpreadsheetGrid).DropTargetRow--isHoveringAbove::before {
     top: -1px
 }

 .DropTargetRow:not(.DropTargetRow--inSpreadsheetGrid).DropTargetRow--isHoveringBelow::after {
     bottom: 1px
 }

 .DropTargetTaskGroup .DropTargetTaskGroup-child--dropItemHovering {
     background-color: var(--color-background-weak-hover-deprecated);
     border-color: var(--color-border)
 }

 .DropTargetTaskGroupHeader .DropTargetTaskGroupHeader-child--dropItemHovering {
     background-color: var(--color-background-weak-hover-deprecated);
     border-color: var(--color-border)
 }

 .DropTargetTaskGroupHeader-child {
     border-bottom: 1px solid transparent;
     border-top: 1px solid transparent
 }

 .HiddenCreatureCelebration {
     padding-bottom: 8px;
     transition: height .5s, padding .5s;
     width: 280px
 }

 .HiddenCreatureCelebration.HiddenCreatureCelebration--isDisappearing {
     height: 0;
     padding: 0
 }

 .HiddenCreatureCelebration-yetiContainer {
     background: var(--color-background-strong);
     height: 100%;
     position: relative;
     width: 280px
 }

 .HiddenCreatureCelebration-handsContainer,
 .HiddenCreatureCelebration-bodyContainer {
     bottom: 0;
     height: 95px;
     max-width: 190px;
     overflow: hidden;
     position: absolute
 }

 .HiddenCreatureCelebration-body {
     -webkit-animation: HiddenCreatureCelebration-body 2.5s linear;
     animation: HiddenCreatureCelebration-body 2.5s linear;
     max-width: 190px;
     transform: translate(95px, 148px)
 }

 .HiddenCreatureCelebration-hands {
     -webkit-animation: HiddenCreatureCelebration-hands 2.5s linear;
     animation: HiddenCreatureCelebration-hands 2.5s linear;
     max-width: 190px;
     transform: translate(85px, 108px)
 }

 @-webkit-keyframes HiddenCreatureCelebration-body {
     8% {
         -webkit-animation-timing-function: cubic-bezier(135, 0, 0.22, 0.995);
         animation-timing-function: cubic-bezier(135, 0, 0.22, 0.995);
         transform: translate(95px, 148px)
     }

     15% {
         transform: translate(95px, 43px)
     }

     81% {
         transform: translate(95px, 43px)
     }

     90% {
         transform: translate(95px, 148px)
     }
 }

 @keyframes HiddenCreatureCelebration-body {
     8% {
         -webkit-animation-timing-function: cubic-bezier(135, 0, 0.22, 0.995);
         animation-timing-function: cubic-bezier(135, 0, 0.22, 0.995);
         transform: translate(95px, 148px)
     }

     15% {
         transform: translate(95px, 43px)
     }

     81% {
         transform: translate(95px, 43px)
     }

     90% {
         transform: translate(95px, 148px)
     }
 }

 @-webkit-keyframes HiddenCreatureCelebration-hands {
     0% {
         transform: translate(85px, 108px)
     }

     4% {
         transform: translate(85px, 74px)
     }

     7% {
         transform: translate(85px, 83px)
     }

     75% {
         transform: translate(85px, 83px)
     }

     78% {
         transform: translate(85px, 74px)
     }

     90% {
         transform: translate(85px, 108px)
     }
 }

 @keyframes HiddenCreatureCelebration-hands {
     0% {
         transform: translate(85px, 108px)
     }

     4% {
         transform: translate(85px, 74px)
     }

     7% {
         transform: translate(85px, 83px)
     }

     75% {
         transform: translate(85px, 83px)
     }

     78% {
         transform: translate(85px, 74px)
     }

     90% {
         transform: translate(85px, 108px)
     }
 }

 .LinearSortableListDragPreview {
     align-items: center;
     background-color: var(--color-background-weak);
     border-radius: 8px;
     box-shadow: var(--color-elevation-selected-large-active);
     cursor: -webkit-grabbing;
     cursor: grabbing;
     display: flex;
     padding: 0 48px 0 16px
 }

 .LinearSortableListDragPreview.LinearSortableListDragPreview--small {
     height: 36px
 }

 .LinearSortableListDragPreview.LinearSortableListDragPreview--medium {
     height: 40px
 }

 .LinearSortableListDragPreview.LinearSortableListDragPreview--large {
     height: 48px
 }

 .LinearSortableListDragPreview-graphic {
     margin: 0 8px 0 0
 }

 .LinearSortableListVerticalDropTarget {
     position: relative;
     z-index: 100
 }

 .LinearSortableListVerticalDropTarget::before {
     background-color: var(--color-selected-border);
     border-radius: 50%;
     content: "";
     height: 8px;
     left: 0;
     position: absolute;
     top: 0;
     transform: translate(0, -50%);
     width: 8px;
     z-index: 100
 }

 .LinearSortableListVerticalDropTarget::after {
     background-color: var(--color-selected-border);
     content: "";
     height: 2px;
     left: 0;
     margin: -1px 0;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 100
 }

 .ReorderableHorizontalList-itemContainer {
     display: flex;
     flex-direction: row;
     height: 100%;
     width: 100%
 }

 .ReorderableHorizontalList-itemContainer>.ReorderableHorizontalList-itemWrapper {
     height: 100%
 }

 .ReorderableHorizontalList-itemContainer>.ReorderableHorizontalList-itemWrapper>.ReorderableHorizontalList-sortableItem {
     height: 100%
 }

 .ReorderableHorizontalList-itemWrapper {
     flex: 0 0 auto;
     position: relative
 }

 .ReorderableHorizontalList-itemWrapper.ReorderableHorizontalList-itemWrapper--hoveringBefore::before {
     background-color: var(--color-selected-border);
     bottom: 0;
     content: "";
     display: block;
     position: absolute;
     top: 0;
     width: 1px;
     z-index: 20000;
     left: 0
 }

 .ReorderableHorizontalList-itemWrapper.ReorderableHorizontalList-itemWrapper--hoveringAfter::after {
     background-color: var(--color-selected-border);
     bottom: 0;
     content: "";
     display: block;
     position: absolute;
     top: 0;
     width: 1px;
     z-index: 20000;
     right: -1px
 }

 .SortableList-itemContainer {
     display: flex;
     height: 100%;
     width: 100%
 }

 .SortableList-itemContainer--disableFlexbox {
     display: block
 }

 .SortableList-itemContainer--row {
     flex-direction: row
 }

 .SortableList-itemContainer--column {
     flex-direction: column
 }

 .SortableList-itemContainer--grid {
     flex-flow: row wrap
 }

 .SortableList-sortableItemContainer {
     flex: 0 0 auto
 }

 .SortableList-sortableItem {
     height: 100%;
     width: 100%
 }

 .SortableList-emptyStateDropTarget,
 .SortableList-endOfListDropTarget {
     flex-grow: 1
 }

 .TileStructure {
     border-radius: 30px;
     box-sizing: border-box;
     height: 226px;
     min-width: 152px;
     padding: 16px 0;
     width: 152px;
     align-items: center;
     display: flex;
     flex-flow: column;
     position: relative;
     transition-duration: .4s
 }

 .TileStructure:hover {
     background: var(--color-background-hover);
     transform: translate3d(0, -4px, 0)
 }

 .is-dragging .TileStructure {
     background: var(--color-background-hover)
 }

 .is-dragging .TileStructure>* {
     visibility: hidden
 }

 .TileStructure:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active)
 }

 .TileStructure--sizeSmall {
     height: 206px;
     min-width: 132px;
     width: 132px
 }

 .TileStructure-children {
     height: 120px;
     width: 120px
 }

 .TileStructure--sizeSmall .TileStructure-children {
     height: 100px;
     width: 100px
 }

 .TileStructure-name {
     box-sizing: border-box;
     margin-top: 8px;
     padding: 0 8px;
     -webkit-box-orient: vertical;
     color: var(--color-text);
     display: -webkit-box;
     font-size: 14px;
     font-weight: 500;
     -webkit-line-clamp: 2;
     line-height: 18px;
     max-height: 36px;
     overflow: hidden;
     text-align: center;
     text-overflow: ellipsis;
     width: 100%
 }

 .TileStructure-subTitle {
     box-sizing: border-box;
     margin-top: 4px;
     padding: 0 8px;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     color: var(--color-text-weak);
     fill: var(--color-icon);
     overflow: hidden;
     text-align: center;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%
 }

 .AddItemSquircle {
     cursor: pointer
 }

 .AddItemSquircle-box .DashedTile-inner {
     fill: var(--color-deprecated-mediumGray);
     transition: 200ms fill, 200ms stroke
 }

 .AddItemSquircle-box .DashedTile-outer {
     fill: var(--color-background-weak);
     stroke: var(--color-deprecated-mediumGray);
     transition: 200ms fill, 200ms stroke
 }

 .AddItemSquircle:hover .AddItemSquircle-box .DashedTile-inner {
     fill: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .AddItemSquircle:hover .AddItemSquircle-box .DashedTile-outer {
     fill: var(--color-background-weak);
     stroke: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .RowStructure {
     height: 59px;
     border-radius: 8px
 }

 .RowStructure.ItemRow--enabled:hover {
     border-color: var(--color-background-weak-hover-deprecated)
 }

 .RowStructure.ItemRow--enabled:not(.ItemRow--focused):not(.ItemRow--highlighted) {
     cursor: pointer
 }

 .RowStructure.ItemRow--enabled:not(.ItemRow--focused):not(.ItemRow--highlighted):hover {
     background-color: var(--color-background-weak-hover-deprecated)
 }

 .RowStructure.ItemRow {
     padding: 0 0
 }

 .RowStructure .RowStructure-leftGutter {
     width: 48px
 }

 .RowStructure .RowStructure-rightGutter {
     width: 48px
 }

 .RowStructure:not(.RowStructure--disabled):hover {
     background-color: var(--color-background-weak-hover-deprecated)
 }

 .RowStructure:not(.RowStructure--disabled):hover .RowStructure-leftGutter,
 .RowStructure:not(.RowStructure--disabled):hover .RowStructure-rightGutter {
     opacity: 1
 }

 .is-dragging .RowStructure {
     background-color: var(--color-background-weak-hover-deprecated)
 }

 .is-dragging .RowStructure::after {
     visibility: hidden
 }

 .is-dragging .RowStructure>* {
     visibility: hidden
 }

 .RowStructure-leftGutter,
 .RowStructure-rightGutter {
     align-items: center;
     display: flex;
     flex-shrink: 0;
     height: 100%;
     justify-content: center;
     opacity: 0
 }

 .RowStructure-leftChildren,
 .RowStructure-rightChildren {
     display: flex;
     margin-bottom: 4px;
     margin-top: 4px
 }

 .RowStructure-leftChildren {
     margin-right: 16px;
     min-width: 1px
 }

 .ChipWithIcon {
     border-radius: 12px;
     height: 48px;
     width: 48px;
     box-shadow: inset 0 -2px rgba(0, 0, 0, .05);
     align-items: center;
     background: var(--color-customization-background-deprecated-opaque);
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
     display: flex;
     fill: #fff;
     flex: 0 0 auto;
     flex-direction: column;
     justify-content: center
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorRed {
     background-color: var(--color-customization-red-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorRed.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-red-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorOrange {
     background-color: var(--color-customization-orange-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorOrange.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-orange-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorYellowOrange {
     background-color: var(--color-customization-yellow-orange-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorYellowOrange.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-yellow-orange-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorYellow {
     background-color: var(--color-customization-yellow-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorYellow.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-yellow-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorYellowGreen {
     background-color: var(--color-customization-yellow-green-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorYellowGreen.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-yellow-green-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorGreen {
     background-color: var(--color-customization-green-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorGreen.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-green-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorBlueGreen {
     background-color: var(--color-customization-blue-green-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorBlueGreen.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-blue-green-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorAqua {
     background-color: var(--color-customization-aqua-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorAqua.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-aqua-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorBlue {
     background-color: var(--color-customization-blue-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorBlue.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-blue-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorIndigo {
     background-color: var(--color-customization-indigo-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorIndigo.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-indigo-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorPurple {
     background-color: var(--color-customization-purple-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorPurple.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-purple-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorMagenta {
     background-color: var(--color-customization-magenta-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorMagenta.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-magenta-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorHotPink {
     background-color: var(--color-customization-hot-pink-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorHotPink.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-hot-pink-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorPink {
     background-color: var(--color-customization-pink-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorPink.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-pink-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorCoolGray {
     background-color: var(--color-customization-cool-gray-background)
 }

 .ChipWithIcon--withChipFill.ChipWithIcon--colorCoolGray.ChipWithIcon--deuteranopia {
     background-color: var(--color-customization-cool-gray-background)
 }

 .ChipWithIcon--withIconFill {
     background-color: var(--color-background-weak);
     border: 1px solid var(--color-border);
     fill: var(--color-icon)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorRed {
     fill: var(--color-customization-red-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorRed.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-red-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorOrange {
     fill: var(--color-customization-orange-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorOrange.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-orange-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorYellowOrange {
     fill: var(--color-customization-yellow-orange-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorYellowOrange.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-yellow-orange-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorYellow {
     fill: var(--color-customization-yellow-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorYellow.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-yellow-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorYellowGreen {
     fill: var(--color-customization-yellow-green-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorYellowGreen.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-yellow-green-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorGreen {
     fill: var(--color-customization-green-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorGreen.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-green-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorBlueGreen {
     fill: var(--color-customization-blue-green-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorBlueGreen.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-blue-green-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorAqua {
     fill: var(--color-customization-aqua-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorAqua.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-aqua-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorBlue {
     fill: var(--color-customization-blue-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorBlue.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-blue-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorIndigo {
     fill: var(--color-customization-indigo-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorIndigo.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-indigo-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorPurple {
     fill: var(--color-customization-purple-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorPurple.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-purple-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorMagenta {
     fill: var(--color-customization-magenta-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorMagenta.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-magenta-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorHotPink {
     fill: var(--color-customization-hot-pink-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorHotPink.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-hot-pink-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorPink {
     fill: var(--color-customization-pink-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorPink.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-pink-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorCoolGray {
     fill: var(--color-customization-cool-gray-background)
 }

 .ChipWithIcon--withIconFill.ChipWithIcon--colorCoolGray.ChipWithIcon--deuteranopia {
     fill: var(--color-customization-cool-gray-background)
 }

 .ExploreTemplatesSquircle {
     cursor: pointer
 }

 .ExploreTemplatesSquircle-box .DashedTemplateTile-inner {
     fill: var(--color-deprecated-mediumGray);
     transition: 200ms fill, 200ms stroke
 }

 .ExploreTemplatesSquircle-box .DashedTemplateTile-outer {
     fill: var(--color-background-weak);
     stroke: var(--color-deprecated-mediumGray);
     transition: 200ms fill, 200ms stroke
 }

 .ExploreTemplatesSquircle:hover .ExploreTemplatesSquircle-box .DashedTemplateTile-inner {
     fill: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .ExploreTemplatesSquircle:hover .ExploreTemplatesSquircle-box .DashedTemplateTile-outer {
     fill: var(--color-background-weak);
     stroke: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .HubCardList {
     display: grid;
     gap: 16px;
     grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
     padding-top: 24px
 }

 .HubTileList {
     display: flex;
     flex-flow: row wrap;
     padding-top: 16px
 }

 .HubSection {
     margin: 32px auto
 }

 .HubSection.HubSection--isCollapsed {
     margin-bottom: 0
 }

 .HubSection-triangleToggleButton {
     margin-right: 4px
 }

 .HubSection-titleContainer {
     margin-right: auto
 }

 .HubSection-title {
     box-sizing: border-box;
     color: var(--color-text);
     display: flex
 }

 .HubSection-titleWithCollapseToggle {
     align-items: center;
     cursor: pointer;
     display: flex;
     flex-direction: row
 }

 .HubSection-extraHeaderElement {
     display: flex
 }

 .HubSection-header {
     align-items: center;
     border-bottom: 2px solid var(--color-border);
     display: flex;
     flex-wrap: wrap;
     margin-left: 24px;
     margin-right: 24px;
     padding: 8px 0;
     position: relative
 }

 .HubSectionPlaceholder-section {
     margin: 32px auto
 }

 .HubSectionPlaceholder-header {
     align-items: center;
     border-bottom: 2px solid var(--color-border);
     display: flex;
     flex-wrap: wrap;
     margin-left: 24px;
     margin-right: 24px;
     padding: 8px 0
 }

 .HubSectionPlaceholder-headerTitle {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 20px;
     width: 100px
 }

 .HubTileNewActivityBadge {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     background: var(--color-background-weak);
     border-radius: 4px;
     box-shadow: 0 0 4px rgba(var(--color-beta-icon-rgb), 0.2);
     color: var(--color-beta-text);
     font-weight: 500;
     height: 20px;
     line-height: 20px;
     padding: 0 4px;
     text-align: center;
     text-transform: uppercase
 }

 .IconSquircleRow-leftElements {
     align-items: center;
     box-sizing: border-box;
     color: var(--color-text-weak);
     display: inline-flex;
     text-align: center
 }

 .IconSquircleRow:hover .IconSquircleRow-leftElements {
     color: var(--color-text-weak-hover)
 }

 .IconSquircleRow-box {
     border-radius: 12px;
     height: 48px;
     width: 48px;
     margin: 4px 16px 4px 0;
     align-items: center;
     border: 2px dashed var(--color-icon);
     box-sizing: border-box;
     color: var(--color-text-weak);
     display: flex;
     fill: var(--color-icon);
     justify-content: center;
     position: relative
 }

 .IconSquircleRow:hover .IconSquircleRow-box {
     border-color: var(--color-icon-hover);
     color: var(--color-text-weak-hover);
     fill: var(--color-icon-hover)
 }

 .ItemRowPlaceholder {
     height: 59px;
     align-items: center;
     display: flex;
     flex-direction: row;
     padding-left: 48px;
     position: relative
 }

 .ItemRowPlaceholder::after {
     border-bottom: 1px solid var(--color-border);
     color: var(--color-border);
     content: "";
     display: block;
     left: 48px;
     pointer-events: none;
     position: absolute;
     right: 48px;
     bottom: -2px
 }

 .ItemRowPlaceholder.ItemRow--enabled:hover::after,
 .ItemRowPlaceholder.ItemRow--enabled.ItemRow--focused::after,
 .ItemRowPlaceholder.ItemRow--enabled.ItemRow--highlighted::after {
     visibility: hidden
 }

 .ItemRowPlaceholder-card {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 12px;
     height: 48px;
     width: 48px;
     margin: 4px 16px 4px 0
 }

 .ItemRowPlaceholder-info {
     display: flex;
     flex-direction: column
 }

 .ItemRowPlaceholder-title {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 12px;
     margin: 2px 0;
     width: 120px
 }

 .ItemRowPlaceholder-subtitle {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 10.4px;
     margin: 2px 0;
     width: 50px
 }

 .ItemTilePlaceholder {
     border-radius: 30px;
     box-sizing: border-box;
     height: 226px;
     min-width: 152px;
     padding: 16px 0;
     width: 152px;
     align-items: center;
     display: flex;
     flex-direction: column
 }

 .ItemTilePlaceholder.ItemTilePlaceholder--sizeSmall {
     height: 206px;
     min-width: 132px;
     width: 132px
 }

 .ItemTilePlaceholder-card {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%
 }

 .ItemTilePlaceholder--sizeNormal .ItemTilePlaceholder-card {
     border-radius: 20px;
     height: 120px;
     width: 120px
 }

 .ItemTilePlaceholder--sizeSmall .ItemTilePlaceholder-card {
     border-radius: 20px;
     height: 100px;
     width: 100px
 }

 .ItemTilePlaceholder-title {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     box-sizing: border-box;
     margin-top: 8px;
     padding: 0 8px;
     border-radius: 4px;
     height: 18px;
     width: 90px
 }

 .ItemTilePlaceholder-subtitle {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     box-sizing: border-box;
     margin-top: 4px;
     padding: 0 8px;
     border-radius: 4px;
     height: 18px;
     width: 60px
 }

 .MultiColorIcon {
     clip-rule: evenodd;
     fill-rule: evenodd;
     height: 24px;
     width: 24px
 }

 .MultiColorIcon-path--white {
     fill: var(--color-multi-color-icon-weak)
 }

 .MultiColorIcon-path--fadedWhite {
     fill: var(--color-multi-color-icon-medium)
 }

 .MultiColorIcon-path--fadedBlack {
     fill: var(--color-multi-color-icon-strong)
 }

 .MultiColorIcon--unselected .MultiColorIcon-path--white {
     fill: var(--color-multi-color-icon-unselected-weak)
 }

 .MultiColorIcon--unselected .MultiColorIcon-path--fadedWhite {
     fill: var(--color-multi-color-icon-unselected-medium)
 }

 .MultiColorIcon--unselected .MultiColorIcon-path--fadedBlack {
     fill: var(--color-multi-color-icon-unselected-strong)
 }

 .MultiColorIcon--small {
     height: 16px;
     width: 16px
 }

 .MultiColorIcon--medium {
     height: 24px;
     width: 24px
 }

 .MultiColorIcon--large {
     height: 48px;
     width: 48px
 }

 .PotTile--colorRed .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-red-background)
 }

 .PotTile--colorRed .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-red-background)
 }

 .PotTile--colorRed.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-red-background)
 }

 .PotTile--colorRed.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-red-background)
 }

 .PotTile--colorOrange .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-orange-background)
 }

 .PotTile--colorOrange .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-orange-background)
 }

 .PotTile--colorOrange.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-orange-background)
 }

 .PotTile--colorOrange.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-orange-background)
 }

 .PotTile--colorYellowOrange .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-yellow-orange-background)
 }

 .PotTile--colorYellowOrange .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-yellow-orange-background)
 }

 .PotTile--colorYellowOrange.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-yellow-orange-background)
 }

 .PotTile--colorYellowOrange.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-yellow-orange-background)
 }

 .PotTile--colorYellow .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-yellow-background)
 }

 .PotTile--colorYellow .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-yellow-background)
 }

 .PotTile--colorYellow.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-yellow-background)
 }

 .PotTile--colorYellow.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-yellow-background)
 }

 .PotTile--colorYellowGreen .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-yellow-green-background)
 }

 .PotTile--colorYellowGreen .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-yellow-green-background)
 }

 .PotTile--colorYellowGreen.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-yellow-green-background)
 }

 .PotTile--colorYellowGreen.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-yellow-green-background)
 }

 .PotTile--colorGreen .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-green-background)
 }

 .PotTile--colorGreen .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-green-background)
 }

 .PotTile--colorGreen.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-green-background)
 }

 .PotTile--colorGreen.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-green-background)
 }

 .PotTile--colorBlueGreen .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-blue-green-background)
 }

 .PotTile--colorBlueGreen .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-blue-green-background)
 }

 .PotTile--colorBlueGreen.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-blue-green-background)
 }

 .PotTile--colorBlueGreen.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-blue-green-background)
 }

 .PotTile--colorAqua .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-aqua-background)
 }

 .PotTile--colorAqua .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-aqua-background)
 }

 .PotTile--colorAqua.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-aqua-background)
 }

 .PotTile--colorAqua.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-aqua-background)
 }

 .PotTile--colorBlue .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-blue-background)
 }

 .PotTile--colorBlue .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-blue-background)
 }

 .PotTile--colorBlue.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-blue-background)
 }

 .PotTile--colorBlue.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-blue-background)
 }

 .PotTile--colorIndigo .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-indigo-background)
 }

 .PotTile--colorIndigo .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-indigo-background)
 }

 .PotTile--colorIndigo.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-indigo-background)
 }

 .PotTile--colorIndigo.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-indigo-background)
 }

 .PotTile--colorPurple .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-purple-background)
 }

 .PotTile--colorPurple .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-purple-background)
 }

 .PotTile--colorPurple.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-purple-background)
 }

 .PotTile--colorPurple.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-purple-background)
 }

 .PotTile--colorMagenta .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-magenta-background)
 }

 .PotTile--colorMagenta .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-magenta-background)
 }

 .PotTile--colorMagenta.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-magenta-background)
 }

 .PotTile--colorMagenta.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-magenta-background)
 }

 .PotTile--colorHotPink .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-hot-pink-background)
 }

 .PotTile--colorHotPink .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-hot-pink-background)
 }

 .PotTile--colorHotPink.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-hot-pink-background)
 }

 .PotTile--colorHotPink.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-hot-pink-background)
 }

 .PotTile--colorPink .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-pink-background)
 }

 .PotTile--colorPink .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-pink-background)
 }

 .PotTile--colorPink.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-pink-background)
 }

 .PotTile--colorPink.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-pink-background)
 }

 .PotTile--colorCoolGray .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-cool-gray-background)
 }

 .PotTile--colorCoolGray .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-cool-gray-background)
 }

 .PotTile--colorCoolGray.PotTile--deuteranopia .PotTile-card.PotTile-card--withChipFill {
     background-color: var(--color-customization-cool-gray-background)
 }

 .PotTile--colorCoolGray.PotTile--deuteranopia .PotTile-card.PotTile-card--withIconFill {
     fill: var(--color-customization-cool-gray-background)
 }

 .PotTile {
     display: block
 }

 .PotTile-card {
     border-radius: 20px;
     height: 100%;
     width: 100%;
     box-shadow: inset 0 -2px rgba(0, 0, 0, .05);
     align-items: center;
     background: var(--color-customization-background-deprecated-opaque);
     display: flex;
     fill: #fff;
     flex-flow: column;
     flex-direction: column;
     justify-content: center;
     position: relative
 }

 .PotTile-card.PotTile-card--withIconFill {
     background-color: var(--color-background-weak);
     border: 1px solid var(--color-border);
     fill: var(--color-icon)
 }

 .PotTile-icon {
     height: 32px;
     transition-duration: .4s;
     width: 32px
 }

 .PotTile-projectPersonalizationIcon {
     transition-duration: .3s
 }

 .PotTile--colorRed .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorRed .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-red-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorRed.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorRed.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-red-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorOrange .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorOrange .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-orange-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorOrange.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorOrange.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-orange-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorYellowOrange .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorYellowOrange .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-yellow-orange-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorYellowOrange.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorYellowOrange.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-yellow-orange-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorYellow .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorYellow .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-yellow-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorYellow.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorYellow.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-yellow-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorYellowGreen .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorYellowGreen .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-yellow-green-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorYellowGreen.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorYellowGreen.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-yellow-green-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorGreen .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorGreen .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-green-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorGreen.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorGreen.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-green-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorBlueGreen .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorBlueGreen .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-blue-green-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorBlueGreen.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorBlueGreen.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-blue-green-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorAqua .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorAqua .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-aqua-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorAqua.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorAqua.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-aqua-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorBlue .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorBlue .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-blue-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorBlue.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorBlue.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-blue-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorIndigo .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorIndigo .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-indigo-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorIndigo.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorIndigo.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-indigo-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorPurple .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorPurple .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-purple-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorPurple.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorPurple.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-purple-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorMagenta .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorMagenta .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-magenta-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorMagenta.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorMagenta.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-magenta-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorHotPink .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorHotPink .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-hot-pink-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorHotPink.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorHotPink.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-hot-pink-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorPink .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorPink .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-pink-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorPink.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorPink.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-pink-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorCoolGray .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorCoolGray .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-cool-gray-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .PotTile--colorCoolGray.PotTile--deuteranopia .ProjectFacepile .Facepile-item .Avatar,
 .PotTile--colorCoolGray.PotTile--deuteranopia .ProjectFacepile .Facepile-item.Avatar {
     box-shadow: 0 0 0 2px var(--color-customization-cool-gray-background), inset 0 0 0 1px rgba(0, 0, 0, .07)
 }

 .ColorChipMiniIcon {
     height: 12px;
     width: 12px
 }

 .ProjectSubtitleWithTeamAndPrivacy-icon {
     flex-shrink: 0;
     height: 12px;
     margin-right: 4px;
     width: 12px
 }

 .ProjectSubtitleWithTeamAndPrivacy {
     align-items: center;
     display: flex;
     justify-content: center;
     min-width: 1px
 }

 .ProjectSubtitleWithTeamAndPrivacy--isComplete .MiniIcon {
     fill: var(--color-success-text)
 }

 .DomainUserTypeaheadItem-title {
     align-items: center;
     display: flex
 }

 .DomainUserTypeaheadItem-name {
     min-width: 1px;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .DomainUserTypeaheadItem-vacationStatus {
     color: var(--color-text-weak);
     flex-shrink: 2;
     margin-left: 4px;
     min-width: 1px
 }

 .DomainUserTypeaheadItem-globeIcon {
     height: 12px;
     vertical-align: text-bottom;
     width: 12px;
     flex-shrink: 0;
     height: 14px;
     margin-left: 4px;
     width: 14px
 }

 .DomainUserTypeaheadItem-doNotDisturbIcon {
     fill: var(--color-icon-strong);
     margin-left: 4px
 }

 .DomainUserTypeaheadRicherMetadataItem-title {
     align-items: center;
     display: flex
 }

 .DomainUserTypeaheadRicherMetadataItem-name {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .DomainUserTypeaheadRicherMetadataItem-subtitle {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .DomainUserTypeaheadRicherMetadataItem-vacationStatus {
     margin-left: 4px
 }

 .DomainUserTypeaheadRicherMetadataItem-globeIcon {
     flex-shrink: 0;
     margin-left: 4px
 }

 .DomainUserTypeaheadRicherMetadataItem-doNotDisturbIcon {
     fill: var(--color-icon-strong);
     margin-left: 4px
 }

 .GoalTypeaheadItem-lockIcon {
     flex-shrink: 0;
     height: 12px;
     margin-right: 4px;
     width: 12px
 }

 .GoalTypeaheadItem-subtitleWithIcon {
     align-items: baseline;
     display: flex;
     justify-content: center;
     min-width: 1px
 }

 .GoalTypeaheadItem-subtitle {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .GoalTypeaheadItem2-status {
     align-items: center;
     display: flex
 }

 .GoalTypeaheadItem2-status.GoalTypeaheadItem2--green .GoalTypeaheadItem2-dot {
     background: var(--color-success-icon)
 }

 .GoalTypeaheadItem2-status.GoalTypeaheadItem2--yellow .GoalTypeaheadItem2-dot {
     background: var(--color-warning-icon)
 }

 .GoalTypeaheadItem2-status.GoalTypeaheadItem2--red .GoalTypeaheadItem2-dot {
     background: var(--color-danger-icon)
 }

 .GoalTypeaheadItem2-status.GoalTypeaheadItem2--achieved .GoalTypeaheadItem2-dot {
     background: var(--color-success-icon)
 }

 .GoalTypeaheadItem2-status.GoalTypeaheadItem2--missed .GoalTypeaheadItem2-dot {
     background: var(--color-danger-icon)
 }

 .GoalTypeaheadItem2-status.GoalTypeaheadItem2--dropped .GoalTypeaheadItem2-dot {
     background: var(--color-icon)
 }

 .GoalTypeaheadItem2-status.GoalTypeaheadItem2--partial .GoalTypeaheadItem2-dot {
     background: var(--color-warning-icon)
 }

 .GoalTypeaheadItem2-status .GoalTypeaheadItem2-dot {
     border-radius: 3px;
     display: inline-block;
     flex: 0 0 auto;
     height: 6px;
     width: 6px;
     margin-right: 4px
 }

 .GoalTypeaheadItem2-privateGoal {
     align-items: center;
     display: flex
 }

 .GoalTypeaheadItem2-privateGoal .GoalTypeaheadItem2-lockIcon {
     flex-shrink: 0;
     height: 12px;
     margin-right: 4px;
     width: 12px
 }

 .GoalTypeaheadItem2-subtitle {
     align-items: center;
     display: flex;
     min-width: 0
 }

 .GoalTypeaheadItem2-subtitle .GoalTypeaheadItem2-subtitleItem {
     flex-shrink: 0
 }

 .GoalTypeaheadItem2-subtitle .GoalTypeaheadItem2-subtitleItem.GoalTypeaheadItem2-team {
     flex-shrink: 1;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .GoalTypeaheadItem2-subtitle .GoalTypeaheadItem2-subtitleItem:not(:first-child) {
     margin-left: 4px
 }

 .GoalTypeaheadItem2-subtitle .GoalTypeaheadItem2-subtitleItem:last-of-type:not(:only-of-type).GoalTypeaheadItem2-status {
     margin-left: 8px
 }

 .PortfolioTypeaheadItem-subtitle .PortfolioSubtitleWithProjectCountAndPrivacy-groupName {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .ProjectTemplateConfigurationTypeaheadRicherMetadataItem-divider {
     margin-left: 4px
 }

 .ProjectTemplateConfigurationTypeaheadRicherMetadataItem-owner {
     margin-left: 4px
 }

 .ProjectTemplateConfigurationTypeaheadRicherMetadataItem-privateTemplate {
     align-items: center;
     display: flex;
     flex-shrink: 0
 }

 .ProjectTemplateConfigurationTypeaheadRicherMetadataItem-lockIcon {
     margin-right: 4px
 }

 .ProjectTemplateConfigurationTypeaheadRicherMetadataItem-subtitle {
     align-items: center;
     display: flex;
     min-width: 0
 }

 .ProjectTypeaheadRicherMetadataItem-subtitle {
     align-items: center;
     display: flex;
     flex: 0 1 auto;
     min-width: 0
 }

 .ProjectTypeaheadRicherMetadataItem-portfolioSubtitle {
     align-items: center;
     display: flex;
     flex: 0 1 auto;
     min-width: 0
 }

 .ProjectTypeaheadRicherMetadataItem-portfolioName {
     white-space: pre
 }

 .ProjectTypeaheadRicherMetadataItem-lockIcon {
     margin-right: 4px
 }

 .ProjectTypeaheadRicherMetadataItem-portfolioIcon {
     margin-right: 4px
 }

 .ProjectTypeaheadRicherMetadataItem-teamAndPrivacy {
     align-items: center;
     display: flex;
     flex: 0 1 auto
 }

 .ProjectTypeaheadRicherMetadataItem-dotDivider {
     margin: 0 4px
 }

 .ProjectTypeaheadRicherMetadataItem-private {
     flex-shrink: 0
 }

 .TaskTypeaheadItem-parentTask {
     margin-left: 8px
 }

 .TaskTypeaheadItem-parentTask::before {
     content: "‹ "
 }

 .TaskTypeaheadItem2-subtitle {
     align-items: center;
     display: flex;
     min-width: 0
 }

 .TaskTypeaheadItem2-parentTask {
     max-width: 375px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .TaskTypeaheadItem2-divider {
     margin-left: 4px
 }

 .TaskTypeaheadItem2-projectIcon {
     margin-left: 4px
 }

 .TaskTypeaheadItem2-subtitle .TaskTypeaheadItem2-projectIcon:first-child {
     margin-left: 0
 }

 .TaskTypeaheadItem2-projectName {
     margin-left: 4px;
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .TypeaheadItem {
     border-bottom: 1px solid var(--color-border);
     cursor: pointer;
     height: 50px;
     overflow: hidden;
     position: relative;
     transition-property: border-bottom, height, opacity;
     transition-timing-function: linear
 }

 .TypeaheadItem:hover {
     background: none;
     color: var(--color-text-weak-hover)
 }

 .TypeaheadItem.TypeaheadItem--highlighted {
     background: var(--color-background-hover)
 }

 .TypeaheadItem.TypeaheadItem--collapsed {
     border-bottom: 0;
     height: 0;
     opacity: 0
 }

 .TypeaheadItem.TypeaheadItem--disabled {
     background: var(--color-background-medium);
     cursor: default
 }

 .TypeaheadItem-content {
     align-items: center;
     display: flex;
     height: 50px;
     padding: 0 16px
 }

 .TypeaheadItem-icon {
     display: block;
     fill: var(--color-deprecated-lightGray3);
     flex-shrink: 0;
     margin-right: 16px;
     text-align: center
 }

 .TypeaheadItem-icon .Icon {
     height: 24px;
     width: 24px
 }

 .TypeaheadItem--completed .TypeaheadItem-icon {
     fill: #b2ebe1
 }

 .TypeaheadItem--disabled .TypeaheadItem-icon {
     fill: var(--color-deprecated-lightGray2)
 }

 .TypeaheadItem-secondaryIcon {
     align-self: center;
     display: block;
     height: 12px;
     margin-left: 4px;
     width: 12px
 }

 .TypeaheadItem-titleAndIcon {
     display: flex
 }

 .TypeaheadItem-textWrapper {
     flex-grow: 1;
     min-width: 1px
 }

 .TypeaheadItem-title,
 .TypeaheadItem-subtitle {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .TypeaheadItem-title {
     color: var(--color-text);
     font-size: 14px
 }

 .TypeaheadItem--disabled .TypeaheadItem-title {
     color: var(--color-text-disabled)
 }

 .TypeaheadItem--completed:not(.TypeaheadItem--highlighted) .TypeaheadItem-title {
     color: var(--color-text-disabled)
 }

 .TypeaheadItem-subtitle {
     color: var(--color-text-weak);
     font-size: 12px
 }

 .TypeaheadItem--disabled .TypeaheadItem-subtitle {
     color: var(--color-text-disabled)
 }

 .TypeaheadItem--completed:not(.TypeaheadItem--highlighted) .TypeaheadItem-subtitle {
     color: var(--color-text-disabled)
 }

 .TypeaheadItem-noResultsText {
     color: var(--color-text-disabled);
     display: block;
     margin: 8px 16px
 }

 .DetailedTypeaheadRenderHelpers-vacationStatus {
     color: var(--color-text-disabled)
 }

 .DetailedTypeaheadRenderHelpers-parentTask {
     color: var(--color-text-weak);
     font-size: 14px;
     margin: 0 8px
 }

 .TypeaheadItem--disabled .DetailedTypeaheadRenderHelpers-parentTask {
     color: var(--color-text-disabled)
 }

 .DetailedTypeaheadRenderHelpers-parentTask::before {
     content: "‹ ";
     display: inline
 }

 .TypeaheadItemNonselectable {
     overflow: hidden;
     position: relative;
     transition-property: border-bottom, height, opacity;
     transition-timing-function: linear
 }

 .TypeaheadItemNonselectable.TypeaheadItemNonselectable--collapsed {
     border-bottom: 0;
     height: 0;
     opacity: 0
 }

 .TypeaheadView-menu {
     display: flex;
     flex-direction: column;
     max-width: none;
     min-width: none;
     overflow: hidden
 }

 .TypeaheadView-menu:not(.TypeaheadView-menu--stretch) {
     width: 300px
 }

 .TypeaheadView-scrollable {
     max-height: 169.6px;
     flex: 0 1 auto;
     min-height: 1px;
     overflow-x: hidden;
     overflow-y: auto
 }

 .TypeaheadView-nonScrollable {
     flex: 0 0 auto
 }

 .Pill {
     border-radius: 10px;
     box-sizing: border-box;
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
     display: block;
     font-size: 12px;
     font-weight: 400;
     height: 20px;
     line-height: 20px;
     overflow: hidden;
     padding: 0 8px;
     text-align: left;
     white-space: nowrap
 }

 .Pill.Pill--truncated {
     text-overflow: ellipsis
 }

 .Pill.Pill--plaintext.Pill--clickable {
     color: var(--color-text)
 }

 .Pill.Pill--plaintext.Pill--clickable:hover {
     background-color: var(--color-customization-background-weak-hover-deprecated)
 }

 .Pill.Pill--colorNone {
     background-color: var(--color-customization-background-weak-deprecated);
     color: var(--color-customization-foreground-weak)
 }

 .Pill.Pill--colorNone.Pill--clickable:hover {
     background-color: var(--color-customization-background-weak-hover-deprecated)
 }

 .Pill.Pill--colorRed {
     background-color: var(--color-customization-red-background);
     color: var(--color-customization-red-foreground)
 }

 .Pill.Pill--colorRed.Pill--deuteranopia {
     background-color: var(--color-customization-red-background);
     color: var(--color-customization-red-foreground)
 }

 .Pill.Pill--colorRed.Pill--clickable:hover {
     background-color: var(--color-customization-red-background-hover);
     color: var(--color-customization-red-foreground-hover)
 }

 .Pill.Pill--colorRed.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-red-background-hover);
     color: var(--color-customization-red-foreground-hover)
 }

 .Pill.Pill--colorOrange {
     background-color: var(--color-customization-orange-background);
     color: var(--color-customization-orange-foreground)
 }

 .Pill.Pill--colorOrange.Pill--deuteranopia {
     background-color: var(--color-customization-orange-background);
     color: var(--color-customization-orange-foreground)
 }

 .Pill.Pill--colorOrange.Pill--clickable:hover {
     background-color: var(--color-customization-orange-background-hover);
     color: var(--color-customization-orange-foreground-hover)
 }

 .Pill.Pill--colorOrange.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-orange-background-hover);
     color: var(--color-customization-orange-foreground-hover)
 }

 .Pill.Pill--colorYellowOrange {
     background-color: var(--color-customization-yellow-orange-background);
     color: var(--color-customization-yellow-orange-foreground)
 }

 .Pill.Pill--colorYellowOrange.Pill--deuteranopia {
     background-color: var(--color-customization-yellow-orange-background);
     color: var(--color-customization-yellow-orange-foreground)
 }

 .Pill.Pill--colorYellowOrange.Pill--clickable:hover {
     background-color: var(--color-customization-yellow-orange-background-hover);
     color: var(--color-customization-yellow-orange-foreground-hover)
 }

 .Pill.Pill--colorYellowOrange.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-yellow-orange-background-hover);
     color: var(--color-customization-yellow-orange-foreground-hover)
 }

 .Pill.Pill--colorYellow {
     background-color: var(--color-customization-yellow-background);
     color: var(--color-customization-yellow-foreground)
 }

 .Pill.Pill--colorYellow.Pill--deuteranopia {
     background-color: var(--color-customization-yellow-background);
     color: var(--color-customization-yellow-foreground)
 }

 .Pill.Pill--colorYellow.Pill--clickable:hover {
     background-color: var(--color-customization-yellow-background-hover);
     color: var(--color-customization-yellow-foreground-hover)
 }

 .Pill.Pill--colorYellow.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-yellow-background-hover);
     color: var(--color-customization-yellow-foreground-hover)
 }

 .Pill.Pill--colorYellowGreen {
     background-color: var(--color-customization-yellow-green-background);
     color: var(--color-customization-yellow-green-foreground)
 }

 .Pill.Pill--colorYellowGreen.Pill--deuteranopia {
     background-color: var(--color-customization-yellow-green-background);
     color: var(--color-customization-yellow-green-foreground)
 }

 .Pill.Pill--colorYellowGreen.Pill--clickable:hover {
     background-color: var(--color-customization-yellow-green-background-hover);
     color: var(--color-customization-yellow-green-foreground-hover)
 }

 .Pill.Pill--colorYellowGreen.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-yellow-green-background-hover);
     color: var(--color-customization-yellow-green-foreground-hover)
 }

 .Pill.Pill--colorGreen {
     background-color: var(--color-customization-green-background);
     color: var(--color-customization-green-foreground)
 }

 .Pill.Pill--colorGreen.Pill--deuteranopia {
     background-color: var(--color-customization-green-background);
     color: var(--color-customization-green-foreground)
 }

 .Pill.Pill--colorGreen.Pill--clickable:hover {
     background-color: var(--color-customization-green-background-hover);
     color: var(--color-customization-green-foreground-hover)
 }

 .Pill.Pill--colorGreen.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-green-background-hover);
     color: var(--color-customization-green-foreground-hover)
 }

 .Pill.Pill--colorBlueGreen {
     background-color: var(--color-customization-blue-green-background);
     color: var(--color-customization-blue-green-foreground)
 }

 .Pill.Pill--colorBlueGreen.Pill--deuteranopia {
     background-color: var(--color-customization-blue-green-background);
     color: var(--color-customization-blue-green-foreground)
 }

 .Pill.Pill--colorBlueGreen.Pill--clickable:hover {
     background-color: var(--color-customization-blue-green-background-hover);
     color: var(--color-customization-blue-green-foreground-hover)
 }

 .Pill.Pill--colorBlueGreen.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-blue-green-background-hover);
     color: var(--color-customization-blue-green-foreground-hover)
 }

 .Pill.Pill--colorAqua {
     background-color: var(--color-customization-aqua-background);
     color: var(--color-customization-aqua-foreground)
 }

 .Pill.Pill--colorAqua.Pill--deuteranopia {
     background-color: var(--color-customization-aqua-background);
     color: var(--color-customization-aqua-foreground)
 }

 .Pill.Pill--colorAqua.Pill--clickable:hover {
     background-color: var(--color-customization-aqua-background-hover);
     color: var(--color-customization-aqua-foreground-hover)
 }

 .Pill.Pill--colorAqua.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-aqua-background-hover);
     color: var(--color-customization-aqua-foreground-hover)
 }

 .Pill.Pill--colorBlue {
     background-color: var(--color-customization-blue-background);
     color: var(--color-customization-blue-foreground)
 }

 .Pill.Pill--colorBlue.Pill--deuteranopia {
     background-color: var(--color-customization-blue-background);
     color: var(--color-customization-blue-foreground)
 }

 .Pill.Pill--colorBlue.Pill--clickable:hover {
     background-color: var(--color-customization-blue-background-hover);
     color: var(--color-customization-blue-foreground-hover)
 }

 .Pill.Pill--colorBlue.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-blue-background-hover);
     color: var(--color-customization-blue-foreground-hover)
 }

 .Pill.Pill--colorIndigo {
     background-color: var(--color-customization-indigo-background);
     color: var(--color-customization-indigo-foreground)
 }

 .Pill.Pill--colorIndigo.Pill--deuteranopia {
     background-color: var(--color-customization-indigo-background);
     color: var(--color-customization-indigo-foreground)
 }

 .Pill.Pill--colorIndigo.Pill--clickable:hover {
     background-color: var(--color-customization-indigo-background-hover);
     color: var(--color-customization-indigo-foreground-hover)
 }

 .Pill.Pill--colorIndigo.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-indigo-background-hover);
     color: var(--color-customization-indigo-foreground-hover)
 }

 .Pill.Pill--colorPurple {
     background-color: var(--color-customization-purple-background);
     color: var(--color-customization-purple-foreground)
 }

 .Pill.Pill--colorPurple.Pill--deuteranopia {
     background-color: var(--color-customization-purple-background);
     color: var(--color-customization-purple-foreground)
 }

 .Pill.Pill--colorPurple.Pill--clickable:hover {
     background-color: var(--color-customization-purple-background-hover);
     color: var(--color-customization-purple-foreground-hover)
 }

 .Pill.Pill--colorPurple.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-purple-background-hover);
     color: var(--color-customization-purple-foreground-hover)
 }

 .Pill.Pill--colorMagenta {
     background-color: var(--color-customization-magenta-background);
     color: var(--color-customization-magenta-foreground)
 }

 .Pill.Pill--colorMagenta.Pill--deuteranopia {
     background-color: var(--color-customization-magenta-background);
     color: var(--color-customization-magenta-foreground)
 }

 .Pill.Pill--colorMagenta.Pill--clickable:hover {
     background-color: var(--color-customization-magenta-background-hover);
     color: var(--color-customization-magenta-foreground-hover)
 }

 .Pill.Pill--colorMagenta.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-magenta-background-hover);
     color: var(--color-customization-magenta-foreground-hover)
 }

 .Pill.Pill--colorHotPink {
     background-color: var(--color-customization-hot-pink-background);
     color: var(--color-customization-hot-pink-foreground)
 }

 .Pill.Pill--colorHotPink.Pill--deuteranopia {
     background-color: var(--color-customization-hot-pink-background);
     color: var(--color-customization-hot-pink-foreground)
 }

 .Pill.Pill--colorHotPink.Pill--clickable:hover {
     background-color: var(--color-customization-hot-pink-background-hover);
     color: var(--color-customization-hot-pink-foreground-hover)
 }

 .Pill.Pill--colorHotPink.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-hot-pink-background-hover);
     color: var(--color-customization-hot-pink-foreground-hover)
 }

 .Pill.Pill--colorPink {
     background-color: var(--color-customization-pink-background);
     color: var(--color-customization-pink-foreground)
 }

 .Pill.Pill--colorPink.Pill--deuteranopia {
     background-color: var(--color-customization-pink-background);
     color: var(--color-customization-pink-foreground)
 }

 .Pill.Pill--colorPink.Pill--clickable:hover {
     background-color: var(--color-customization-pink-background-hover);
     color: var(--color-customization-pink-foreground-hover)
 }

 .Pill.Pill--colorPink.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-pink-background-hover);
     color: var(--color-customization-pink-foreground-hover)
 }

 .Pill.Pill--colorCoolGray {
     background-color: var(--color-customization-cool-gray-background);
     color: var(--color-customization-cool-gray-foreground)
 }

 .Pill.Pill--colorCoolGray.Pill--deuteranopia {
     background-color: var(--color-customization-cool-gray-background);
     color: var(--color-customization-cool-gray-foreground)
 }

 .Pill.Pill--colorCoolGray.Pill--clickable:hover {
     background-color: var(--color-customization-cool-gray-background-hover);
     color: var(--color-customization-cool-gray-foreground-hover)
 }

 .Pill.Pill--colorCoolGray.Pill--clickable:hover.Pill--deuteranopia {
     background-color: var(--color-customization-cool-gray-background-hover);
     color: var(--color-customization-cool-gray-foreground-hover)
 }

 .CustomPropertyEnumValueLabel--archivedValue {
     text-decoration: line-through
 }

 .CustomPropertyEnumOptionTypeaheadDropdownContents-typeaheadScrollable {
     max-height: 169.6px;
     overflow-x: hidden;
     overflow-y: auto;
     max-height: 355.5px;
     max-width: 500px;
     min-width: 185px;
     padding-bottom: 4px;
     width: unset
 }

 .CustomPropertyEnumOptionTypeaheadDropdownContents-menuItem--multiple {
     font-style: italic
 }

 .CompactAnnouncementModalStructure {
     position: relative
 }

 .CompactAnnouncementModalStructure-content {
     background: var(--color-background-weak)
 }

 .CompactAnnouncementModalStructure-closeButton {
     position: absolute;
     right: 16px;
     top: 16px;
     z-index: 100
 }

 .CompactAnnouncementModalStructure-assetContainer {
     height: 320px;
     overflow: hidden;
     width: 480px
 }

 .CompactAnnouncementModalStructure-assetContainer .CompactAnnouncementModalStructure-videoAsset {
     width: 100%
 }

 .CompactAnnouncementModalStructure-heading {
     margin-bottom: 8px
 }

 .CompactAnnouncementModalStructure-buttons {
     align-items: center;
     display: flex;
     justify-content: center;
     margin-top: 32px
 }

 .CompactAnnouncementModalStructure-button+.CompactAnnouncementModalStructure-button {
     margin: 0 0 0 12px
 }

 .OneOnOneProjectsUpsellModal-illustration {
     height: 100%;
     width: 100%
 }

 .ThemeableCard {
     background: var(--color-card-background);
     border: 1px solid var(--color-border);
     border-radius: 8px;
     box-shadow: none;
     box-sizing: border-box;
     transition-duration: 200ms;
     transition-property: background, border-color, box-shadow
 }

 .ThemeableCard.ThemeableCard--isInvalid {
     border-color: var(--color-danger-border)
 }

 .ThemeableInteractiveCard {
     outline: none
 }

 .ThemeableInteractiveCard:focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .ThemeableInteractiveCard.ThemeableInteractiveCard--isFocused {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .ThemeableInteractiveCard.ThemeableInteractiveCard--isEnabled {
     cursor: pointer
 }

 .ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isNotSelected:hover.ThemeableCard {
     background: var(--color-card-background)
 }

 .ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isNotSelected:hover.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-border-hover)
 }

 .ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isNotSelected:active.ThemeableCard,
 .ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isActive.ThemeableCard {
     background: var(--color-card-background)
 }

 .ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isNotSelected:active.ThemeableCard.ThemeableCard--isValid,
 .ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-border-active)
 }

 .ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isSelected.ThemeableCard {
     background: var(--color-selected-background)
 }

 .ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isSelected.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-selected-border)
 }

 .ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isSelected:hover.ThemeableCard {
     background: var(--color-selected-background)
 }

 .ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isSelected:hover.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-selected-border-hover)
 }

 .ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isSelected:active.ThemeableCard,
 .ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isActive.ThemeableCard {
     background: var(--color-selected-background)
 }

 .ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isSelected:active.ThemeableCard.ThemeableCard--isValid,
 .ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-selected-border-hover)
 }

 .ThemeableInteractiveCard--isDisabled.ThemeableInteractiveCard--isNotSelected.ThemeableCard {
     background: var(--color-background-medium)
 }

 .ThemeableInteractiveCard--isDisabled.ThemeableInteractiveCard--isNotSelected.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-border)
 }

 .ThemeableInteractiveCard--isDisabled.ThemeableInteractiveCard--isSelected.ThemeableCard {
     background: var(--color-selected-background)
 }

 .ThemeableInteractiveCard--isDisabled.ThemeableInteractiveCard--isSelected.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-selected-border)
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard {
     background: var(--color-border)
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus-visible) {
     box-shadow: none
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: none
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-border)
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard {
     background: var(--color-border)
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus-visible) {
     box-shadow: none
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: none
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-border)
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard {
     background: var(--color-border)
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus-visible) {
     box-shadow: none
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: none
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-border)
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard {
     background: var(--color-border)
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus-visible) {
     box-shadow: none
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: none
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-border)
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard {
     background: var(--color-border)
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus-visible) {
     box-shadow: none
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: none
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-border)
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard {
     background: var(--color-border)
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus-visible) {
     box-shadow: none
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: none
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-border)
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard:focus-visible,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard:focus-visible,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard:focus-visible,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard:focus-visible {
     box-shadow: none;
     outline: none
 }

 .ThemeableDraggableCard--isDropZone .ThemeableDraggableCard>*,
 .ThemeableDraggableCard--isDropZone.ThemeableDraggableCard>*,
 .ThemeableDraggableCard--isDragging .ThemeableDraggableCard>*,
 .ThemeableDraggableCard--isDragging.ThemeableDraggableCard>* {
     opacity: 0;
     pointer-events: none
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isNotClickable.ThemeableInteractiveCard--isEnabled {
     cursor: -webkit-grab;
     cursor: grab
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard {
     background: var(--color-card-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-small)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-small)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-card-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard {
     background: var(--color-card-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-medium-hover)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-medium-hover)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-card-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard {
     background: var(--color-card-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-medium-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-medium-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-card-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard {
     background: var(--color-background-weak)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-background-weak)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard {
     background: var(--color-background-weak)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-background-weak)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard {
     background: var(--color-background-weak)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-background-weak)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard {
     background: var(--color-background-weak)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-background-weak)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard {
     background: var(--color-background-weak)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-background-weak)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard {
     background: var(--color-background-weak)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus-visible),
 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-background-weak)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard {
     background: var(--color-selected-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-small)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-small)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-selected-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard {
     background: var(--color-selected-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-medium-hover)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-medium-hover)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-selected-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard {
     background: var(--color-selected-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-medium-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-medium-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard.ThemeableDraggableCard--default.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-selected-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard {
     background: var(--color-selected-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-selected-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard {
     background: var(--color-selected-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-selected-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard {
     background: var(--color-selected-background)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus-visible),
 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .ThemeableDraggableCard.ThemeableDraggableCard--isDragPreview.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-selected-background)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard {
     background: var(--color-selected-background)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-selected-background)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard {
     background: var(--color-selected-background)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-selected-background)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard {
     background: var(--color-selected-background)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus-visible),
 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused),
 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-selected-large-active)
 }

 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .SortableItem--preview .ThemeableDraggableCard.ThemeableInteractiveCard--isSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-selected-background)
 }

 .FloatingCard.ThemeableCard {
     background: var(--color-card-background)
 }

 .FloatingCard.ThemeableCard:not(:focus-visible) {
     box-shadow: var(--color-elevation-small)
 }

 .FloatingCard.ThemeableCard:not(:focus):not(.ThemeableCard--isFocused) {
     box-shadow: var(--color-elevation-small)
 }

 .FloatingCard.ThemeableCard.ThemeableCard--isValid {
     border-color: var(--color-card-background)
 }

 .InverseButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard {
     background: rgba(255, 255, 255, .04)
 }

 .InverseButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid {
     border-color: rgba(255, 255, 255, .04)
 }

 .InverseButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard {
     background: rgba(255, 255, 255, .08)
 }

 .InverseButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid {
     border-color: rgba(255, 255, 255, .08)
 }

 .InverseButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .InverseButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard {
     background: rgba(255, 255, 255, .12)
 }

 .InverseButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .InverseButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid {
     border-color: rgba(255, 255, 255, .12)
 }

 .LinkCard {
     cursor: pointer;
     color: var(--color-text);
     fill: var(--color-text)
 }

 .LinkCard:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .LinkCard:focus:not(:focus-visible) {
     outline: none
 }

 .LinkCard:active {
     color: var(--color-text);
     fill: var(--color-text)
 }

 .LinkCard:hover {
     color: var(--color-text);
     fill: var(--color-text)
 }

 .NavigationLinkCard {
     cursor: pointer;
     color: var(--color-text);
     fill: var(--color-text)
 }

 .NavigationLinkCard:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active);
     outline-offset: 0
 }

 .NavigationLinkCard:focus:not(:focus-visible) {
     outline: none
 }

 .NavigationLinkCard:active {
     color: var(--color-text);
     fill: var(--color-text)
 }

 .NavigationLinkCard:hover {
     color: var(--color-text);
     fill: var(--color-text)
 }

 .PlaceholderButtonCard {
     border-color: var(--color-border-strong)
 }

 .PlaceholderButtonCard.ThemeableCard {
     border-style: dashed;
     border-width: 2px
 }

 .SubtleButtonCard.ThemeableCard {
     border-radius: 6px
 }

 .SubtleButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard {
     background: var(--color-button-background-subtle)
 }

 .SubtleButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard.ThemeableCard--isValid {
     border-color: transparent
 }

 .SubtleButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard {
     background: var(--color-background-hover)
 }

 .SubtleButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid {
     border-color: transparent
 }

 .SubtleButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .SubtleButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard {
     background: var(--color-background-active)
 }

 .SubtleButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .SubtleButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid {
     border-color: transparent
 }

 .SubtleButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:focus.ThemeableCard.ThemeableCard--isValid,
 .SubtleButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isFocused.ThemeableCard.ThemeableCard--isValid {
     border-color: transparent
 }

 .SubtleButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isDisabled.ThemeableCard {
     background: var(--color-button-background-subtle)
 }

 .SubtleButtonCard.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isDisabled.ThemeableCard.ThemeableCard--isValid {
     border-color: transparent
 }

 .SubtleButtonCard.SubtleButtonCard--isInvalid {
     color: var(--color-danger-text);
     font-weight: 500
 }

 .SubtleButtonCard.SubtleButtonCard--isInvalid.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableCard {
     background: var(--color-danger-background)
 }

 .SubtleButtonCard.SubtleButtonCard--isInvalid.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard {
     background: var(--color-danger-background-hover)
 }

 .SubtleButtonCard.SubtleButtonCard--isInvalid.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:hover.ThemeableCard.ThemeableCard--isValid {
     border-color: transparent
 }

 .SubtleButtonCard.SubtleButtonCard--isInvalid.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard,
 .SubtleButtonCard.SubtleButtonCard--isInvalid.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard {
     background: var(--color-danger-background-active)
 }

 .SubtleButtonCard.SubtleButtonCard--isInvalid.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled:active.ThemeableCard.ThemeableCard--isValid,
 .SubtleButtonCard.SubtleButtonCard--isInvalid.ThemeableInteractiveCard--isNotSelected.ThemeableInteractiveCard--isEnabled.ThemeableInteractiveCard--isActive.ThemeableCard.ThemeableCard--isValid {
     border-color: transparent
 }

 .FloatingToolbar {
     align-items: center;
     display: flex;
     padding: 4px
 }

 .FloatingToolbar-item:not(:first-child) {
     margin-left: 4px
 }

 .Hovercard {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     background: var(--color-card-background);
     border-radius: 8px;
     box-shadow: var(--color-box-shadow-large);
     margin: 4px 0;
     overflow: hidden;
     width: 280px
 }

 .Hovercard .Hovercard-top {
     background-size: 100%
 }

 .Hovercard .Hovercard--color0 {
     background-position: 0 0px
 }

 .Hovercard .Hovercard--color1 {
     background-position: 0 -196px
 }

 .Hovercard .Hovercard--color2 {
     background-position: 0 -392px
 }

 .Hovercard .Hovercard--color3 {
     background-position: 0 -588px
 }

 .Hovercard .Hovercard--color4 {
     background-position: 0 -784px
 }

 .Hovercard .Hovercard--color5 {
     background-position: 0 -980px
 }

 .Hovercard .Hovercard--color6 {
     background-position: 0 -1176px
 }

 .Hovercard .Hovercard--color7 {
     background-position: 0 -1372px
 }

 .Hovercard-top {
     background-image: url("https://d3ki9tyy5l5ruj.cloudfront.net/obj/b228e93877129c733792fb96ca3c47338cda700c/hovercard_empty_sprites.png");
     background-position: center;
     height: 196px;
     position: relative
 }

 .Hovercard--withLargePhoto .Hovercard-top {
     height: 280px
 }

 .Hovercard-caption {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     bottom: 4px;
     display: flex;
     flex-direction: column;
     font-size: 14px;
     left: 16px;
     line-height: normal;
     padding: 16px 16px 8px;
     position: inherit
 }

 .Hovercard-editToolbar {
     position: absolute;
     right: 4px;
     top: 4px;
     visibility: hidden
 }

 .Hovercard:hover .Hovercard-editToolbar {
     visibility: visible
 }

 .Hovercard-icon {
     fill: var(--color-icon);
     margin-right: 8px
 }

 .Hovercard-emailLink:hover {
     color: var(--color-deprecated-darkGray1)
 }

 .Hovercard-aboutMe {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     margin-top: 16px
 }

 .Hovercard-aboutMeLine {
     min-height: 1em
 }

 .Hovercard-scrollableContents {
     max-height: 160px;
     overflow-wrap: break-word;
     padding: 8px 16px 16px
 }

 .Hovercard-listSectionRow+.Hovercard-listSectionRow {
     margin-top: 8px
 }

 .Hovercard-role,
 .Hovercard-department,
 .Hovercard-email,
 .Hovercard-localTime {
     align-items: flex-start;
     display: flex
 }

 .Hovercard-emailLink,
 .Hovercard-departmentText,
 .Hovercard-roleText {
     overflow: hidden
 }

 .Hovercard-bar {
     align-items: center;
     display: flex;
     line-height: 18px;
     padding: 4px 16px
 }

 .Hovercard-contextRole {
     background-color: var(--color-background-strong)
 }

 .Hovercard-vacation {
     background-color: var(--color-warning-background-strong);
     color: var(--color-warning-text-strong)
 }

 .Hovercard-nameSection {
     align-items: flex-end;
     display: flex
 }

 .Hovercard-messageButtonSection {
     align-items: stretch;
     border-top: 0;
     display: flex;
     flex-direction: column;
     padding: 0;
     width: 100%
 }

 .Hovercard-name {
     margin-right: 4px
 }

 .Hovercard-doNotDisturbIcon {
     fill: var(--color-icon-strong);
     margin-right: 4px;
     padding-bottom: 8px
 }

 .Hovercard-pronouns {
     margin-top: 8px
 }

 .Hovercard-buttonsSection {
     align-items: stretch;
     background-color: var(--color-background-medium);
     border: 1px solid var(--color-border);
     border-radius: 0 0 8px 8px;
     display: flex;
     flex-direction: column;
     padding: 12px
 }

 .Hovercard-viewTasksButton {
     margin-top: 8px
 }

 .Hovercard-viewTasksButton:only-child {
     margin-top: 0
 }

 .Hovercard-oneOnOneProjectButton,
 .Hovercard-oneOnOneProjectUpsellButton {
     margin-bottom: 8px
 }

 .Hovercard-upsellIcon {
     fill: var(--color-upsell-icon)
 }

 .TaskProjectTypeaheadDropdownContents {
     width: 433px
 }

 .Token {
     align-items: center;
     background-color: var(--color-customization-background-weak);
     border: 1px solid;
     border-color: transparent;
     border-radius: 12px;
     box-sizing: border-box;
     color: var(--color-customization-foreground-weak);
     cursor: pointer;
     display: inline-flex;
     font-size: 14px;
     height: 24px;
     justify-content: center;
     max-width: 180px;
     padding-left: 8px;
     position: relative;
     transition-duration: 100ms;
     transition-property: background, border, color, fill;
     white-space: nowrap
 }

 .Token:focus {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active);
     outline: none
 }

 .Token .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-foreground-weak);
     transition: 200ms fill, 200ms stroke
 }

 .Token .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-background-weak-deprecated-opaque);
     transition: 200ms fill, 200ms stroke
 }

 .Token .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-foreground-weak);
     stroke: var(--color-customization-foreground-weak);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--upsell {
     background-color: var(--color-upsell-background);
     border-color: var(--color-upsell-border);
     color: var(--color-upsell-text)
 }

 .Token.Token--upsell .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-upsell-icon);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--upsell .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--upsell:hover {
     background-color: var(--color-upsell-background-hover)
 }

 .Token.Token--upsell:hover .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-background-weak);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--upsell:hover .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-upsell-icon-hover);
     stroke: var(--color-upsell-icon-hover);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorRed {
     background-color: var(--color-customization-red-background);
     border-color: var(--color-customization-red-background);
     color: var(--color-customization-red-foreground)
 }

 .Token.Token--colorRed .Token-globeIcon {
     fill: var(--color-customization-red-foreground)
 }

 .Token.Token--colorRed .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-red-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorRed .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorRed .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-red-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorRed .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-red-foreground);
     stroke: var(--color-customization-red-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorOrange {
     background-color: var(--color-customization-orange-background);
     border-color: var(--color-customization-orange-background);
     color: var(--color-customization-orange-foreground)
 }

 .Token.Token--colorOrange .Token-globeIcon {
     fill: var(--color-customization-orange-foreground)
 }

 .Token.Token--colorOrange .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-orange-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorOrange .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorOrange .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-orange-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorOrange .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-orange-foreground);
     stroke: var(--color-customization-orange-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorYellowOrange {
     background-color: var(--color-customization-yellow-orange-background);
     border-color: var(--color-customization-yellow-orange-background);
     color: var(--color-customization-yellow-orange-foreground)
 }

 .Token.Token--colorYellowOrange .Token-globeIcon {
     fill: var(--color-customization-yellow-orange-foreground)
 }

 .Token.Token--colorYellowOrange .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-yellow-orange-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorYellowOrange .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorYellowOrange .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-yellow-orange-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorYellowOrange .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-yellow-orange-foreground);
     stroke: var(--color-customization-yellow-orange-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorYellow {
     background-color: var(--color-customization-yellow-background);
     border-color: var(--color-customization-yellow-background);
     color: var(--color-customization-yellow-foreground)
 }

 .Token.Token--colorYellow .Token-globeIcon {
     fill: var(--color-customization-yellow-foreground)
 }

 .Token.Token--colorYellow .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-yellow-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorYellow .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorYellow .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-yellow-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorYellow .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-yellow-foreground);
     stroke: var(--color-customization-yellow-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorYellowGreen {
     background-color: var(--color-customization-yellow-green-background);
     border-color: var(--color-customization-yellow-green-background);
     color: var(--color-customization-yellow-green-foreground)
 }

 .Token.Token--colorYellowGreen .Token-globeIcon {
     fill: var(--color-customization-yellow-green-foreground)
 }

 .Token.Token--colorYellowGreen .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-yellow-green-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorYellowGreen .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorYellowGreen .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-yellow-green-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorYellowGreen .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-yellow-green-foreground);
     stroke: var(--color-customization-yellow-green-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorGreen {
     background-color: var(--color-customization-green-background);
     border-color: var(--color-customization-green-background);
     color: var(--color-customization-green-foreground)
 }

 .Token.Token--colorGreen .Token-globeIcon {
     fill: var(--color-customization-green-foreground)
 }

 .Token.Token--colorGreen .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-green-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorGreen .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorGreen .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-green-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorGreen .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-green-foreground);
     stroke: var(--color-customization-green-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorBlueGreen {
     background-color: var(--color-customization-blue-green-background);
     border-color: var(--color-customization-blue-green-background);
     color: var(--color-customization-blue-green-foreground)
 }

 .Token.Token--colorBlueGreen .Token-globeIcon {
     fill: var(--color-customization-blue-green-foreground)
 }

 .Token.Token--colorBlueGreen .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-blue-green-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorBlueGreen .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorBlueGreen .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-blue-green-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorBlueGreen .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-blue-green-foreground);
     stroke: var(--color-customization-blue-green-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorAqua {
     background-color: var(--color-customization-aqua-background);
     border-color: var(--color-customization-aqua-background);
     color: var(--color-customization-aqua-foreground)
 }

 .Token.Token--colorAqua .Token-globeIcon {
     fill: var(--color-customization-aqua-foreground)
 }

 .Token.Token--colorAqua .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-aqua-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorAqua .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorAqua .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-aqua-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorAqua .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-aqua-foreground);
     stroke: var(--color-customization-aqua-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorBlue {
     background-color: var(--color-customization-blue-background);
     border-color: var(--color-customization-blue-background);
     color: var(--color-customization-blue-foreground)
 }

 .Token.Token--colorBlue .Token-globeIcon {
     fill: var(--color-customization-blue-foreground)
 }

 .Token.Token--colorBlue .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-blue-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorBlue .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorBlue .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-blue-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorBlue .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-blue-foreground);
     stroke: var(--color-customization-blue-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorIndigo {
     background-color: var(--color-customization-indigo-background);
     border-color: var(--color-customization-indigo-background);
     color: var(--color-customization-indigo-foreground)
 }

 .Token.Token--colorIndigo .Token-globeIcon {
     fill: var(--color-customization-indigo-foreground)
 }

 .Token.Token--colorIndigo .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-indigo-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorIndigo .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorIndigo .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-indigo-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorIndigo .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-indigo-foreground);
     stroke: var(--color-customization-indigo-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorPurple {
     background-color: var(--color-customization-purple-background);
     border-color: var(--color-customization-purple-background);
     color: var(--color-customization-purple-foreground)
 }

 .Token.Token--colorPurple .Token-globeIcon {
     fill: var(--color-customization-purple-foreground)
 }

 .Token.Token--colorPurple .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-purple-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorPurple .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorPurple .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-purple-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorPurple .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-purple-foreground);
     stroke: var(--color-customization-purple-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorMagenta {
     background-color: var(--color-customization-magenta-background);
     border-color: var(--color-customization-magenta-background);
     color: var(--color-customization-magenta-foreground)
 }

 .Token.Token--colorMagenta .Token-globeIcon {
     fill: var(--color-customization-magenta-foreground)
 }

 .Token.Token--colorMagenta .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-magenta-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorMagenta .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorMagenta .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-magenta-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorMagenta .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-magenta-foreground);
     stroke: var(--color-customization-magenta-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorHotPink {
     background-color: var(--color-customization-hot-pink-background);
     border-color: var(--color-customization-hot-pink-background);
     color: var(--color-customization-hot-pink-foreground)
 }

 .Token.Token--colorHotPink .Token-globeIcon {
     fill: var(--color-customization-hot-pink-foreground)
 }

 .Token.Token--colorHotPink .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-hot-pink-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorHotPink .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorHotPink .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-hot-pink-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorHotPink .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-hot-pink-foreground);
     stroke: var(--color-customization-hot-pink-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorPink {
     background-color: var(--color-customization-pink-background);
     border-color: var(--color-customization-pink-background);
     color: var(--color-customization-pink-foreground)
 }

 .Token.Token--colorPink .Token-globeIcon {
     fill: var(--color-customization-pink-foreground)
 }

 .Token.Token--colorPink .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-pink-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorPink .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorPink .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-pink-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorPink .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-pink-foreground);
     stroke: var(--color-customization-pink-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorCoolGray {
     background-color: var(--color-customization-cool-gray-background);
     border-color: var(--color-customization-cool-gray-background);
     color: var(--color-customization-cool-gray-foreground)
 }

 .Token.Token--colorCoolGray .Token-globeIcon {
     fill: var(--color-customization-cool-gray-foreground)
 }

 .Token.Token--colorCoolGray .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-customization-cool-gray-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorCoolGray .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorCoolGray .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-customization-cool-gray-background);
     transition: 200ms fill, 200ms stroke
 }

 .Token.Token--colorCoolGray .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-customization-cool-gray-foreground);
     stroke: var(--color-customization-cool-gray-foreground);
     transition: 200ms fill, 200ms stroke
 }

 .Token--uneditable {
     padding-right: 16px
 }

 .Token--withAvatar {
     padding-left: 28px
 }

 .Token--invalid {
     background: var(--color-background-weak);
     border-color: var(--color-danger-border);
     color: var(--color-text)
 }

 .Token--invalid .Token-removeIcon .CompoundIcon-inner {
     fill: var(--color-danger-icon);
     transition: 200ms fill, 200ms stroke
 }

 .Token--invalid .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token--invalid .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-background-weak);
     transition: 200ms fill, 200ms stroke
 }

 .Token--invalid .Token-removeIcon:hover .CompoundIcon-outer {
     fill: var(--color-danger-icon);
     stroke: var(--color-danger-icon);
     transition: 200ms fill, 200ms stroke
 }

 .Token--invalid .Token-label {
     color: var(--color-danger-text)
 }

 .Token--notTruncated {
     max-width: 100%
 }

 .Token--notTruncated .Token-label {
     max-width: 100%
 }

 .Token--duplicate {
     background: var(--color-selected-background);
     border-color: #32c1ff;
     color: #32c1ff
 }

 .Token--duplicate .Token-removeIcon .CompoundIcon-inner {
     fill: #32c1ff;
     transition: 200ms fill, 200ms stroke
 }

 .Token--duplicate .Token-removeIcon .CompoundIcon-outer {
     fill: transparent;
     stroke: transparent;
     transition: 200ms fill, 200ms stroke
 }

 .Token--duplicate .Token-removeIcon:hover .CompoundIcon-inner {
     fill: var(--color-background-weak);
     transition: 200ms fill, 200ms stroke
 }

 .Token--duplicate .Token-removeIcon:hover .CompoundIcon-outer {
     fill: #32c1ff;
     stroke: #32c1ff;
     transition: 200ms fill, 200ms stroke
 }

 .Token-avatar {
     left: -1px;
     position: absolute;
     top: -1px
 }

 .Token-icon {
     margin-right: 8px
 }

 .Token-label {
     overflow: hidden;
     text-overflow: ellipsis
 }

 .Token-anchorBox {
     align-items: center;
     display: inline-flex;
     overflow: hidden
 }

 .Token-globeIcon {
     margin-left: 4px
 }

 .Token-removeButton {
     margin: 0 4px
 }

 .TokenizerInput,
 .TokenizerInput-shadow {
     display: inline-block;
     vertical-align: top
 }

 .TokenizerInput-input {
     background-color: inherit;
     border: 0;
     box-sizing: border-box;
     height: 24px;
     margin: 0 4px;
     max-width: 100%;
     padding: 4px 0;
     vertical-align: top
 }

 .TokenizerInput-input::-moz-placeholder {
     color: var(--color-text-weak)
 }

 .TokenizerInput-input:-ms-input-placeholder {
     color: var(--color-text-weak)
 }

 .TokenizerInput-input::placeholder {
     color: var(--color-text-weak)
 }

 .TokenizerInput-input:focus {
     outline: none
 }

 .TokenizerInput-shadow {
     display: inline-block;
     vertical-align: top;
     position: absolute;
     visibility: hidden;
     white-space: nowrap
 }

 .Tokenizer {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     background-color: var(--color-background-weak);
     border-width: 1px;
     border-style: solid;
     border-color: var(--color-border-strong);
     border-radius: 6px;
     padding: 0 12px;
     box-sizing: border-box;
     cursor: text;
     min-height: 36px
 }

 .Tokenizer::-moz-placeholder {
     color: var(--color-text-weak)
 }

 .Tokenizer:-ms-input-placeholder {
     color: var(--color-text-weak)
 }

 .Tokenizer::placeholder {
     color: var(--color-text-weak)
 }

 .Tokenizer.Tokenizer--isScrollable {
     display: flex;
     overflow: hidden;
     padding: 0
 }

 .Tokenizer.Tokenizer--isFocused:not(.Tokenizer--withA11yFocusStates) {
     border-color: var(--color-border-active);
     outline: none
 }

 .Tokenizer.Tokenizer--isFocused.Tokenizer--noSelectedToken {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .Tokenizer.Tokenizer--isScrollable {
     overflow: hidden;
     padding: 0
 }

 .Tokenizer .Tokenizer-token,
 .Tokenizer .Tokenizer-input {
     margin: 0 3px 5px 0;
     vertical-align: top
 }

 .Tokenizer .Tokenizer-input {
     max-width: 100%;
     overflow: hidden
 }

 .Tokenizer,
 .Tokenizer .Tokenizer-scrollable {
     padding: 5px 3px 0 3px
 }

 .Tokenizer--invalid.Tokenizer {
     border-color: var(--color-danger-border)
 }

 .Tokenizer--invalid.Tokenizer:hover {
     border-color: var(--color-danger-border-hover)
 }

 .Tokenizer--invalid.Tokenizer:focus {
     border-color: var(--color-danger-border-active)
 }

 .FollowersTokenizer {
     display: flex
 }

 .FollowersTokenizer-tokenizer {
     flex: 1 1 auto
 }

 .FollowersTokenizer-tokenizer.FollowersTokenizer-tokenizer--withoutBorder.Tokenizer {
     border: 0;
     box-shadow: none;
     padding: 0
 }

 .FollowersTokenizer-tokenizer.FollowersTokenizer-tokenizer--withoutBorder.Tokenizer.Tokenizer--isFocused {
     box-shadow: none
 }

 .FollowersTokenizer-tokenizer.FollowersTokenizer-tokenizer--withoutBorder.Tokenizer .Tokenizer-input .TokenizerInput-input {
     margin: 0
 }

 .FollowersTokenizer-tokenizer.FollowersTokenizer-tokenizer--withoutBorder.Tokenizer .Tokenizer-scrollable {
     padding: 0
 }

 .ProjectWithColumnTokenContent {
     align-items: center;
     display: inline-flex;
     height: 100%;
     max-width: 180px;
     min-width: 1px
 }

 .ProjectWithColumnTokenContent-nameLabel {
     max-width: 90px;
     min-width: 1px;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .Token--invalid .ProjectWithColumnTokenContent-nameLabel {
     color: var(--color-danger-text)
 }

 .ProjectWithColumnTokenContent-dropdownButton {
     margin-left: 4px;
     max-width: 90px;
     min-width: 12px;
     padding: 0 4px
 }

 .ProjectWithColumnTokenContent-dropdownButton.ThemeableRectangularButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-weak);
     fill: var(--color-text-weak)
 }

 .ProjectWithColumnTokenContent-dropdownButton.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .ProjectWithColumnTokenContent-dropdownButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .ProjectWithColumnTokenContent-dropdownButton.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .ProjectWithColumnTokenContent-dropdownButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .ProjectWithColumnTokenContent-dropdownButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .ProjectWithColumnTokenContent-dropdownButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .ProjectWithColumnTokenContent-dropdownButton.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .ProjectWithColumnTokenContent-dropdownButton.ThemeableRectangularButton--small {
     font-size: 14px
 }

 .ProjectWithColumnTokenContent-columnSelectionLabel {
     overflow: hidden;
     text-overflow: ellipsis
 }

 .ProjectWithColumnTokenContent-dropdownMenu {
     max-height: 200px;
     min-height: 1px;
     overflow-y: auto
 }

 .ProjectWithColumnTokenSource-token {
     max-width: none
 }

 .TokensContainer {
     margin-bottom: -4px;
     min-height: 28px
 }

 .TokensContainer .TokensContainer-token {
     margin: 0 3px 5px 0;
     vertical-align: top
 }

 .ConversationRecipientTokenSource-icon {
     align-items: center;
     background-color: var(--color-border-strong);
     border-radius: 50%;
     display: flex;
     height: 24px;
     justify-content: center;
     left: -1px;
     position: absolute;
     top: -1px;
     width: 24px
 }

 .ConversationRecipientTokenSource-icon .Icon {
     fill: var(--color-icon)
 }

 .CustomPropertyEnumOptionTokenSource-strikeThrough {
     text-decoration: line-through
 }

 .DependencyTokenSource-content {
     align-items: center;
     display: flex;
     min-width: 1px
 }

 .DependencyTokenSource-token {
     padding-left: 4px
 }

 .DependencyTokenSource-task {
     padding: 0 4px
 }

 .DependencyTokenSource-dependencyLink {
     margin: 0 3px 5px 0;
     display: inline-flex
 }

 .DependencyTokenSource-dependencyLink .Tokenizer-token {
     margin: 0
 }

 .NavigableProjectTokenSource-content {
     align-items: center;
     display: flex;
     min-width: 1px
 }

 .NavigableProjectTokenSource-colorChip {
     flex-shrink: 0;
     margin-right: 4px
 }

 .NavigableProjectTokenSource-label {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .NavigableProjectTokenSource-projectLink {
     margin: 0 3px 5px 0;
     display: inline-flex
 }

 .NavigableProjectTokenSource-projectLink .Tokenizer-token {
     margin: 0
 }

 .TagTokenSource-tagLink {
     margin: 0 3px 5px 0;
     display: inline-flex
 }

 .TagTokenSource-tagLink .Tokenizer-token {
     margin: 0
 }

 .EnrollmentDebugRoot {
     display: grid;
     flex: 1 1 auto;
     flex-direction: column;
     grid-row-gap: 8px;
     min-height: 1px;
     padding: 16px 32px
 }

 .EnrollmentDebugTable-buttons {
     display: flex;
     justify-content: center
 }

 .EnrollmentDebugTable-scrollable {
     display: flex;
     flex-direction: column
 }

 .EnrollmentDebugTable-wrapper {
     display: grid;
     grid-row-gap: 8px
 }

 .EnrollmentDebugTable-announcement {
     align-items: center;
     display: flex;
     padding: 4px
 }

 .EnrollmentDebugTable-announcementCloseButton,
 .EnrollmentDebugTable-resetCueSlotsButton {
     margin-right: 8px
 }

 .EnrollmentDebugTable-statesTable {
     padding-bottom: 12px
 }

 .EnrollmentDebugTable-variantPill {
     border-radius: 0;
     max-height: 20px;
     min-width: 24px;
     text-align: center;
     width: 95px
 }

 .EnrollmentDebugTable-dropdownButton {
     align-items: center;
     display: flex;
     height: 100%;
     width: 100px
 }

 .EnrollmentDebugTable-dropdownMenu .EnrollmentDebugTable-menuItem {
     height: 24px
 }

 .EnrollmentDebugTable-currentValue {
     flex-grow: 1;
     margin-right: 4px
 }

 .EnrollmentDebugTable-downIcon {
     fill: var(--color-icon);
     flex-shrink: 0
 }

 .Token:hover .EnrollmentDebugTable-downIcon {
     fill: var(--color-primary-icon)
 }

 .Token--invalid .EnrollmentDebugTable-downIcon {
     fill: var(--color-danger-icon)
 }

 .EnrollmentDebugTable-downIcon .EnrollmentDebugTable-dropdownButton:hover {
     fill: #fff
 }

 .TabNavigationBarItem {
     color: var(--color-text-weak);
     cursor: default;
     display: flex;
     font-size: 14px;
     font-weight: 500;
     line-height: normal;
     min-width: 1px;
     transition-duration: .2s;
     transition-property: box-shadow, color;
     white-space: nowrap
 }

 .TabNavigationBarItem .Icon {
     fill: var(--color-icon)
 }

 .TabNavigationBarItem .MiniIcon {
     fill: var(--color-icon)
 }

 .TabNavigationBarItem-selectableTabContainer {
     min-width: 1px
 }

 .TabNavigationBarItem-selectableTab {
     display: block;
     padding-bottom: 10px
 }

 .TabNavigationBarItem-selectableTab:hover:not(.TabNavigationBarItem-selectableTab--isDisabled),
 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isActive {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text-weak-hover)
 }

 .TabNavigationBarItem-selectableTab:hover:not(.TabNavigationBarItem-selectableTab--isDisabled) .Icon,
 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isActive .Icon {
     fill: var(--color-icon-strong)
 }

 .TabNavigationBarItem-selectableTab:hover:not(.TabNavigationBarItem-selectableTab--isDisabled) .MiniIcon,
 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isActive .MiniIcon {
     fill: var(--color-icon-strong)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isClickable {
     cursor: pointer
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isDisabled {
     color: var(--color-text-disabled)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorRed {
     box-shadow: inset 0 -2px var(--color-customization-red-text-deprecated);
     color: var(--color-customization-red-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorRed .Icon {
     fill: var(--color-customization-red-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorRed .MiniIcon {
     fill: var(--color-customization-red-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorRed.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-red-text-deprecated);
     color: var(--color-customization-red-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorRed.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-red-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorRed.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-red-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorOrange {
     box-shadow: inset 0 -2px var(--color-customization-orange-text-deprecated);
     color: var(--color-customization-orange-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorOrange .Icon {
     fill: var(--color-customization-orange-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorOrange .MiniIcon {
     fill: var(--color-customization-orange-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorOrange.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-orange-text-deprecated);
     color: var(--color-customization-orange-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorOrange.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-orange-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorOrange.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-orange-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellowOrange {
     box-shadow: inset 0 -2px var(--color-customization-yellow-orange-text-deprecated);
     color: var(--color-customization-yellow-orange-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellowOrange .Icon {
     fill: var(--color-customization-yellow-orange-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellowOrange .MiniIcon {
     fill: var(--color-customization-yellow-orange-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellowOrange.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-yellow-orange-text-deprecated);
     color: var(--color-customization-yellow-orange-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellowOrange.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-yellow-orange-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellowOrange.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-yellow-orange-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellow {
     box-shadow: inset 0 -2px var(--color-customization-yellow-text-deprecated);
     color: var(--color-customization-yellow-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellow .Icon {
     fill: var(--color-customization-yellow-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellow .MiniIcon {
     fill: var(--color-customization-yellow-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellow.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-yellow-text-deprecated);
     color: var(--color-customization-yellow-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellow.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-yellow-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellow.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-yellow-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellowGreen {
     box-shadow: inset 0 -2px var(--color-customization-yellow-green-text-deprecated);
     color: var(--color-customization-yellow-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellowGreen .Icon {
     fill: var(--color-customization-yellow-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellowGreen .MiniIcon {
     fill: var(--color-customization-yellow-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellowGreen.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-yellow-green-text-deprecated);
     color: var(--color-customization-yellow-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellowGreen.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-yellow-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorYellowGreen.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-yellow-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorGreen {
     box-shadow: inset 0 -2px var(--color-customization-green-text-deprecated);
     color: var(--color-customization-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorGreen .Icon {
     fill: var(--color-customization-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorGreen .MiniIcon {
     fill: var(--color-customization-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorGreen.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-green-text-deprecated);
     color: var(--color-customization-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorGreen.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorGreen.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorBlueGreen {
     box-shadow: inset 0 -2px var(--color-customization-blue-green-text-deprecated);
     color: var(--color-customization-blue-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorBlueGreen .Icon {
     fill: var(--color-customization-blue-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorBlueGreen .MiniIcon {
     fill: var(--color-customization-blue-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorBlueGreen.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-blue-green-text-deprecated);
     color: var(--color-customization-blue-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorBlueGreen.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-blue-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorBlueGreen.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-blue-green-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorAqua {
     box-shadow: inset 0 -2px var(--color-customization-aqua-text-deprecated);
     color: var(--color-customization-aqua-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorAqua .Icon {
     fill: var(--color-customization-aqua-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorAqua .MiniIcon {
     fill: var(--color-customization-aqua-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorAqua.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-aqua-text-deprecated);
     color: var(--color-customization-aqua-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorAqua.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-aqua-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorAqua.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-aqua-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorBlue {
     box-shadow: inset 0 -2px var(--color-customization-blue-text-deprecated);
     color: var(--color-customization-blue-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorBlue .Icon {
     fill: var(--color-customization-blue-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorBlue .MiniIcon {
     fill: var(--color-customization-blue-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorBlue.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-blue-text-deprecated);
     color: var(--color-customization-blue-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorBlue.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-blue-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorBlue.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-blue-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorIndigo {
     box-shadow: inset 0 -2px var(--color-customization-indigo-text-deprecated);
     color: var(--color-customization-indigo-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorIndigo .Icon {
     fill: var(--color-customization-indigo-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorIndigo .MiniIcon {
     fill: var(--color-customization-indigo-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorIndigo.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-indigo-text-deprecated);
     color: var(--color-customization-indigo-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorIndigo.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-indigo-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorIndigo.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-indigo-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorPurple {
     box-shadow: inset 0 -2px var(--color-customization-purple-text-deprecated);
     color: var(--color-customization-purple-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorPurple .Icon {
     fill: var(--color-customization-purple-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorPurple .MiniIcon {
     fill: var(--color-customization-purple-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorPurple.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-purple-text-deprecated);
     color: var(--color-customization-purple-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorPurple.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-purple-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorPurple.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-purple-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorMagenta {
     box-shadow: inset 0 -2px var(--color-customization-magenta-text-deprecated);
     color: var(--color-customization-magenta-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorMagenta .Icon {
     fill: var(--color-customization-magenta-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorMagenta .MiniIcon {
     fill: var(--color-customization-magenta-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorMagenta.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-magenta-text-deprecated);
     color: var(--color-customization-magenta-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorMagenta.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-magenta-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorMagenta.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-magenta-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorHotPink {
     box-shadow: inset 0 -2px var(--color-customization-hot-pink-text-deprecated);
     color: var(--color-customization-hot-pink-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorHotPink .Icon {
     fill: var(--color-customization-hot-pink-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorHotPink .MiniIcon {
     fill: var(--color-customization-hot-pink-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorHotPink.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-hot-pink-text-deprecated);
     color: var(--color-customization-hot-pink-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorHotPink.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-hot-pink-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorHotPink.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-hot-pink-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorPink {
     box-shadow: inset 0 -2px var(--color-customization-pink-text-deprecated);
     color: var(--color-customization-pink-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorPink .Icon {
     fill: var(--color-customization-pink-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorPink .MiniIcon {
     fill: var(--color-customization-pink-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorPink.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-pink-text-deprecated);
     color: var(--color-customization-pink-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorPink.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-pink-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorPink.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-pink-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorCoolGray {
     box-shadow: inset 0 -2px var(--color-customization-cool-gray-text-deprecated);
     color: var(--color-customization-cool-gray-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorCoolGray .Icon {
     fill: var(--color-customization-cool-gray-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorCoolGray .MiniIcon {
     fill: var(--color-customization-cool-gray-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .Icon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorNone .MiniIcon {
     fill: var(--color-text)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorCoolGray.TabNavigationBarItem-selectableTab--isDeuteranopia {
     box-shadow: inset 0 -2px var(--color-customization-cool-gray-text-deprecated);
     color: var(--color-customization-cool-gray-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorCoolGray.TabNavigationBarItem-selectableTab--isDeuteranopia .Icon {
     fill: var(--color-customization-cool-gray-text-deprecated)
 }

 .TabNavigationBarItem-selectableTab.TabNavigationBarItem-selectableTab--isSelected.TabNavigationBarItem-selectableTab--colorCoolGray.TabNavigationBarItem-selectableTab--isDeuteranopia .MiniIcon {
     fill: var(--color-customization-cool-gray-text-deprecated)
 }

 .TabNavigationBarItem-icon {
     margin-right: 4px
 }

 .TabNavigationBarItem-featureStageIndicator {
     margin-left: 12px;
     padding-bottom: 10px
 }

 .TabNavigationBarItem-link {
     color: var(--color-text-weak);
     text-decoration: none
 }

 .TabNavigationBarItem-link:hover,
 .TabNavigationBarItem-link:focus {
     color: var(--color-text-weak-hover);
     outline: none;
     text-decoration: none
 }

 .TabNavigationBarItem-link:hover:focus-visible,
 .TabNavigationBarItem-link:focus:focus-visible {
     border-radius: 4px;
     outline: 2px solid var(--color-a11y-selected-border-active)
 }

 .TabNavigationBarItem-link.TabNavigationBarItem-link--shrink {
     min-width: 1px
 }

 .FullWidthTab {
     color: var(--color-text-weak);
     cursor: default;
     display: flex;
     font-size: 14px;
     font-weight: 500;
     line-height: normal;
     min-width: 1px;
     transition-duration: .2s;
     transition-property: box-shadow, color;
     white-space: nowrap;
     justify-content: center;
     padding-bottom: 10px
 }

 .FullWidthTab .Icon {
     fill: var(--color-icon)
 }

 .FullWidthTab .MiniIcon {
     fill: var(--color-icon)
 }

 .FullWidthTab:hover,
 .FullWidthTab.FullWidthTab-selectableTab--isActive {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text-weak-hover)
 }

 .FullWidthTab:hover .Icon,
 .FullWidthTab.FullWidthTab-selectableTab--isActive .Icon {
     fill: var(--color-icon-strong)
 }

 .FullWidthTab:hover .MiniIcon,
 .FullWidthTab.FullWidthTab-selectableTab--isActive .MiniIcon {
     fill: var(--color-icon-strong)
 }

 .FullWidthTab.FullWidthTab-selectableTab--isSelected {
     box-shadow: inset 0 -2px var(--color-border-active);
     color: var(--color-text)
 }

 .FullWidthTab.FullWidthTab-selectableTab--isSelected .Icon {
     fill: var(--color-text)
 }

 .FullWidthTab.FullWidthTab-selectableTab--isSelected .MiniIcon {
     fill: var(--color-text)
 }

 .FullWidthTab.FullWidthTab-selectableTab--isClickable {
     cursor: pointer
 }

 .FullWidthTab-featureStageIndicator {
     margin-left: 4px
 }

 .TabNavigationBar {
     display: flex
 }

 .TabNavigationBar-list {
     display: flex
 }

 .TabNavigationBar-list.TabNavigationBar-list--fullTabWidth {
     width: 100%
 }

 .TabNavigationBar-list.TabNavigationBar-list--minTabWidth {
     min-width: 1px
 }

 .TabNavigationBar-tab {
     flex: 0 1 auto
 }

 .TabNavigationBar-tab+.TabNavigationBar-tab {
     margin-left: 24px
 }

 .TabNavigationBar-list--fullTabWidth .TabNavigationBar-tab {
     flex: 1 1 auto;
     margin-left: 0
 }

 .TabNavigationBarWithOverflow {
     min-width: 1px;
     position: relative;
     white-space: nowrap
 }

 .TabNavigationBarWithOverflow-hiddenMeasuringArea {
     display: flex;
     flex-direction: row;
     left: 999999px;
     opacity: 0;
     overflow: visible;
     pointer-events: none;
     position: fixed;
     top: 999999px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     visibility: hidden;
     width: 999999px
 }

 .TabNavigationBarWithOverflow-measuringBox {
     display: flex;
     flex-direction: row
 }

 .FlagSettingsDialog .DeprecatedDialog {
     width: 100%
 }

 .FlagSettingsDialog-loadingIndicator {
     margin: 24px auto
 }

 .FlagSettingsDialog-tabNavigationBar {
     margin-bottom: -8px;
     margin-top: 8px
 }

 .FlagSettingsDialogAnnouncementsContents {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     min-height: 1px;
     padding: 16px 32px
 }

 .FlagSettingsDialogAnnouncementsContents-buttons {
     display: flex;
     justify-content: center
 }

 .FlagSettingsDialogAnnouncementsContents-announcements {
     display: flex;
     flex-direction: column;
     padding: 16px 0
 }

 .FlagSettingsDialogAnnouncementsContents-announcement {
     align-items: center;
     display: flex;
     padding: 4px
 }

 .FlagSettingsDialogAnnouncementsContents-announcementCloseButton {
     margin-right: 8px
 }

 .FlagSettingsDialogAnnouncementsContents-clearLeasesButton {
     margin-left: 24px
 }

 .FlagSettingsDialogConfigureContents {
     display: flex;
     flex-direction: column;
     padding: 16px 32px
 }

 .FlagSettingsDialogConfigureFooter-buttons {
     display: flex;
     flex-shrink: 0;
     justify-content: space-between
 }

 .FlagSettingsDialogConfigureFooter-undoOverridesButton {
     margin-left: 8px
 }

 .FlagSettingsDialogConfigureFooter-secondaryButtonArea {
     margin-top: auto
 }

 .FlagSettingsDialogConfigureFooter-submitArea {
     margin-left: 16px
 }

 .FlagSettingsDialogConfigureFooter-flagsChangedMessage {
     align-items: center;
     color: var(--color-text-weak);
     width: 200px
 }

 .FlagSettingsDialogConfigureFooter-waitingForChangesMessage {
     align-items: center;
     color: var(--color-text-weak);
     font-weight: 700;
     width: 200px
 }

 .FlagSettingsDialogContents {
     display: flex;
     flex-direction: column;
     width: 600px
 }

 .FlagSettingsDialogContents-searchInputsArea {
     align-items: center;
     display: flex;
     flex-shrink: 0
 }

 .FlagSettingsDialogContents-searchInput {
     width: 300px
 }

 .FlagSettingsDialogContents-filterMenu {
     display: flex;
     flex-grow: 1;
     justify-content: flex-end
 }

 .FlagSettingsDialogContents-filterToggles {
     margin-left: 16px
 }

 .FlagSettingsDialogContents-flagList {
     display: flex;
     flex: 1 1 250px;
     margin-bottom: 16px;
     margin-top: 4px;
     min-height: 1px
 }

 .FlagSettingsDialogContents-flagDetails {
     color: var(--color-text-weak);
     flex-shrink: 0;
     margin-bottom: 24px;
     min-height: 3em
 }

 .FlagSettingsDialogContents-validationText {
     margin-top: 4px
 }

 .FlagSettingsDialogExportContents {
     display: flex;
     flex: 1 1 250px;
     flex-direction: column;
     min-height: 1px;
     padding: 16px 32px
 }

 .FlagSettingsDialogExportContents-menuArea {
     margin-bottom: 16px
 }

 .FlagSettingsDialogExportContents-flagList {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     border: 1px solid var(--color-border);
     flex-grow: 1;
     font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     overflow-wrap: break-word;
     overflow-y: auto;
     resize: none;
     white-space: pre-wrap
 }

 .FlagSettingsDialogExportFilterMenu {
     margin-left: 16px
 }

 .FlagSettingsDialogFilterMenu {
     margin-left: 16px
 }

 .FlagSettingsDialogFlagList {
     max-height: unset;
     border: 1px solid var(--color-border);
     width: 100%
 }

 .FlagSettingsDialogFlagList-truncatedMessageItem {
     color: var(--color-text-weak);
     cursor: default;
     font-size: 12px;
     margin: 8px 16px
 }

 .FlagSettingsDialogListItem {
     align-items: center;
     cursor: pointer;
     display: flex;
     padding: 16px
 }

 .FlagSettingsDialogListItem--isHighlighted {
     background-color: var(--color-selected-background-hover)
 }

 .FlagSettingsDialogListItem--isToggled {
     background-color: var(--color-selected-background-active)
 }

 .FlagSettingsDialogListItem-switch {
     flex: 0 0 auto
 }

 .FlagSettingsDialogListItem-title {
     flex: 1 1 auto;
     margin-left: 8px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .FlagSettingsDialogListItem-title.FlagSettingsDialogListItem--enabledWithoutOverride {
     color: var(--color-text-disabled);
     font-style: italic
 }

 .FlagSettingsDialogListItem-icons {
     flex: 0 0 auto;
     margin-left: 8px
 }

 .FlagSettingsDialogSearchInput {
     width: 100%
 }

 .AnnouncementModal {
     background-color: var(--color-background-weak);
     display: flex;
     height: 560px;
     overflow: hidden
 }

 .AnnouncementModal-illustrationContainer {
     flex-grow: 0;
     flex-shrink: 0
 }

 .AnnouncementModal-main {
     display: flex;
     flex-direction: column;
     flex-grow: 1
 }

 .AnnouncementModal-content {
     display: flex;
     flex-direction: column;
     flex-grow: 1;
     position: relative
 }

 .AnnouncementModal-subContent {
     display: flex;
     flex-direction: column;
     margin: auto 0
 }

 .AnnouncementModal-closeButton {
     position: absolute;
     right: 24px;
     top: 24px
 }

 .AnnouncementModal-banner {
     left: 24px;
     position: absolute;
     right: 76px;
     top: 16px
 }

 .AnnouncementModal-heading {
     margin: 0 0 16px
 }

 .BillingRequestModal-description {
     margin: 8px 0 24px
 }

 .BillingRequestModal-sendRequest {
     margin: 4px 0
 }

 .BillingRequestModal-followersTokenizer {
     margin-bottom: 8px;
     max-height: 96px
 }

 .BillingRequestModal-footerText {
     margin: 4px 0
 }

 .UnconfirmedTrialReminder {
     background-color: var(--color-selected-background-active);
     border: 0;
     border-radius: 8px;
     display: flex;
     flex-direction: column;
     padding: 8px 12px
 }

 .UnconfirmedTrialReminder-button--inGlobalTopbar {
     margin-left: 12px
 }

 .BusinessUpgradeButton.ThemeableRectangularButton {
     border-style: none
 }

 .BusinessUpgradeButton.ThemeableRectangularButton {
     background: var(--color-button-upsell-background-extra);
     border-color: var(--color-button-upsell-background-extra);
     color: var(--color-button-upsell-text-extra);
     fill: var(--color-button-upsell-text-extra)
 }

 .BusinessUpgradeButton.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-button-upsell-background-hover-extra);
     border-color: var(--color-button-upsell-background-hover-extra);
     color: var(--color-button-upsell-text-extra);
     fill: var(--color-button-upsell-text-extra)
 }

 .BusinessUpgradeButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .BusinessUpgradeButton.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-button-upsell-background-active-extra);
     border-color: var(--color-button-upsell-background-active-extra);
     color: var(--color-button-upsell-text-extra);
     fill: var(--color-button-upsell-text-extra)
 }

 .BusinessUpgradeButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .BusinessUpgradeButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .BusinessUpgradeButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .TopbarContingentUpgradeButton-businessUpgradeButton,
 .TopbarContingentUpgradeButton-button {
     align-self: center
 }

 .InverseSearchTextInput {
     background-color: var(--color-inverse-background-medium);
     border-color: var(--color-inverse-border);
     border-radius: 16px;
     border-style: solid;
     border-width: 1px;
     height: 32px;
     padding: 0 16px 0 32px;
     box-sizing: border-box;
     color: var(--color-inverse-text)
 }

 .InverseSearchTextInput::-moz-placeholder {
     color: var(--color-text-weak)
 }

 .InverseSearchTextInput:-ms-input-placeholder {
     color: var(--color-text-weak)
 }

 .InverseSearchTextInput::placeholder {
     color: var(--color-text-weak)
 }

 .InverseSearchTextInput:hover {
     border-color: var(--color-inverse-border-hover)
 }

 .InverseSearchTextInput:focus {
     border-color: var(--color-inverse-border-active);
     outline: none
 }

 .SearchTextInput {
     background-color: var(--color-background-weak);
     border-color: var(--color-border-strong);
     border-radius: 16px;
     border-style: solid;
     border-width: 1px;
     height: 32px;
     padding: 0 16px 0 32px;
     box-sizing: border-box;
     color: var(--color-text)
 }

 .SearchTextInput::-moz-placeholder {
     color: var(--color-text-weak)
 }

 .SearchTextInput:-ms-input-placeholder {
     color: var(--color-text-weak)
 }

 .SearchTextInput::placeholder {
     color: var(--color-text-weak)
 }

 .SearchTextInput:hover {
     border-color: var(--color-border-hover)
 }

 .SearchTextInput:focus {
     border-color: var(--color-border-active);
     outline: none
 }

 .SearchTextInput:focus:focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .TeamTypeaheadDropdownContents-recommendationsLabel {
     display: block;
     margin-bottom: 4px;
     padding: 16px 16px 0
 }

 .CustomFieldValueFilterEnumOptions-option--isArchived {
     text-decoration: line-through
 }

 .CustomFieldValueFilterEnumOptions-option {
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     overflow: hidden
 }

 .DateFilter--onSingleLine {
     align-items: center;
     display: flex
 }

 .DateFilter-secondLine {
     align-items: center;
     display: flex;
     margin-top: 8px
 }

 .DateFilter-numInput {
     margin: 0 4px 0 0;
     width: 72px
 }

 .DateFilter-andLabel {
     margin: 0 4px
 }

 .DateFilter-operatorDropdown {
     flex: 0 0 auto
 }

 .DateFilter-operatorDropdown--onSingleLine {
     width: 100%
 }

 .DateFilter-operatorDropdown--onSharedLine {
     margin: 0 4px 0 0
 }

 .EnumCustomFieldValueFilter-proto {
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     overflow: hidden
 }

 .FilterBase-row {
     padding-bottom: 24px;
     padding-top: 12px
 }

 .FilterBase-labelWithRemoveButton {
     align-items: center;
     display: flex;
     justify-content: space-between;
     width: 100%
 }

 .MultiEnumCustomFieldValueFilter-proto {
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     overflow: hidden
 }

 .ProjectStatusFilter-noRecentUpdatesOptionContainer {
     align-items: center;
     display: flex
 }

 .ProjectStatusFilter-noRecentUpdatesOptionDot {
     border-radius: 4px;
     display: inline-block;
     flex: 0 0 auto;
     height: 6px;
     width: 6px;
     border: 1px solid var(--color-text-weak);
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
     margin-right: 6px
 }

 .ScrollableFilterBase-scrollable {
     display: flex;
     flex-direction: column;
     max-height: 144px
 }

 .ScrollableFilterBase-scrollable .DynamicBorderScrollable-scrollable,
 .ScrollableFilterBase-scrollable .DynamicBorderScrollable-content {
     display: flex;
     flex-direction: column
 }

 .ScrollableFilterBase-scrollable .DynamicBorderScrollable-scrollable {
     flex: 1 1 auto
 }

 .ScrollableFilterBase-scrollable .DynamicBorderScrollable-content {
     flex: 1 0 auto
 }

 .ScrollableFilterBase-scrollableContent {
     padding-bottom: 24px
 }

 .ScrollableFilterBase-filterBase.FilterBase-row {
     padding-bottom: 0
 }

 .SectionFilter-labelText {
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     overflow: hidden
 }

 .TypeaheadFilter-buttonSelect {
     margin-bottom: 12px;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content
 }

 .CustomPropertyTypeIconManager-icon {
     flex-shrink: 0;
     height: 16px;
     width: 16px
 }

 .CustomPropertyTypeIconManager-miniIcon {
     height: 12px;
     width: 12px
 }

 .CustomPropertyProtoCreateRow {
     align-items: center;
     color: var(--color-primary-text);
     cursor: pointer;
     display: flex;
     height: 36px;
     margin-bottom: 4px;
     padding: 0 16px
 }

 .CustomPropertyProtoCreateRow.CustomPropertyProtoCreateRow--highlighted {
     background: var(--color-background-hover);
     color: var(--color-primary-text)
 }

 .CustomPropertyProtoCreateRow-plusIcon {
     background-color: var(--color-primary-icon);
     border-radius: 50%;
     fill: #fff;
     margin-right: 8px
 }

 .CustomPropertyProtoCreateRow--highlighted .CustomPropertyProtoCreateRow-plusIcon {
     background-color: var(--color-primary-icon);
     fill: var(--color-background-hover)
 }

 .CustomPropertyProtoCreateRow-separator {
     border-top: 1px solid var(--color-border);
     margin: 4px 0;
     width: 100%
 }

 .CustomPropertyProtoTypeahead {
     height: 36px
 }

 .CustomPropertyProtoTypeahead-input {
     box-sizing: border-box;
     height: 100%;
     padding-left: 16px;
     width: 100%
 }

 .CustomPropertyProtoTypeahead-input::-moz-placeholder {
     color: var(--color-text-weak)
 }

 .CustomPropertyProtoTypeahead-input:-ms-input-placeholder {
     color: var(--color-text-weak)
 }

 .CustomPropertyProtoTypeahead-input::placeholder {
     color: var(--color-text-weak)
 }

 .CustomPropertyProtoTypeahead-dropdown .TypeaheadView-scrollable {
     max-height: 187px
 }

 .CustomPropertyProtoTypeahead-dropdown.CustomPropertyProtoTypeahead-dropdown--withCreateButton .TypeaheadView-scrollable {
     max-height: 230px
 }

 .CustomPropertyProtoTypeahead-dropdown--withSuggestedFields {
     padding-top: 0
 }

 .CustomPropertyProtoTypeahead-recentFieldsLoading {
     height: 180px
 }

 .CustomPropertyProtoTypeahead-recentFieldsNoResults {
     color: var(--color-deprecated-mediumGray);
     height: 164px;
     padding: 16px 16px 0
 }

 .CustomPropertyProtoTypeahead-recentItem {
     height: 36px
 }

 .CustomPropertyProtoTypeaheadHeader {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     align-items: center;
     background: var(--color-background-medium);
     color: var(--color-text-weak);
     display: flex;
     font-weight: 500;
     height: 36px;
     margin-bottom: 4px;
     padding: 0 16px
 }

 .CustomPropertyProtoTypeaheadItem {
     align-items: center;
     color: var(--color-primary-text);
     cursor: pointer;
     display: flex;
     height: 36px;
     padding-right: 16px
 }

 .CustomPropertyProtoTypeaheadItem.CustomPropertyProtoTypeaheadItem--highlighted {
     background: var(--color-background-hover);
     color: var(--color-primary-text)
 }

 .CustomPropertyProtoTypeaheadItem.CustomPropertyProtoTypeaheadItem--leftPadded {
     padding-left: 4px
 }

 .CustomPropertyProtoRow {
     align-items: center;
     display: flex;
     min-width: 1px;
     width: 100%
 }

 .CustomPropertyProtoRow-isShowingLocalText {
     justify-content: space-between
 }

 .CustomPropertyProtoRow-nameContainer {
     align-items: center;
     display: flex;
     flex-shrink: 2;
     margin-right: 4px
 }

 .CustomPropertyProtoRow-nameContainer--shrinkingWidth {
     flex-shrink: 1;
     overflow: hidden
 }

 .CustomPropertyProtoRow-nameContainer--fixedWidth {
     flex-shrink: 0;
     width: 160px
 }

 .CustomPropertyProtoRow-nameContainer--fullWidth {
     width: 100%
 }

 .CustomPropertyProtoRow-name {
     color: var(--color-text);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .CustomPropertyProtoRow-creationSourceIcon {
     margin-left: 4px
 }

 .CustomPropertyProtoRow-localText {
     color: var(--color-deprecated-darkGray1);
     flex-shrink: 0
 }

 .CustomPropertyProtoRow-typeIcon {
     align-items: center;
     display: flex;
     fill: var(--color-icon);
     height: 16px;
     width: 16px
 }

 .CustomPropertyProtoRow-description {
     align-items: center;
     color: var(--color-text-weak);
     display: flex;
     overflow: hidden;
     padding-left: 8px;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .CustomPropertyProtoRow-notificationsIndicator {
     align-items: center;
     display: flex;
     font-weight: 700
 }

 .CustomPropertyProtoRow-notificationsIndicator::after {
     content: "·";
     padding: 0 4px
 }

 .CustomPropertyProtoRow-notificationsIcon {
     fill: var(--color-icon);
     height: 12px;
     margin-right: 4px;
     width: 12px
 }

 .CustomPropertyProtoRow-highlightedText {
     font-weight: 700
 }

 .CustomPropertyProtoRow-leftIconContainer {
     align-items: center;
     display: flex;
     height: 100%;
     justify-content: center;
     min-width: 36px
 }

 .DashedIcon .DashedIcon-inner {
     fill: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .DashedIcon .DashedIcon-outer {
     fill: transparent;
     stroke: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .DashedIcon.DashedIcon--xsmall {
     height: 24px;
     min-height: 24px;
     min-width: 24px;
     width: 24px
 }

 .DashedIcon.DashedIcon--xsmall .DashedIcon-outer {
     stroke-dasharray: 3.2833, 3.2833
 }

 .DashedIcon.DashedIcon--small {
     height: 28px;
     min-height: 28px;
     min-width: 28px;
     width: 28px
 }

 .DashedIcon.DashedIcon--small .DashedIcon-outer {
     stroke-dasharray: 3.8543, 3.8543
 }

 .AssigneeTokenButton-avatar {
     align-items: center;
     border-radius: 50%;
     box-sizing: border-box;
     display: flex;
     height: 28px;
     justify-content: center;
     width: 28px
 }

 .AssigneeTokenButton-emptyAvatar .DashedIcon-inner {
     fill: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .AssigneeTokenButton-emptyAvatar .DashedIcon-outer {
     fill: transparent;
     stroke: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .AssigneeTokenButton--empty:hover .AssigneeTokenButton-emptyAvatar .DashedIcon-inner {
     fill: var(--color-icon-hover);
     transition: 200ms fill, 200ms stroke
 }

 .AssigneeTokenButton--empty:hover .AssigneeTokenButton-emptyAvatar .DashedIcon-outer {
     fill: transparent;
     stroke: var(--color-icon-hover);
     transition: 200ms fill, 200ms stroke
 }

 .AssigneeTokenButton--assigned .AssigneeTokenButton-label {
     fill: var(--color-icon)
 }

 .AssigneeTokenButton-label {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .SubtleTokenButton {
     align-items: center;
     box-sizing: border-box;
     display: flex;
     height: 36px;
     line-height: 36px;
     padding-left: 8px
 }

 .SubtleTokenButton.SubtleTokenButton--readOnly,
 .SubtleTokenButton.SubtleTokenButton--withoutRemoveButton {
     padding-right: 8px
 }

 .SubtleTokenButton.SubtleTokenButton--empty {
     color: var(--color-text-weak);
     fill: var(--color-icon);
     padding-right: 8px
 }

 .SubtleTokenButton.SubtleTokenButton--compact {
     padding-left: 4px
 }

 .SubtleTokenButton.SubtleTokenButton--editable.SubtleTokenButton--empty:hover {
     color: var(--color-text);
     fill: var(--color-icon-hover);
     padding-right: 8px
 }

 .SubtleTokenButton.SubtleTokenButton--editable.SubtleTokenButton--expanded {
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .SubtleTokenButton-removeButton {
     margin: 0 2px
 }

 .SubtleTokenButton--empty .SubtleTokenButton-removeButton {
     display: none
 }

 .SubtleTokenButton--subtle:not(:hover):not(:focus-within) .SubtleTokenButton-removeButton {
     visibility: hidden
 }

 .SubtleTokenButton:hover .SubtleTokenButton-removeButton,
 .SubtleTokenButton-removeButton .SubtleTokenButton:focus-within {
     visibility: visible
 }

 .SubtleTokenButton--compact .SubtleTokenButton-removeButton {
     margin: 0
 }

 .SubtleTokenButton-leftIcon {
     display: flex;
     margin-right: 8px;
     z-index: 2
 }

 .DueDateTokenButton-label {
     font-size: 14px;
     flex: 1 1 auto;
     min-width: 1px
 }

 .DueDateTokenButton-label .DueDate {
     font-size: 14px
 }

 .DueDateTokenButton--future .DueDateTokenButton-label .DueDate,
 .DueDateTokenButton--future .DueDateTokenButton-label .DueDate--past,
 .DueDateTokenButton--future .DueDateTokenButton-label .DueDate--soon,
 .DueDateTokenButton--future .DueDateTokenButton-label .DueDate--future,
 .DueDateTokenButton--future .DueDateTokenButton-label .DueDate--complete,
 .DueDateTokenButton--empty.DueDateTokenButton--editable:hover .DueDateTokenButton-label .DueDate,
 .DueDateTokenButton--empty.DueDateTokenButton--editable:hover .DueDateTokenButton-label .DueDate--past,
 .DueDateTokenButton--empty.DueDateTokenButton--editable:hover .DueDateTokenButton-label .DueDate--soon,
 .DueDateTokenButton--empty.DueDateTokenButton--editable:hover .DueDateTokenButton-label .DueDate--future,
 .DueDateTokenButton--empty.DueDateTokenButton--editable:hover .DueDateTokenButton-label .DueDate--complete,
 .DueDateTokenButton--complete .DueDateTokenButton-label .DueDate,
 .DueDateTokenButton--complete .DueDateTokenButton-label .DueDate--past,
 .DueDateTokenButton--complete .DueDateTokenButton-label .DueDate--soon,
 .DueDateTokenButton--complete .DueDateTokenButton-label .DueDate--future,
 .DueDateTokenButton--complete .DueDateTokenButton-label .DueDate--complete {
     color: var(--color-text)
 }

 .DueDateTokenButton--empty.DueDateTokenButton--expanded .DueDateTokenButton-label .DueDate,
 .DueDateTokenButton--empty.DueDateTokenButton--expanded .DueDateTokenButton-label .DueDate--past,
 .DueDateTokenButton--empty.DueDateTokenButton--expanded .DueDateTokenButton-label .DueDate--soon,
 .DueDateTokenButton--empty.DueDateTokenButton--expanded .DueDateTokenButton-label .DueDate--future,
 .DueDateTokenButton--empty.DueDateTokenButton--expanded .DueDateTokenButton-label .DueDate--complete {
     color: var(--color-text-weak-hover)
 }

 .DueDateTokenButton-icon {
     align-items: center;
     border-radius: 50%;
     box-sizing: border-box;
     display: flex;
     height: 28px;
     justify-content: center;
     width: 28px
 }

 .DueDateTokenButton--dueDateSet .DueDateTokenButton-icon {
     border: 1px solid var(--color-icon);
     fill: var(--color-icon)
 }

 .DueDateTokenButton--past .DueDateTokenButton-icon {
     border: 1px solid var(--color-danger-icon);
     fill: var(--color-danger-icon)
 }

 .DueDateTokenButton--soon .DueDateTokenButton-icon {
     border: 1px solid var(--color-success-icon);
     fill: var(--color-success-icon)
 }

 .DueDateTokenButton--dueDateSet.DueDateTokenButton--complete .DueDateTokenButton-icon {
     border: 1px solid var(--color-icon);
     fill: var(--color-icon)
 }

 .DueDateTokenButton-emptyIcon .DashedIcon-inner {
     fill: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .DueDateTokenButton-emptyIcon .DashedIcon-outer {
     fill: transparent;
     stroke: var(--color-icon);
     transition: 200ms fill, 200ms stroke
 }

 .DueDateTokenButton--editable:hover .DueDateTokenButton-emptyIcon .DashedIcon-inner {
     fill: var(--color-icon-hover);
     transition: 200ms fill, 200ms stroke
 }

 .DueDateTokenButton--editable:hover .DueDateTokenButton-emptyIcon .DashedIcon-outer {
     fill: transparent;
     stroke: var(--color-icon-hover);
     transition: 200ms fill, 200ms stroke
 }

 .DueDateTokenButton--expanded .DueDateTokenButton-emptyIcon .DashedIcon-inner {
     fill: var(--color-text-weak-hover);
     transition: 200ms fill, 200ms stroke
 }

 .DueDateTokenButton--expanded .DueDateTokenButton-emptyIcon .DashedIcon-outer {
     fill: transparent;
     stroke: var(--color-text-weak-hover);
     transition: 200ms fill, 200ms stroke
 }

 .TeamTokenButton-icon {
     align-items: center;
     border-radius: 50%;
     box-sizing: border-box;
     display: flex;
     height: 28px;
     justify-content: center;
     width: 28px
 }

 .TeamTokenButton--empty .TeamTokenButton-icon {
     border: 1px dashed var(--color-icon);
     fill: var(--color-icon)
 }

 .TeamTokenButton--empty.TeamTokenButton--editable:hover .TeamTokenButton-icon,
 .TeamTokenButton--empty.TeamTokenButton--editable:focus .TeamTokenButton-icon {
     border: 1px dashed var(--color-icon-hover);
     fill: var(--color-icon-hover)
 }

 .TeamTokenButton--assigned .TeamTokenButton-icon {
     border: 1px solid var(--color-icon);
     fill: var(--color-icon)
 }

 .TeamTokenButton--readOnly .TeamTokenButton-icon {
     border: 0
 }

 .TeamTokenButton-teamName {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .TeamTokenButton--readOnly {
     color: var(--color-text-weak)
 }

 .Popup {
     background: var(--color-background-weak);
     border-radius: 4px;
     box-shadow: var(--color-elevation-large);
     box-sizing: border-box;
     display: inline-block;
     padding: 16px;
     position: relative
 }

 .EmailOnlyInviteInputFields {
     white-space: nowrap;
     width: 100%
 }

 .EmailOnlyInviteInputFields-button {
     margin-left: 8px
 }

 .EmailOnlyInviteInputFields-inputRow {
     display: flex;
     margin-top: 4px
 }

 .EmailOnlyInviteInputFields-input {
     width: 100%
 }

 .FullWorkspaceUpgradePrompt-upgradeLink {
     margin-left: 4px
 }

 .InvitePopupContent {
     bottom: 0;
     left: -16px;
     right: 0;
     top: -16px;
     width: 362px
 }

 .InvitePopupContent-inputValidator {
     min-height: calc(36px + 4px + 18px)
 }

 .InvitePopupContent-outsideOrgShareWarning {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     background-color: var(--color-warning-background);
     margin-top: 8px;
     padding: 8px
 }

 .InvitePopupContent-outsideOrgEmail {
     font-weight: 500
 }

 .InvitePopupContent-inviteToProjectCheckbox {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     color: var(--color-text-weak);
     margin-top: 16px
 }

 .InvitePopupContent-closeButton {
     position: absolute;
     right: 8px;
     top: 8px
 }

 .InvitePopupContent-upgradePrompt {
     margin-top: 16px
 }

 .AssigneePlaceholder {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     background-color: var(--color-background-medium);
     border-radius: 50%;
     height: 24px;
     width: 24px
 }

 .AssigneePopover {
     min-width: 362px;
     white-space: nowrap
 }

 .AssigneePopover-body {
     align-items: center;
     display: flex
 }

 .AssigneePopover-or {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     color: var(--color-text-weak);
     font-weight: 500;
     margin: 0 8px
 }

 .AssigneeWithName {
     align-items: center;
     cursor: default;
     display: flex
 }

 .AssigneeWithName:not(.AssigneeWithName--isDisabled) {
     cursor: pointer
 }

 .AssigneeWithName-name {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     color: var(--color-text);
     flex: 1 1 auto;
     margin-left: 4px;
     min-width: 1px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .AssigneeWithNameDisplay {
     align-items: center;
     cursor: default;
     display: flex
 }

 .AssigneeWithNameDisplay:not(.AssigneeWithNameDisplay--isDisabled) {
     cursor: pointer
 }

 .AssigneeWithNameDisplay-name {
     margin-left: 4px
 }

 .DomainUserAvatar {
     align-items: center;
     border-color: transparent;
     border-radius: 50%;
     box-sizing: border-box;
     cursor: default;
     display: inline-flex;
     justify-content: center
 }

 .DomainUserAvatar.DomainUserAvatar--noValue.DomainUserAvatar--isDisabled {
     background: transparent;
     background-position: center center;
     border: 1px dashed var(--color-icon);
     fill: var(--color-icon);
     opacity: 0
 }

 .DomainUserAvatar:not(.DomainUserAvatar--isDisabled) {
     cursor: pointer
 }

 .DomainUserAvatar:not(.DomainUserAvatar--isDisabled).DomainUserAvatar--noValue {
     background: transparent;
     background-position: center center;
     border: 1px dashed var(--color-icon);
     fill: var(--color-icon);
     transition: 200ms box-shadow, 200ms color, 200ms background, 200ms fill, 200ms border-color
 }

 .DomainUserAvatar:not(.DomainUserAvatar--isDisabled).DomainUserAvatar--noValue:hover {
     background-color: var(--color-background-hover);
     border-color: var(--color-icon-hover);
     color: var(--color-text);
     fill: var(--color-icon-hover)
 }

 .DomainUserAvatar:not(.DomainUserAvatar--isDisabled).DomainUserAvatar--noValue.DomainUserAvatar--isSelected {
     background-color: var(--color-background-hover);
     border: 1px solid var(--color-border);
     box-shadow: inset 0 1px var(--color-border);
     color: var(--color-text-weak);
     fill: var(--color-icon)
 }

 .DomainUserAvatar-icon {
     display: block
 }

 .DomainUserAvatar--xsmall {
     height: 20px;
     width: 20px
 }

 .DomainUserAvatar--xsmall .Icon {
     height: 12px;
     width: 12px
 }

 .DomainUserAvatar--small {
     height: 24px;
     width: 24px
 }

 .DomainUserAvatar--small .Icon {
     height: 14px;
     width: 14px
 }

 .DomainUserAvatar--medium {
     height: 32px;
     width: 32px
 }

 .DomainUserAvatar--medium .Icon {
     height: 16px;
     width: 16px
 }

 .DomainUserAvatar--large {
     height: 36px;
     width: 36px
 }

 .DomainUserAvatar--large .Icon {
     height: 20px;
     width: 20px
 }

 .DomainUserAvatar--xlarge {
     height: 48px;
     width: 48px
 }

 .DomainUserAvatar--xlarge .Icon {
     height: 24px;
     width: 24px
 }

 .DomainUserPopoverStructure-fieldName {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     color: var(--color-text-weak);
     font-weight: 500;
     margin-bottom: 4px
 }

 .DomainUserPopoverStructure-closeButton {
     position: absolute;
     right: 8px;
     top: 8px
 }

 .DomainUserSelector {
     align-items: center;
     display: flex
 }

 .DomainUserSelector-inputTextField {
     color: var(--color-text);
     height: 32px;
     outline: none;
     width: 200px
 }

 .DomainUserSelector-inputTextField.DomainUserSelector-inputTextField--withClearButton {
     padding-right: 36px
 }

 .DomainUserSelector-removeButton {
     margin-left: -24px;
     margin-right: 4px
 }

 .LoadingDomainUserAvatar {
     position: relative
 }

 .LoadingDomainUserAvatar-loadingIndicator {
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%)
 }

 .LoadingDomainUserAvatar-loadingIndicator.LoadingIndicator {
     margin: 0 auto
 }

 .LoadingDomainUserAvatar-loadingIndicator--xsmall {
     height: 20px;
     width: 20px
 }

 .LoadingDomainUserAvatar-loadingIndicator--small {
     height: 20px;
     width: 20px
 }

 .LoadingDomainUserAvatar-loadingIndicator--medium {
     height: 24px;
     width: 24px
 }

 .LoadingDomainUserAvatar-loadingIndicator--large {
     height: 32px;
     width: 32px
 }

 .LoadingDomainUserAvatar-loadingIndicator--xlarge {
     height: 36px;
     width: 36px
 }

 .AssigneeToken-userNameIcon {
     flex: 0 0 auto;
     margin-left: 4px
 }

 .AssigneeToken-label {
     align-items: center;
     display: inline-flex
 }

 .DomainUserSelectorToken {
     display: inline-flex;
     max-width: 100%;
     position: relative
 }

 .DomainUserSelectorTokenTypeahead {
     border-radius: 6px;
     bottom: 0;
     box-shadow: var(--color-box-shadow-large);
     left: 0;
     margin: auto;
     position: absolute;
     top: 0;
     z-index: 1
 }

 .DomainUserSelectorTokenTypeahead-input {
     padding-left: 44px;
     width: 250px;
     border-color: var(--color-deprecated-darkGray1);
     position: relative
 }

 .DomainUserSelectorTokenTypeahead-input:focus {
     border-color: var(--color-deprecated-darkGray1)
 }

 .CustomPropertyExternalLink-linkIcon {
     fill: var(--color-icon)
 }

 .CustomPropertyExternalLink-linkIcon:hover {
     cursor: pointer;
     fill: var(--color-primary-icon)
 }

 .CustomPropertyEnumEditablePreviewCell {
     height: 30px;
     display: inline-flex;
     justify-content: space-between;
     padding: 0 3px
 }

 .CustomPropertyEnumEditablePreviewCell .ButtonSelect-downIcon {
     margin-left: 2px
 }

 .is-compactMode .CustomPropertyEnumEditablePreviewCell {
     height: 22px
 }

 .CustomPropertyEnumEditablePreviewCell:focus,
 .CustomPropertyEnumEditablePreviewCell:hover {
     background-color: #fff
 }

 .CustomPropertyEnumEditablePreviewCell.CustomPropertyEnumEditablePreviewCell--isInsideCell {
     height: 100%;
     width: 100%;
     padding: 0 7px
 }

 .CustomPropertyEnumEditablePreviewCell.CustomPropertyEnumEditablePreviewCell--isInsideCell .MiniIcon {
     fill: var(--color-icon)
 }

 .CustomPropertyEnumEditablePreviewCell-emptyOption {
     color: var(--color-text-weak);
     font-size: 10px;
     padding-left: 8px
 }

 .CustomPropertyEnumPreviewCell {
     display: flex;
     padding: 0 4px;
     width: 50px
 }

 .CustomPropertyEnumPreviewCell--empty {
     color: var(--color-text-weak);
     font-size: 10px;
     padding: 0 8px
 }

 .CustomPropertyGenericPreviewCell {
     display: inline-block;
     font-size: 12px;
     overflow: hidden;
     padding: 2px 4px;
     text-overflow: ellipsis;
     vertical-align: middle;
     white-space: nowrap;
     width: 60px
 }

 .CustomPropertyGenericPreviewCell-linkEnabled {
     position: relative;
     width: 80px
 }

 .CustomPropertyGenericPreviewCell-value {
     overflow: hidden;
     text-overflow: ellipsis
 }

 .CustomPropertyGenericPreviewCell-linkEnabled:hover .CustomPropertyGenericPreviewCell-value.CustomPropertyGenericPreviewCell-value--linkEnabled {
     margin-right: 15px
 }

 .CustomPropertyGenericPreviewCell-linkIcon {
     align-items: center;
     display: none;
     height: 100%;
     position: absolute;
     right: 4px;
     top: 0
 }

 .CustomPropertyGenericPreviewCell-linkEnabled:hover .CustomPropertyGenericPreviewCell-linkIcon {
     display: flex
 }

 .CustomPropertyGenericPreviewCell--empty {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyGenericPreviewCellTooltip {
     max-width: 400px
 }

 .CustomPropertyGenericPreviewCellTooltip-protoName {
     font-weight: 700
 }

 .CustomPropertyGenericPreviewCellTooltip-protoName,
 .CustomPropertyGenericPreviewCellTooltip-value {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .CustomPropertyGenericPreviewCellTooltip-value--empty {
     color: var(--color-deprecated-mediumGray)
 }

 .CustomPropertyMultiEnumEditablePreviewCell {
     height: 30px;
     display: inline-flex;
     justify-content: space-between;
     padding: 0 3px
 }

 .CustomPropertyMultiEnumEditablePreviewCell .ButtonMultiSelect-downIcon {
     margin-left: 2px
 }

 .is-compactMode .CustomPropertyMultiEnumEditablePreviewCell {
     height: 22px
 }

 .CustomPropertyMultiEnumEditablePreviewCell:focus,
 .CustomPropertyMultiEnumEditablePreviewCell:hover {
     background-color: #fff
 }

 .CustomPropertyMultiEnumEditablePreviewCell.CustomPropertyMultiEnumEditablePreviewCell--isInsideCell {
     height: 100%;
     width: 100%;
     padding: 0 7px
 }

 .CustomPropertyMultiEnumEditablePreviewCell.CustomPropertyMultiEnumEditablePreviewCell--isInsideCell .MiniIcon {
     fill: var(--color-deprecated-darkGray1)
 }

 .CustomPropertyMultiEnumEditablePreviewCell--label {
     display: flex;
     width: 100%
 }

 .CustomPropertyMultiEnumEditablePreviewCell--label>* {
     margin-right: 4px
 }

 .CustomPropertyMultiEnumEditablePreviewCell--label>*:last-child {
     margin-right: 0
 }

 .CustomPropertyMultiEnumPreviewCell {
     display: flex;
     padding: 0 4px;
     width: 50px
 }

 .CustomPropertyMultiEnumPreviewCell>* {
     margin-right: 4px
 }

 .CustomPropertyMultiEnumPreviewCell>*:last-child {
     margin-right: 0
 }

 .CustomPropertyMultiEnumPreviewCell--empty {
     color: var(--color-text-weak);
     font-size: 10px;
     padding: 0 8px
 }

 .CustomPropertyNumberEditablePreviewCell {
     padding: 2px 0
 }

 .CustomPropertyNumberEditablePreviewCell.CustomPropertyNumberEditablePreviewCell--isInsideCell {
     height: 100%;
     width: 100%
 }

 .CustomPropertyNumberEditablePreviewCell-input {
     height: 30px;
     font-size: 12px;
     overflow: hidden;
     padding: 0 7px;
     text-overflow: ellipsis
 }

 .is-compactMode .CustomPropertyNumberEditablePreviewCell-input {
     height: 22px
 }

 .CustomPropertyNumberEditablePreviewCell-input:not(:hover):not(:focus) {
     background-color: transparent
 }

 .CustomPropertyNumberEditablePreviewCell--isInsideCell .CustomPropertyNumberEditablePreviewCell-input {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     height: 100%;
     width: 100%;
     border-radius: 0;
     border-width: 0;
     box-sizing: border-box;
     font-size: 12px;
     padding: 0 7px
 }

 .CustomPropertyNumberEditablePreviewCell--isInsideCell .CustomPropertyNumberEditablePreviewCell-input:hover {
     background-color: transparent;
     border-radius: 0
 }

 .CustomPropertyNumberEditablePreviewCell--isInsideCell .CustomPropertyNumberEditablePreviewCell-input:focus {
     background-color: var(--color-background-weak);
     border-radius: 0;
     box-shadow: none;
     outline: none
 }

 .CustomPropertyNumberEditablePreviewCell--isInsideCell .CustomPropertyNumberEditablePreviewCell-input[disabled] {
     background-color: var(--color-background-medium);
     border-color: var(--color-border);
     color: var(--color-text-disabled)
 }

 .CustomPropertyNumberEditablePreviewCell--isInsideCell .CustomPropertyNumberEditablePreviewCell-input::-moz-placeholder {
     color: var(--color-text-weak)
 }

 .CustomPropertyNumberEditablePreviewCell--isInsideCell .CustomPropertyNumberEditablePreviewCell-input:-ms-input-placeholder {
     color: var(--color-text-weak)
 }

 .CustomPropertyNumberEditablePreviewCell--isInsideCell .CustomPropertyNumberEditablePreviewCell-input::placeholder {
     color: var(--color-text-weak)
 }

 .CustomPropertyNumberEditablePreviewCell-input--empty {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyNumberPreviewCell {
     display: inline-block;
     font-size: 12px;
     overflow: hidden;
     padding: 2px 4px;
     text-overflow: ellipsis;
     vertical-align: middle;
     white-space: nowrap;
     width: 40px
 }

 .CustomPropertyNumberPreviewCell--empty {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyPreviewContainer {
     align-items: center;
     cursor: default;
     display: flex;
     height: 100%
 }

 .CustomPropertyTextEditablePreviewCell {
     padding: 2px 0;
     position: relative
 }

 .CustomPropertyTextEditablePreviewCell.CustomPropertyTextEditablePreviewCell--isInsideCell {
     height: 100%;
     width: 100%
 }

 .CustomPropertyTextEditablePreviewCell-linkIcon {
     align-items: center;
     display: none;
     height: 100%;
     position: absolute;
     right: 4px;
     top: 0
 }

 .CustomPropertyTextEditablePreviewCell:hover .CustomPropertyTextEditablePreviewCell-linkIcon {
     display: flex
 }

 .CustomPropertyTextEditablePreviewCell-input--linkEnabled:focus~.CustomPropertyTextEditablePreviewCell-linkIcon {
     display: none
 }

 .CustomPropertyTextEditablePreviewCell:hover .CustomPropertyTextEditablePreviewCell-input--linkEnabled {
     border-color: var(--color-border-hover);
     padding-right: 20px
 }

 .CustomPropertyTextEditablePreviewCell:hover .CustomPropertyTextEditablePreviewCell-input--linkEnabled:not(:hover):not(:focus) {
     background-color: var(--color-background-weak)
 }

 .CustomPropertyTextEditablePreviewCell .CustomPropertyTextEditablePreviewCell-input--linkEnabled:focus {
     padding: 0 7px
 }

 .CustomPropertyTextEditablePreviewCell-input {
     height: 30px;
     font-size: 12px;
     overflow: hidden;
     padding: 0 7px;
     text-overflow: ellipsis
 }

 .is-compactMode .CustomPropertyTextEditablePreviewCell-input {
     height: 22px
 }

 .CustomPropertyTextEditablePreviewCell-input:not(:hover):not(:focus) {
     background-color: transparent
 }

 .CustomPropertyTextEditablePreviewCell--isInsideCell .CustomPropertyTextEditablePreviewCell-input {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     height: 100%;
     width: 100%;
     border-radius: 0;
     border-width: 0;
     box-sizing: border-box;
     font-size: 12px;
     padding: 0 7px
 }

 .CustomPropertyTextEditablePreviewCell--isInsideCell .CustomPropertyTextEditablePreviewCell-input:hover {
     background-color: transparent;
     border-radius: 0
 }

 .CustomPropertyTextEditablePreviewCell--isInsideCell .CustomPropertyTextEditablePreviewCell-input:focus {
     background-color: var(--color-background-weak);
     border-radius: 0;
     box-shadow: none;
     outline: none
 }

 .CustomPropertyTextEditablePreviewCell--isInsideCell .CustomPropertyTextEditablePreviewCell-input[disabled] {
     background-color: var(--color-background-medium);
     border-color: var(--color-border);
     color: var(--color-text-disabled)
 }

 .CustomPropertyTextEditablePreviewCell--isInsideCell .CustomPropertyTextEditablePreviewCell-input::-moz-placeholder {
     color: var(--color-text-weak)
 }

 .CustomPropertyTextEditablePreviewCell--isInsideCell .CustomPropertyTextEditablePreviewCell-input:-ms-input-placeholder {
     color: var(--color-text-weak)
 }

 .CustomPropertyTextEditablePreviewCell--isInsideCell .CustomPropertyTextEditablePreviewCell-input::placeholder {
     color: var(--color-text-weak)
 }

 .CustomPropertyTextEditablePreviewCell-input--empty {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .SpreadsheetRow {
     contain: style;
     display: flex;
     margin-bottom: -1px;
     margin-top: -1px
 }

 .SpreadsheetRow--enabled {
     transition: box-shadow 100ms ease-in-out
 }

 .SpreadsheetRow--enabled.SpreadsheetRow--withShadedBackground {
     background-color: var(--color-selected-background)
 }

 .SpreadsheetRow-stickyCell {
     display: flex;
     left: 0;
     position: absolute
 }

 .SpreadsheetRow--withRightGutter {
     padding-right: 24px
 }

 .SpreadsheetCell:hover {
     border-color: var(--color-border-hover)
 }

 .SpreadsheetCell {
     background-color: var(--color-background-weak);
     border: 1px solid var(--color-border);
     box-sizing: border-box;
     padding: 0 8px;
     z-index: 0;
     align-items: center;
     display: flex;
     height: 37px;
     overflow: hidden
 }

 .SpreadsheetCell:hover {
     z-index: 1
 }

 .SpreadsheetCell.SpreadsheetCell--isHighlighted:focus-within,
 .SpreadsheetCell.SpreadsheetCell--isHighlighted:focus {
     z-index: 2
 }

 .SpreadsheetCell.SpreadsheetCell--isCompact {
     height: 28px
 }

 .SpreadsheetCell:hover {
     background-color: var(--color-background-weak-hover-deprecated)
 }

 .SpreadsheetCell.SpreadsheetCell--withShadedBackground {
     background-color: var(--color-selected-background)
 }

 .SpreadsheetCell.SpreadsheetCell--isHighlighted:focus-within {
     border-color: var(--color-selected-border);
     z-index: 200
 }

 .SpreadsheetCell.SpreadsheetCell--isHighlighted:focus {
     border-color: var(--color-selected-border);
     z-index: 200
 }

 .SpreadsheetCell.SpreadsheetCell--overrideBlueBorderToAlwaysVisible {
     border-color: var(--color-selected-border);
     z-index: 200
 }

 .SpreadsheetCell.SpreadsheetCell--isInvalid:focus-within {
     border-color: var(--color-danger-border);
     z-index: 200
 }

 .SpreadsheetCell.SpreadsheetCell--isInvalid:focus-within:hover {
     border-color: var(--color-danger-border-hover)
 }

 .SpreadsheetCell.SpreadsheetCell--isInvalid:focus-within:focus {
     border-color: var(--color-danger-border-active)
 }

 .SpreadsheetCell.SpreadsheetCell--isInvalid:focus {
     border-color: var(--color-danger-border);
     z-index: 200
 }

 .SpreadsheetCell.SpreadsheetCell--isInvalid:focus:hover {
     border-color: var(--color-danger-border-hover)
 }

 .SpreadsheetCell.SpreadsheetCell--isInvalid:focus:focus {
     border-color: var(--color-danger-border-active)
 }

 .SpreadsheetCell:focus {
     outline: none
 }

 .SpreadsheetCell.SpreadsheetCell:focus-within:not(:focus) {
     background-color: var(--color-background-weak)
 }

 .SpreadsheetCell.SpreadsheetCell--withoutLeftBorder {
     border-left: 0
 }

 .DropTargetRow--inSpreadsheetGrid.DropTargetRow--isHoveringBelow .SpreadsheetCell {
     border-bottom-color: var(--color-border-active);
     z-index: 200
 }

 .DropTargetRow--inSpreadsheetGrid.DropTargetRow--isHoveringAbove .SpreadsheetCell {
     border-top-color: var(--color-border-active);
     z-index: 200
 }

 .DueDateWithRecurrence-repeatIcon {
     border-radius: 33%;
     fill: inherit
 }

 .DueDateWithRecurrence--xsmall .DueDateWithRecurrence-repeatIcon {
     height: 12px
 }

 .DueDateWithRecurrence--small .DueDateWithRecurrence-repeatIcon {
     margin-left: 8px
 }

 .DueDateWithRecurrence--xsmall.DueDateWithRecurrence--complete .DueDateWithRecurrence-repeatIcon {
     fill: var(--color-deprecated-lightGray3)
 }

 .DueDateWithRecurrence--small.DueDateWithRecurrence--complete .DueDateWithRecurrence-repeatIcon {
     fill: var(--color-icon)
 }

 .DueDateWithRecurrence-dueDate {
     flex: 0 1 auto;
     min-width: 1px;
     overflow: hidden;
     text-overflow: ellipsis
 }

 .DueDateWithRecurrence {
     align-items: center;
     display: flex;
     fill: var(--color-icon)
 }

 .DueDateWithRecurrence--past {
     fill: var(--color-danger-text)
 }

 .DueDateWithRecurrence--soon {
     fill: var(--color-success-icon)
 }

 .TaskDueDateToken {
     align-items: center;
     display: inline-flex;
     margin-right: 8px;
     position: relative
 }

 .TaskDueDateToken-input {
     left: 0;
     position: absolute;
     top: 0;
     z-index: 1
 }

 .TaskDueDateToken-label {
     font-size: 14px;
     align-items: center;
     display: flex
 }

 .TaskDueDateToken-label .DueDate {
     font-size: 14px
 }

 .TaskDueDateToken .TaskDueDateToken-label .DueDateWithRecurrence-repeatIcon {
     margin-left: 8px
 }

 .TaskDueDateToken-tokenButton {
     visibility: visible
 }

 .TaskDueDateToken-tokenButton--hidden {
     visibility: hidden
 }

 .CustomPropertyDateValueInput {
     display: inline-flex;
     min-width: 56px;
     position: relative
 }

 .CustomPropertyDateValueInput .DueDate,
 .CustomPropertyDateValueInput .DueDate--past,
 .CustomPropertyDateValueInput .DueDate--soon,
 .CustomPropertyDateValueInput .DueDate--future,
 .CustomPropertyDateValueInput .DueDate--complete {
     color: var(--color-text)
 }

 .CustomPropertyDateValueInput .DueDate,
 .CustomPropertyDateValueInput .DueDate--past,
 .CustomPropertyDateValueInput .DueDate--soon,
 .CustomPropertyDateValueInput .DueDate--future,
 .CustomPropertyDateValueInput .DueDate--complete {
     font-weight: normal
 }

 .CustomPropertyDateValueInput:not(.CustomPropertyDateValueInput--disabled) {
     cursor: pointer
 }

 .CustomPropertyDateValueInput--isInsideCell {
     align-items: center;
     align-self: stretch;
     display: flex;
     flex-grow: 1
 }

 .CustomPropertyDateValueInput--isInsideCell .DueDate,
 .CustomPropertyDateValueInput--isInsideCell .DueDate--past,
 .CustomPropertyDateValueInput--isInsideCell .DueDate--soon,
 .CustomPropertyDateValueInput--isInsideCell .DueDate--future,
 .CustomPropertyDateValueInput--isInsideCell .DueDate--complete {
     color: var(--color-text-weak)
 }

 .CustomPropertyDateValueInput--isInsideCell .DueDate--complete {
     color: var(--color-text-disabled)
 }

 .CustomPropertyDateValueInput--isInsideCell .CustomPropertyDateValueInput-label--empty {
     visibility: hidden
 }

 .CustomPropertyDateValueInput--disabled:not(.CustomPropertyDateValueInput--isInsideCell) {
     padding-left: 12px
 }

 .CustomPropertyDateValueInput-calendar {
     background: transparent;
     background-position: center center;
     border: 1px dashed var(--color-icon);
     fill: var(--color-icon);
     visibility: hidden
 }

 .SpreadsheetCell:hover .CustomPropertyDateValueInput-calendar {
     visibility: visible
 }

 .SpreadsheetCell:focus .CustomPropertyDateValueInput-calendar {
     visibility: visible
 }

 .SpreadsheetCell:focus-within .CustomPropertyDateValueInput-calendar {
     visibility: visible
 }

 .CustomPropertyDateValueInput-dueDateInput.CustomPropertyDateValueInput--isInsideCell {
     display: flex;
     height: 100%
 }

 .CustomPropertyDateValueInput-dueDateInput.CustomPropertyDateValueInput--isInsideCell .DueDateInput-input {
     border: 0;
     box-shadow: none;
     font-size: 12px;
     height: 100%;
     padding: 0;
     width: 100%
 }

 .CustomPropertyDateValueInput-dueDateInput:not(.CustomPropertyDateValueInput--isInsideCell) {
     left: 0;
     position: absolute;
     top: 0;
     z-index: 1
 }

 .CustomPropertyDateValueInput-dueDateDisplay {
     align-items: center;
     display: flex;
     flex-grow: 1;
     height: 100%
 }

 .CustomPropertyDateValueInput-removeButton {
     align-items: center;
     background-color: var(--color-background-weak-hover-deprecated);
     bottom: 0;
     cursor: pointer;
     display: flex;
     height: 100%;
     padding-left: 4px;
     padding-right: 8px;
     position: absolute;
     right: 0;
     top: 0;
     visibility: hidden
 }

 .SpreadsheetCell--withShadedBackground .CustomPropertyDateValueInput-removeButton {
     background-color: var(--color-selected-background)
 }

 .SpreadsheetCell:focus-within:not(:focus) .CustomPropertyDateValueInput-removeButton {
     background-color: #fff
 }

 .SpreadsheetCell:hover .CustomPropertyDateValueInput-removeButton {
     visibility: visible
 }

 .CustomPropertyDateValueInput-removeButton .CustomPropertyDateValueInput-xMiniIcon {
     fill: var(--color-icon)
 }

 .CustomPropertyDateValueInput-removeButton .CustomPropertyDateValueInput-xMiniIcon:hover {
     fill: var(--color-icon-hover)
 }

 .CustomPropertyDateValueInput-tokenButton {
     flex-grow: 1
 }

 .CustomPropertyDateValueInput-tokenButton--medium {
     padding-left: 8px
 }

 .CustomPropertyDateValueInput-tokenButton--large {
     padding-left: 12px
 }

 .CustomPropertyDateValueInput-tokenButton.CustomPropertyDateValueInput-tokenButton--large {
     padding-right: 4px
 }

 .CustomPropertyDateValueInput-tokenButton--multi {
     color: var(--color-text-weak)
 }

 .CustomPropertyDateValueInput-tokenButton--multi:hover {
     color: var(--color-text-weak-hover)
 }

 .CustomPropertyDateValueInput-tokenButton--multi .CustomPropertyDateValueInput-label {
     font-style: italic
 }

 .CustomPropertyDateValueInput-tokenButton--hidden {
     visibility: hidden
 }

 .CustomPropertyDateValueInput-label {
     flex-grow: 1
 }

 .CustomPropertyDateValueInput-label--empty {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyDateValueInput-label--empty:hover {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyEnumOptionTokenizer-tokenizer {
     align-items: center;
     display: flex;
     flex-wrap: wrap
 }

 .CustomPropertyEnumOptionTokenizer-tokenizer.Tokenizer {
     border: 0;
     box-shadow: none
 }

 .CustomPropertyEnumOptionTokenizer-tokenizer.Tokenizer.Tokenizer--isFocused {
     box-shadow: none
 }

 .CustomPropertyEnumOptionsMultiPickerInput {
     flex: 0 1 auto;
     min-width: 1px
 }

 .CustomPropertyEnumOptionsMultiPickerInput--empty,
 .CustomPropertyEnumOptionsMultiPickerInput-option--empty {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyEnumOptionsMultiPickerInput--empty:hover,
 .CustomPropertyEnumOptionsMultiPickerInput-option--empty:hover {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyEnumOptionsMultiPickerInput--empty.CustomPropertyEnumOptionsMultiPickerInput--insideCell {
     visibility: hidden
 }

 .SpreadsheetCell:hover .CustomPropertyEnumOptionsMultiPickerInput--empty.CustomPropertyEnumOptionsMultiPickerInput--insideCell.CustomPropertyEnumOptionsMultiPickerInput--editable {
     visibility: visible
 }

 .SpreadsheetCell:focus .CustomPropertyEnumOptionsMultiPickerInput--empty.CustomPropertyEnumOptionsMultiPickerInput--insideCell.CustomPropertyEnumOptionsMultiPickerInput--editable {
     visibility: visible
 }

 .SpreadsheetCell:focus-within .CustomPropertyEnumOptionsMultiPickerInput--empty.CustomPropertyEnumOptionsMultiPickerInput--insideCell.CustomPropertyEnumOptionsMultiPickerInput--editable {
     visibility: visible
 }

 .CustomPropertyEnumOptionsMultiPickerInput--empty.CustomPropertyEnumOptionsMultiPickerInput--insideCell.CustomPropertyEnumOptionsMultiPickerInput--editable:hover,
 .CustomPropertyEnumOptionsMultiPickerInput--empty.CustomPropertyEnumOptionsMultiPickerInput--insideCell.CustomPropertyEnumOptionsMultiPickerInput--editable:focus {
     visibility: visible
 }

 .LayerPositioner--alignRight .CustomPropertyEnumOptionsMultiPickerInput-popoverContainer {
     margin-right: -1px
 }

 .LayerPositioner--alignLeft .CustomPropertyEnumOptionsMultiPickerInput-popoverContainer {
     margin-left: -1px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-popoverContainer.CustomPropertyEnumOptionsMultiPickerInput-popoverContainer--renderedInline {
     position: relative;
     z-index: 100
 }

 .LayerPositioner--below .CustomPropertyEnumOptionsMultiPickerInput-popoverContainer.CustomPropertyEnumOptionsMultiPickerInput-popoverContainer--small {
     margin-top: -21px
 }

 .LayerPositioner--above .CustomPropertyEnumOptionsMultiPickerInput-popoverContainer.CustomPropertyEnumOptionsMultiPickerInput-popoverContainer--small {
     margin-bottom: -21px
 }

 .LayerPositioner--below .CustomPropertyEnumOptionsMultiPickerInput-popoverContainer.CustomPropertyEnumOptionsMultiPickerInput-popoverContainer--medium {
     margin-top: -29px
 }

 .LayerPositioner--above .CustomPropertyEnumOptionsMultiPickerInput-popoverContainer.CustomPropertyEnumOptionsMultiPickerInput-popoverContainer--medium {
     margin-bottom: -29px
 }

 .LayerPositioner--below .CustomPropertyEnumOptionsMultiPickerInput-popoverContainer.CustomPropertyEnumOptionsMultiPickerInput-popoverContainer--large {
     margin-top: -37px
 }

 .LayerPositioner--above .CustomPropertyEnumOptionsMultiPickerInput-popoverContainer.CustomPropertyEnumOptionsMultiPickerInput-popoverContainer--large {
     margin-bottom: -37px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-dropdownMenu {
     background: var(--color-background-weak);
     border-radius: 4px;
     box-shadow: var(--color-elevation-large);
     box-sizing: border-box;
     max-height: 169.6px;
     overflow-x: hidden;
     overflow-y: auto;
     margin-top: 1px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-tokenizerScrollable {
     max-height: 85px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-tokenizer--grid {
     background-color: var(--color-background-weak);
     border: 1px solid var(--color-selected-border);
     min-width: 300px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-tokenizer--subtle {
     background-color: var(--color-background-medium);
     border: 0;
     border-radius: 4px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-tokenizer--secondary {
     background-color: var(--color-background-weak);
     border: 1px solid var(--color-border);
     border-radius: 4px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-option--empty {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-option--empty:hover {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-option--multi,
 .CustomPropertyEnumOptionsMultiPickerInput--multi {
     font-style: italic
 }

 .CustomPropertyEnumOptionsMultiPickerInput--disabled {
     align-items: center;
     cursor: default;
     display: flex;
     line-height: 24px;
     outline: none;
     padding: 4px 12px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-label {
     display: flex;
     flex-grow: 1;
     overflow: hidden;
     width: 100%
 }

 .CustomPropertyEnumOptionsMultiPickerInput--allowMultiline .CustomPropertyEnumOptionsMultiPickerInput-label {
     flex-wrap: wrap;
     max-height: 84px;
     padding: 4px 0
 }

 .CustomPropertyEnumOptionsMultiPickerInput-overflowPill,
 .CustomPropertyPeopleValueInputLabel-overflowPill {
     margin-right: 4px;
     flex-shrink: 0
 }

 .CustomPropertyEnumOptionsMultiPickerInput--allowMultiline .CustomPropertyEnumOptionsMultiPickerInput-overflowPill,
 .CustomPropertyEnumOptionsMultiPickerInput--allowMultiline .CustomPropertyPeopleValueInputLabel-overflowPill {
     margin-bottom: 4px;
     margin-top: 4px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-enumValuePill,
 .CustomPropertyPeopleValueInputLabel-valuePill {
     margin-right: 4px;
     min-width: 60px
 }

 .CustomPropertyEnumOptionsMultiPickerInput--allowMultiline .CustomPropertyEnumOptionsMultiPickerInput-enumValuePill,
 .CustomPropertyEnumOptionsMultiPickerInput--allowMultiline .CustomPropertyPeopleValueInputLabel-valuePill {
     margin-bottom: 4px;
     margin-top: 4px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-enumValuePill:last-child,
 .CustomPropertyPeopleValueInputLabel-valuePill:last-child {
     margin-right: 0
 }

 .CustomPropertyEnumOptionsMultiPickerInput-label .CustomPropertyEnumOptionsMultiPickerInput-enumValuePill,
 .CustomPropertyEnumOptionsMultiPickerInput-label .CustomPropertyPeopleValueInputLabel-valuePill {
     max-width: 180px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button {
     align-items: center;
     border-radius: 6px;
     box-sizing: border-box;
     cursor: pointer;
     display: inline-flex;
     transition-duration: .2s;
     transition-property: background, border, box-shadow, color, fill
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button .MiniIcon {
     fill: var(--color-icon)
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--invalid {
     border-color: var(--color-danger-border)
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--invalid:focus,
 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--invalid:hover {
     border-color: var(--color-danger-border)
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--secondary {
     background: var(--color-button-background-secondary);
     border-color: var(--color-button-border-secondary);
     color: var(--color-text);
     fill: var(--color-icon);
     border-style: solid;
     border-width: 1px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--secondary:hover {
     background: var(--color-button-background-secondary-hover);
     border-color: var(--color-button-border-secondary-hover);
     color: var(--color-text);
     fill: var(--color-button-icon-secondary-hover)
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--secondary:active {
     background: var(--color-button-background-secondary-active);
     border-color: var(--color-button-border-secondary-active);
     color: var(--color-text);
     fill: var(--color-button-icon-secondary-hover)
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--secondary:focus {
     outline: none
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--secondary:focus:not(:focus-visible) {
     box-shadow: none
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--secondary:focus:not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--secondary.CustomPropertyEnumOptionsMultiPickerInput-button--disable {
     background: var(--color-button-background-primary-disabled);
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--subtle {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-weak);
     fill: var(--color-text-weak)
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--subtle:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--subtle:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--subtle:focus {
     outline: none
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--subtle:focus:not(:focus-visible) {
     box-shadow: none
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--subtle:focus:not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--subtle.CustomPropertyEnumOptionsMultiPickerInput-button--disable {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--small {
     height: 20px;
     line-height: 20px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--medium {
     line-height: 28px;
     max-height: 28px;
     min-height: 28px;
     padding: 0 8px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--medium.CustomPropertyEnumOptionsMultiPickerInput--allowMultiline {
     max-height: 92px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--large {
     line-height: 36px;
     max-height: 36px;
     min-height: 36px;
     padding: 0 12px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput-button--large.CustomPropertyEnumOptionsMultiPickerInput--allowMultiline {
     max-height: 92px
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.CustomPropertyEnumOptionsMultiPickerInput--isInsideCell {
     border-radius: 0;
     height: 100%;
     outline-width: 0;
     width: 100%
 }

 .CustomPropertyEnumOptionsMultiPickerInput-downIcon {
     flex-shrink: 0;
     margin-left: 8px;
     transition-duration: .2s;
     transition-property: opacity;
     vertical-align: bottom
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button--grid .CustomPropertyEnumOptionsMultiPickerInput-downIcon,
 .CustomPropertyEnumOptionsMultiPickerInput-button--subtle .CustomPropertyEnumOptionsMultiPickerInput-downIcon {
     opacity: 0
 }

 .CustomPropertyEnumOptionsMultiPickerInput-button.is-dropdownVisible .CustomPropertyEnumOptionsMultiPickerInput-downIcon,
 .CustomPropertyEnumOptionsMultiPickerInput-button:hover .CustomPropertyEnumOptionsMultiPickerInput-downIcon,
 .CustomPropertyEnumOptionsMultiPickerInput-button:focus .CustomPropertyEnumOptionsMultiPickerInput-downIcon {
     opacity: 1
 }

 .CustomPropertyEnumValueInput--editable {
     flex: 0 1 auto;
     min-width: 1px
 }

 .CustomPropertyEnumValueInput--empty {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyEnumValueInput--empty:hover {
     color: var(--color-text-weak);
     font-size: 10px;
     font-size: 12px
 }

 .CustomPropertyEnumValueInput--empty.CustomPropertyEnumValueInput--insideCell {
     visibility: hidden
 }

 .SpreadsheetCell:hover .CustomPropertyEnumValueInput--empty.CustomPropertyEnumValueInput--insideCell.CustomPropertyEnumValueInput--editable {
     visibility: visible
 }

 .SpreadsheetCell:focus .CustomPropertyEnumValueInput--empty.CustomPropertyEnumValueInput--insideCell.CustomPropertyEnumValueInput--editable {
     visibility: visible
 }

 .SpreadsheetCell:focus-within .CustomPropertyEnumValueInput--empty.CustomPropertyEnumValueInput--insideCell.CustomPropertyEnumValueInput--editable {
     visibility: visible
 }

 .CustomPropertyEnumValueInput--empty.CustomPropertyEnumValueInput--insideCell.CustomPropertyEnumValueInput--editable:hover,
 .CustomPropertyEnumValueInput--empty.CustomPropertyEnumValueInput--insideCell.CustomPropertyEnumValueInput--editable:focus {
     visibility: visible
 }

 .CustomPropertyEnumValueInput-option--empty {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyEnumValueInput-option--empty:hover {
     color: var(--color-text-weak);
     font-size: 10px;
     font-size: 14px
 }

 .CustomPropertyEnumValueInput--multi,
 .CustomPropertyEnumValueInput-option--multi {
     font-style: italic
 }

 .CustomPropertyEnumValueInput:not(.CustomPropertyEnumValueInput--editable) {
     align-items: center;
     cursor: default;
     display: flex;
     line-height: 24px;
     outline: none;
     padding: 4px 12px
 }

 .LayerPositioner--alignRight .CustomPropertyEnumValueInput-tokenizer {
     margin-right: -1px
 }

 .LayerPositioner--alignLeft .CustomPropertyEnumValueInput-tokenizer {
     margin-left: -1px
 }

 .LayerPositioner--below .CustomPropertyEnumValueInput-tokenizer.CustomPropertyEnumValueInput-tokenizer--small {
     margin-top: -21px
 }

 .LayerPositioner--above .CustomPropertyEnumValueInput-tokenizer.CustomPropertyEnumValueInput-tokenizer--small {
     margin-bottom: -21px
 }

 .LayerPositioner--below .CustomPropertyEnumValueInput-tokenizer.CustomPropertyEnumValueInput-tokenizer--medium {
     margin-top: -29px
 }

 .LayerPositioner--above .CustomPropertyEnumValueInput-tokenizer.CustomPropertyEnumValueInput-tokenizer--medium {
     margin-bottom: -29px
 }

 .LayerPositioner--below .CustomPropertyEnumValueInput-tokenizer.CustomPropertyEnumValueInput-tokenizer--large {
     margin-top: -37px
 }

 .LayerPositioner--above .CustomPropertyEnumValueInput-tokenizer.CustomPropertyEnumValueInput-tokenizer--large {
     margin-bottom: -37px
 }

 .CustomPropertyEnumValueInput-tokenizer.CustomPropertyEnumValueInput-tokenizer--grid {
     background-color: var(--color-background-weak);
     border: 1px solid var(--color-selected-border);
     min-width: 180px
 }

 .CustomPropertyEnumValueInput-tokenizer.CustomPropertyEnumValueInput-tokenizer--subtle {
     background-color: var(--color-background-medium);
     border: 0;
     border-radius: 4px
 }

 .CustomPropertyEnumValueInput-tokenizer.CustomPropertyEnumValueInput-tokenizer--secondary {
     background-color: var(--color-background-weak);
     border: 1px solid var(--color-border);
     border-radius: 4px
 }

 .CustomPropertyEnumValueInput-downIcon {
     flex-shrink: 0;
     margin-left: 8px;
     transition-duration: .2s;
     transition-property: opacity;
     vertical-align: bottom
 }

 .CustomPropertyEnumValueInput-button--grid .CustomPropertyEnumValueInput-downIcon,
 .CustomPropertyEnumValueInput-button--subtle .CustomPropertyEnumValueInput-downIcon {
     opacity: 0
 }

 .CustomPropertyEnumValueInput-button:hover .CustomPropertyEnumValueInput-downIcon,
 .CustomPropertyEnumValueInput-button:focus .CustomPropertyEnumValueInput-downIcon {
     opacity: 1
 }

 .CustomPropertyEnumValueInput-button {
     align-items: center;
     border-radius: 6px;
     box-sizing: border-box;
     cursor: pointer;
     display: inline-flex;
     transition-duration: .2s;
     transition-property: background, border, box-shadow, color, fill
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--invalid {
     border-color: var(--color-danger-border)
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--invalid:focus,
 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--invalid:hover {
     border-color: var(--color-danger-border)
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--secondary {
     background: var(--color-button-background-secondary);
     border-color: var(--color-button-border-secondary);
     color: var(--color-text);
     fill: var(--color-icon);
     border-style: solid;
     border-width: 1px
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--secondary:hover {
     background: var(--color-button-background-secondary-hover);
     border-color: var(--color-button-border-secondary-hover);
     color: var(--color-text);
     fill: var(--color-button-icon-secondary-hover)
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--secondary:active {
     background: var(--color-button-background-secondary-active);
     border-color: var(--color-button-border-secondary-active);
     color: var(--color-text);
     fill: var(--color-button-icon-secondary-hover)
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--secondary:focus {
     outline: none
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--secondary:focus:not(:focus-visible) {
     box-shadow: none
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--secondary:focus:not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--secondary.CustomPropertyEnumValueInputButton-button--disable {
     background: var(--color-button-background-primary-disabled);
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--subtle {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-weak);
     fill: var(--color-text-weak)
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--subtle:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--subtle:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     color: var(--color-text-weak-hover);
     fill: var(--color-text-weak-hover)
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--subtle:focus {
     outline: none
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--subtle:focus:not(:focus-visible) {
     box-shadow: none
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--subtle:focus:not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--subtle.CustomPropertyEnumValueInputButton-button--disable {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--small {
     height: 20px;
     line-height: 20px
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--medium {
     line-height: 28px;
     max-height: 28px;
     min-height: 28px;
     padding: 0 8px
 }

 .CustomPropertyEnumValueInput-button.CustomPropertyEnumValueInput-button--large {
     line-height: 36px;
     max-height: 36px;
     min-height: 36px;
     padding: 0 12px
 }

 .CustomPropertyEnumValueInput-label {
     display: flex;
     flex-grow: 1;
     overflow: hidden;
     width: 100%
 }

 .CustomPropertyEnumValueInput-label--multiple {
     font-style: italic
 }

 .CustomPropertyMultiEnumValueInputTokenizer-tokenizer {
     align-items: center;
     cursor: default;
     display: flex;
     flex-wrap: wrap
 }

 .CustomPropertyMultiEnumValueInputTokenizer-tokenizer.Tokenizer {
     border: 0;
     box-shadow: none
 }

 .CustomPropertyMultiEnumValueInputTokenizer-tokenizer.Tokenizer.Tokenizer--isFocused {
     box-shadow: none
 }

 .CustomPropertyMultiEnumValueInputTokenizer-tokenizer>* {
     font-size: 12px;
     height: 20px;
     line-height: 20px
 }

 .CustomPropertyNumberValueInput {
     flex-grow: 1
 }

 .CustomPropertyNumberValueInput.CustomPropertyNumberValueInput--disabled {
     align-items: center;
     cursor: default;
     display: flex;
     line-height: 24px;
     outline: none;
     padding: 4px 12px
 }

 .CustomPropertyNumberValueInput.CustomPropertyNumberValueInput--disabled.CustomPropertyNumberValueInput--empty {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyNumberValueInput .CustomPropertyNumberValueInput--multi {
     font-style: italic
 }

 .CustomPropertyNumberValueInput-input::-moz-placeholder {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyNumberValueInput-input:-ms-input-placeholder {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyNumberValueInput-input::placeholder {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyNumberValueInput--insideCell.CustomPropertyNumberValueInput--disabled,
 .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     font-size: 12px;
     overflow: hidden;
     text-overflow: ellipsis;
     font-variant-numeric: tabular-nums;
     text-align: right
 }

 .CustomPropertyNumberValueInput--insideCell.CustomPropertyNumberValueInput--disabled {
     display: inline-block;
     height: auto;
     line-height: normal;
     padding: 0
 }

 .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input {
     height: 100%;
     border-radius: 0;
     border-width: 0;
     box-sizing: border-box;
     padding: 0 7px
 }

 .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input:hover {
     background-color: transparent
 }

 .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input:focus {
     background-color: var(--color-background-weak);
     box-shadow: none;
     outline: none
 }

 .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input:not(:hover):not(:focus) {
     background-color: transparent
 }

 .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input::-moz-placeholder {
     color: var(--color-text-disabled);
     visibility: hidden
 }

 .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input:-ms-input-placeholder {
     color: var(--color-text-disabled);
     visibility: hidden
 }

 .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input::placeholder {
     color: var(--color-text-disabled);
     visibility: hidden
 }

 .SpreadsheetCell:hover .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input::-moz-placeholder {
     visibility: visible
 }

 .SpreadsheetCell:hover .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input:-ms-input-placeholder {
     visibility: visible
 }

 .SpreadsheetCell:hover .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input::placeholder {
     visibility: visible
 }

 .SpreadsheetCell:focus .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input::-moz-placeholder {
     visibility: visible
 }

 .SpreadsheetCell:focus .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input:-ms-input-placeholder {
     visibility: visible
 }

 .SpreadsheetCell:focus .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input::placeholder {
     visibility: visible
 }

 .SpreadsheetCell:focus-within .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input::-moz-placeholder {
     visibility: visible
 }

 .SpreadsheetCell:focus-within .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input:-ms-input-placeholder {
     visibility: visible
 }

 .SpreadsheetCell:focus-within .CustomPropertyNumberValueInput--insideCell .CustomPropertyNumberValueInput-input::placeholder {
     visibility: visible
 }

 .CustomPropertyPeopleValueInput-button {
     align-items: center;
     border-radius: 6px;
     box-sizing: border-box;
     cursor: pointer;
     display: inline-flex;
     height: 100%;
     overflow: hidden;
     transition-duration: .2s;
     transition-property: background, border, box-shadow, color, fill;
     width: 100%
 }

 .CustomPropertyPeopleValueInput-button .MiniIcon {
     fill: var(--color-icon)
 }

 .CustomPropertyPeopleValueInput-button.CustomPropertyPeopleValueInput-button--large {
     line-height: 36px;
     max-height: 36px;
     min-height: 36px;
     padding: 0 12px
 }

 .CustomPropertyPeopleValueInput-button.CustomPropertyPeopleValueInput-button--allowMultiline {
     max-height: none
 }

 .CustomPropertyPeopleValueInput-button.CustomPropertyPeopleValueInput-button--secondary {
     border-style: solid;
     border-width: 1px
 }

 .CustomPropertyPeopleValueInput-popover {
     background-color: var(--color-background-weak);
     border: 1px solid var(--color-selected-border);
     margin-left: -1px;
     min-width: 300px
 }

 .LayerPositioner--below .CustomPropertyPeopleValueInput-popover {
     margin-top: -36px
 }

 .LayerPositioner--above .CustomPropertyPeopleValueInput-popover {
     margin-bottom: -36px
 }

 .LayerPositioner--below .CustomPropertyPeopleValueInput-popover--compact {
     margin-top: -27px
 }

 .LayerPositioner--above .CustomPropertyPeopleValueInput-popover--compact {
     margin-bottom: -27px
 }

 .CustomPropertyPeopleValueInput--disabled {
     align-items: center;
     cursor: default;
     display: flex;
     line-height: 24px;
     outline: none;
     padding: 4px 12px
 }

 .CustomPropertyPeopleValueInput {
     border-width: 0;
     flex: 0 1 auto;
     min-width: 1px
 }

 .CustomPropertyPeopleValueInput--multi {
     font-style: italic
 }

 .CustomPropertyPeopleValueInput-downIcon {
     flex-shrink: 0;
     margin-left: 8px;
     transition-duration: .2s;
     transition-property: opacity;
     vertical-align: bottom
 }

 .CustomPropertyPeopleValueInput-button--grid .CustomPropertyPeopleValueInput-downIcon,
 .CustomPropertyPeopleValueInput-button--subtle .CustomPropertyPeopleValueInput-downIcon {
     opacity: 0
 }

 .CustomPropertyPeopleValueInput-button:hover .CustomPropertyPeopleValueInput-downIcon,
 .CustomPropertyPeopleValueInput-button:focus .CustomPropertyPeopleValueInput-downIcon {
     opacity: 1
 }

 .CustomPropertyPeopleValueInput-label {
     display: flex;
     flex-grow: 1;
     overflow: hidden;
     width: 100%
 }

 .CustomPropertyPeopleValueInput-button--subtle .CustomPropertyPeopleValueInput-label {
     color: var(--color-text-weak)
 }

 .CustomPropertyPeopleValueInput-button--subtle:hover .CustomPropertyPeopleValueInput-label {
     color: var(--color-text-weak-hover)
 }

 .CustomPropertyPeopleValueInput--empty {
     color: var(--color-text-weak);
     font-size: 10px;
     width: 100%
 }

 .CustomPropertyPeopleValueInput--empty:hover {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyPeopleValueInputLabel-container {
     align-items: center;
     display: flex;
     width: 100%
 }

 .CustomPropertyPeopleValueInputLabel-container--allowMultiline {
     flex-wrap: wrap;
     max-height: 84px;
     padding-bottom: 4px;
     padding-top: 4px
 }

 .CustomPropertyPeopleValueInputLabel-pill--allowMultiline {
     margin-bottom: 4px;
     margin-top: 4px
 }

 .CustomPropertyPeopleValueInputPopover {
     background-color: transparent;
     border-radius: 0;
     min-height: 35px;
     width: 100%
 }

 .CustomPropertyPeopleValueInputPopover.Tokenizer {
     border: 0;
     box-shadow: none
 }

 .CustomPropertyPeopleValueInputPopover.Tokenizer.Tokenizer--isFocused {
     box-shadow: none
 }

 .CustomPropertyPeopleValueInputPopover .Tokenizer-scrollable {
     max-height: 85px
 }

 .CustomPropertyTextValueInput {
     flex: 1 1 auto;
     min-width: 1px;
     position: relative
 }

 .CustomPropertyTextValueInput .AutogrowTextarea-input,
 .CustomPropertyTextValueInput .AutogrowTextarea-shadow {
     min-height: 0
 }

 .CustomPropertyTextValueInput.CustomPropertyTextValueInput--disabled {
     align-items: center;
     cursor: default;
     display: flex;
     line-height: 24px;
     outline: none;
     padding: 4px 12px
 }

 .CustomPropertyTextValueInput.CustomPropertyTextValueInput--disabled.CustomPropertyTextValueInput--empty {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyTextValueInput.CustomPropertyTextValueInput--multi {
     font-style: italic
 }

 .CustomPropertyTextValueInput-input,
 .CustomPropertyTextValueInput-cellInput {
     text-overflow: ellipsis;
     width: 100%
 }

 .CustomPropertyTextValueInput-input::-moz-placeholder,
 .CustomPropertyTextValueInput-cellInput::-moz-placeholder {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyTextValueInput-input:-ms-input-placeholder,
 .CustomPropertyTextValueInput-cellInput:-ms-input-placeholder {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyTextValueInput-input::placeholder,
 .CustomPropertyTextValueInput-cellInput::placeholder {
     color: var(--color-text-weak);
     font-size: 10px
 }

 .CustomPropertyTextValueInput--linkEnabled:hover .CustomPropertyTextValueInput-input,
 .CustomPropertyTextValueInput--linkEnabled:hover .CustomPropertyTextValueInput-cellInput {
     padding-right: 20px
 }

 .CustomPropertyTextValueInput--insideCell {
     height: 100%
 }

 .CustomPropertyTextValueInput--insideCell.CustomPropertyTextValueInput--disabled,
 .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     font-size: 12px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .CustomPropertyTextValueInput--insideCell.CustomPropertyTextValueInput--disabled {
     display: inline-block;
     height: auto;
     line-height: normal;
     padding: 0
 }

 .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput {
     height: 100%;
     border-radius: 0;
     border-width: 0;
     box-sizing: border-box;
     padding: 0 7px
 }

 .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput:hover {
     background-color: transparent
 }

 .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput:focus {
     background-color: var(--color-background-weak);
     box-shadow: none;
     outline: none
 }

 .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput:not(:hover):not(:focus) {
     background-color: transparent
 }

 .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput::-moz-placeholder {
     color: var(--color-text-disabled);
     visibility: hidden
 }

 .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput:-ms-input-placeholder {
     color: var(--color-text-disabled);
     visibility: hidden
 }

 .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput::placeholder {
     color: var(--color-text-disabled);
     visibility: hidden
 }

 .SpreadsheetCell:hover .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput::-moz-placeholder {
     visibility: visible
 }

 .SpreadsheetCell:hover .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput:-ms-input-placeholder {
     visibility: visible
 }

 .SpreadsheetCell:hover .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput::placeholder {
     visibility: visible
 }

 .SpreadsheetCell:focus .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput::-moz-placeholder {
     visibility: visible
 }

 .SpreadsheetCell:focus .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput:-ms-input-placeholder {
     visibility: visible
 }

 .SpreadsheetCell:focus .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput::placeholder {
     visibility: visible
 }

 .SpreadsheetCell:focus-within .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput::-moz-placeholder {
     visibility: visible
 }

 .SpreadsheetCell:focus-within .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput:-ms-input-placeholder {
     visibility: visible
 }

 .SpreadsheetCell:focus-within .CustomPropertyTextValueInput--insideCell .CustomPropertyTextValueInput-cellInput::placeholder {
     visibility: visible
 }

 .CustomPropertyTextValueInput-linkIcon {
     align-items: center;
     display: none;
     height: 100%;
     position: absolute;
     right: 4px;
     top: 0
 }

 .CustomPropertyTextValueInput:hover .CustomPropertyTextValueInput-linkIcon {
     display: flex
 }

 .CustomPropertyTextValueInput-cellInput:focus~.CustomPropertyTextValueInput-linkIcon {
     display: none
 }

 .AdvancedSearchAddFilterMenu {
     display: inline-flex
 }

 .AdvancedSearchContent {
     padding: 16px
 }

 .AdvancedSearchContent-searchBarInput {
     display: flex;
     flex: 1 1 auto;
     margin-bottom: 16px
 }

 .AdvancedSearchContent-resultType {
     margin-bottom: 16px
 }

 .AdvancedSearchContent-filter {
     margin-bottom: 16px
 }

 .AdvancedSearchContent-scrollable {
     margin: 0 -16px;
     position: relative
 }

 .AdvancedSearchContent-scrollableContent {
     margin: 2px 16px;
     max-height: calc(80vh - 80px)
 }

 .AdvancedSearchFooter {
     display: flex;
     padding-top: 16px
 }

 .AdvancedSearchFooter-addFilter {
     align-self: flex-end;
     margin-right: auto
 }

 .AdvancedSearchFooter-cancelButton {
     margin-right: 8px
 }

 .AdvancedSearchPopup {
     padding: 0;
     width: 543px
 }

 .AdvancedSearchPopup:not(.AdvancedSearchPopup--globalNavFlagOn) {
     bottom: 0;
     left: 17px;
     right: 0;
     top: -53px
 }

 .AdvancedSearchPopup.AdvancedSearchPopup--additionalMetadataUiFlagOn {
     width: 512px
 }

 .AdvancedSearchPopup.AdvancedSearchPopup--globalNavFlagOn {
     bottom: 0;
     left: 0;
     right: 0;
     top: -49px
 }

 .AdvancedSearchUpsell {
     align-items: center;
     display: flex;
     flex-direction: column;
     padding: 16px
 }

 .AdvancedSearchUpsell-premiumIconBanner {
     border-top: 2px solid var(--color-upsell-border);
     height: 25px;
     margin-top: 23px;
     position: relative;
     width: 100%
 }

 .AdvancedSearchUpsell-premiumIcon {
     left: 50%;
     position: absolute;
     top: -23px;
     transform: translateX(-50%)
 }

 .AdvancedSearchUpsell-title {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 24px;
     font-weight: 500;
     line-height: 32px;
     margin: 8px 0 32px
 }

 .AdvancedSearchUpsell-form {
     margin-bottom: 16px;
     position: relative;
     width: 100%
 }

 .AdvancedSearchUpsell-formRow {
     margin-bottom: 12px
 }

 .AdvancedSearchUpsell-image {
     margin-bottom: 16px;
     width: 100%
 }

 .AdvancedSearchUpsell-formFade {
     background: linear-gradient(to bottom, rgba(var(--color-background-weak-rgb), 0), rgba(var(--color-background-weak-rgb), 1));
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0
 }

 .AdvancedSearchUpsell-scrollableContent {
     max-height: calc(80vh - 80px)
 }

 .AdvancedSearchUpsell-footer {
     margin-top: 16px
 }

 .EnumCustomPropertyFilter {
     display: flex
 }

 .EnumCustomPropertyFilter-operatorMenu {
     flex-shrink: 0
 }

 .EnumCustomPropertyFilter-operatorMenu.EnumCustomPropertyFilter-multiPickerOperatorMenu {
     margin-right: 4px
 }

 .EnumFilter-buttonGroup {
     display: flex;
     flex: 0 1 auto
 }

 .EnumFilter-buttonGroup--wide {
     flex: 1 1 auto
 }

 .MultiEnumCustomPropertyFilter-contents {
     display: flex
 }

 .MultiEnumCustomPropertyFilter-operatorMenu {
     flex-shrink: 0;
     margin-right: 4px
 }

 .NumberCustomPropertyFilter-firstNumberInput {
     margin-left: 4px
 }

 .NumberCustomPropertyFilter-numberInput {
     width: 95px
 }

 .NumberCustomPropertyFilter-and {
     margin: 0 4px
 }

 .StringFilter {
     display: flex;
     position: relative
 }

 .StringFilter-searchInput {
     flex: 1 1 auto
 }

 .StringFilter-icon {
     fill: var(--color-icon);
     left: 8px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%)
 }

 .TextCustomPropertyFilter {
     display: flex
 }

 .TextCustomPropertyFilter-input {
     flex: 1;
     margin-left: 4px
 }

 .TopbarSearchTypeahead {
     flex: 0 0 auto;
     position: relative;
     width: 156px
 }

 .TopbarSearchTypeahead.TopbarSearchTypeahead--globalNavFlagOn {
     transition: all .15s ease-out;
     width: 480px
 }

 .TopbarSearchTypeahead-background {
     height: 100%;
     margin-left: 8px;
     padding-left: 8px;
     position: absolute;
     right: 0;
     top: 0
 }

 .TopbarSearchTypeahead-background.TopbarSearchTypeahead-background--globalNavFlagOn {
     margin-left: 0
 }

 .TopbarSearchTypeahead-label {
     position: absolute;
     right: 16px;
     top: 50%;
     transform: translateY(-50%)
 }

 .TopbarSearchTypeahead-searchInput:not(:focus)~.TopbarSearchTypeahead-label {
     display: none
 }

 .TopbarSearchTypeahead-icon {
     fill: var(--color-icon);
     left: 16px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     transition: fill .15s ease-out
 }

 .TopbarSearchTypeahead--lightAccents .TopbarSearchTypeahead-searchInput:not(:focus)~.TopbarSearchTypeahead-icon {
     fill: var(--color-icon)
 }

 .TopbarSearchTypeahead-icon.TopbarSearchTypeahead-icon--globalNavFlagOn {
     fill: var(--color-inverse-icon)
 }

 .TopbarSearchTypeahead-searchInput {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
     transition: background-color .15s ease-out, width .15s ease-out, border-color .15s ease-out;
     width: 100%
 }

 .TopbarSearchTypeahead-searchInput.TopbarSearchTypeahead-searchInput--globalNavFlagOn {
     background-color: var(--color-inverse-background-strong);
     border-color: var(--color-inverse-border);
     color: var(--color-inverse-text);
     transition: width .15s ease-out
 }

 .TopbarSearchTypeahead-searchInput.TopbarSearchTypeahead-searchInput--globalNavFlagOn:focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active-inverse)
 }

 .TopbarSearchTypeahead-searchInput.TopbarSearchTypeahead-searchInput--globalNavFlagOn::-moz-placeholder {
     color: var(--color-inverse-text-weak)
 }

 .TopbarSearchTypeahead-searchInput.TopbarSearchTypeahead-searchInput--globalNavFlagOn:-ms-input-placeholder {
     color: var(--color-inverse-text-weak)
 }

 .TopbarSearchTypeahead-searchInput.TopbarSearchTypeahead-searchInput--globalNavFlagOn::placeholder {
     color: var(--color-inverse-text-weak)
 }

 .TopbarSearchTypeahead-searchInput:not(:focus) {
     width: 140px
 }

 .TopbarSearchTypeahead--lightAccents .TopbarSearchTypeahead-searchInput:not(:focus) {
     background-color: var(--color-background-weak);
     border-style: none
 }

 .TopbarSearchTypeahead--lightAccents .TopbarSearchTypeahead-searchInput:not(:focus)::-moz-placeholder {
     color: var(--color-text-weak)
 }

 .TopbarSearchTypeahead--lightAccents .TopbarSearchTypeahead-searchInput:not(:focus):-ms-input-placeholder {
     color: var(--color-text-weak)
 }

 .TopbarSearchTypeahead--lightAccents .TopbarSearchTypeahead-searchInput:not(:focus)::placeholder {
     color: var(--color-text-weak)
 }

 .TopbarSearchTypeahead-searchInput:focus {
     width: 511px
 }

 .TopbarSearchTypeahead-searchInput:focus.TopbarSearchTypeahead-searchInput--additionalMetadataUiFlagOn {
     width: 480px
 }

 .TopbarSearchTypeahead--lightAccents .TopbarSearchTypeahead-searchInput:focus:focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active-inverse)
 }

 .TopbarSearchTypeahead-searchInput::-moz-placeholder {
     -moz-transition: color .15s ease-out;
     transition: color .15s ease-out
 }

 .TopbarSearchTypeahead-searchInput:-ms-input-placeholder {
     -ms-transition: color .15s ease-out;
     transition: color .15s ease-out
 }

 .TopbarSearchTypeahead-searchInput::placeholder {
     transition: color .15s ease-out
 }

 .TopbarSearchTypeahead-searchInput.TopbarSearchTypeahead-searchInput--globalNavFlagOn {
     width: 480px;
     -webkit-app-region: no-drag;
     background-color: var(--color-global-topbar-search-background);
     border-color: var(--color-inverse-border);
     color: var(--color-inverse-text)
 }

 .TopbarSearchTypeahead-searchInput.TopbarSearchTypeahead-searchInput--globalNavFlagOn::-moz-placeholder {
     color: var(--color-inverse-text)
 }

 .TopbarSearchTypeahead-searchInput.TopbarSearchTypeahead-searchInput--globalNavFlagOn:-ms-input-placeholder {
     color: var(--color-inverse-text)
 }

 .TopbarSearchTypeahead-searchInput.TopbarSearchTypeahead-searchInput--globalNavFlagOn::placeholder {
     color: var(--color-inverse-text)
 }

 .TopbarSearchTypeahead-searchInput.TopbarSearchTypeahead-searchInput--globalNavFlagOn:focus::-moz-placeholder {
     color: transparent
 }

 .TopbarSearchTypeahead-searchInput.TopbarSearchTypeahead-searchInput--globalNavFlagOn:focus:-ms-input-placeholder {
     color: transparent
 }

 .TopbarSearchTypeahead-searchInput.TopbarSearchTypeahead-searchInput--globalNavFlagOn:focus::placeholder {
     color: transparent
 }

 .TopbarSearchTypeaheadDropdownContents-scrollableList {
     background: var(--color-background-weak);
     max-height: 470px;
     width: 509px
 }

 .TopbarSearchTypeaheadDropdownContents-scrollableList.TopbarSearchTypeaheadDropdownContents-scrollableList--additionalMetadataUiFlagOn {
     max-height: min(640px, 80vh);
     margin-top: 4px;
     width: 480px
 }

 .TopbarSearchTypeaheadDropdownContents-scrollableList.TopbarSearchTypeaheadDropdownContents-scrollableList--loading {
     margin-bottom: 4px
 }

 .TopbarSearchTypeaheadDropdownContents-searchHeader {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     align-items: center;
     border-bottom: 1px solid var(--color-border);
     color: var(--color-text-weak);
     display: flex;
     font-weight: 500;
     height: 36px;
     padding: 0 16px
 }

 .TopbarSearchTypeaheadDropdownContents-basicSearchItem {
     padding: 4px 0
 }

 .TopbarSearchTypeaheadDropdownContents-advancedSearchItem {
     border-radius: 0 0 4px 4px
 }

 .TopbarSearchEmptyState-premiumIcon {
     fill: transparent;
     height: 14px;
     margin-left: 4px;
     vertical-align: text-bottom;
     width: 14px
 }

 .TypeaheadItemStructure--highlighted .TopbarSearchEmptyState-premiumIcon {
     fill: var(--color-upsell-icon)
 }

 .TopbarSearchNavigationItem {
     color: var(--color-text);
     display: block
 }

 .TopbarSearchNavigationItem:hover {
     text-decoration: none
 }

 .TopbarSearchPageSection-goalNavIcon {
     height: 16px;
     width: 16px
 }

 .TopbarSearchTransitionGroup {
     overflow: hidden;
     transition: .2s max-height
 }

 .TopbarSearchResultSection {
     box-shadow: inset 0 1px var(--color-border);
     padding: 4px 0;
     transition: .2s padding
 }

 .TopbarSearchResultSection--hidden {
     padding: 0
 }

 .TopbarSearchResultSection--shadowless {
     box-shadow: none
 }

 .TopbarSearchResultSection-header {
     display: flex;
     padding: 8px 16px 4px 16px
 }

 .TopbarSearchResultSection-header.TopbarSearchResultSection-header--additionalMetadataUiOff {
     align-items: flex-end;
     height: 36px;
     padding: 0 16px
 }

 .TopbarSearchSectionToggleItem {
     background: var(--color-background-weak);
     cursor: pointer;
     display: flex;
     padding: 4px 16px 8px 16px
 }

 .TopbarSearchSectionToggleItem--highlighted {
     background-color: var(--color-background-hover);
     color: var(--color-primary-text);
     fill: var(--color-primary-icon)
 }

 .TopbarSearchSectionToggleItem--additionalMetadataFlagOff {
     align-items: center;
     height: 36px;
     padding: 0 16px
 }

 .TopbarSearchSectionToggleItem-icon {
     fill: var(--color-deprecated-lightGray3);
     flex-shrink: 0;
     height: 24px;
     margin-right: 8px;
     width: 24px
 }

 .TopbarSearchSectionToggleItem--highlighted .TopbarSearchSectionToggleItem-icon {
     fill: #fff
 }

 .TopbarSearchSectionToggleItem-content {
     min-width: 1px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .grecaptcha-badge {
     visibility: hidden
 }

 .CreateWorkspaceDialogContent-workspaceEmailLabel,
 .CreateWorkspaceDialogContent-workspaceNameLabel {
     align-self: flex-start;
     flex-basis: 100%;
     padding-right: 4px;
     padding-top: 4px
 }

 .CreateWorkspaceDialogContent-workspaceNameRow {
     margin-bottom: 32px
 }

 .CreateWorkspaceDialogContent-workspaceNameInput {
     width: 100%
 }

 .CreateWorkspaceDialogContent-emailTokenizer {
     min-height: 80px
 }

 .CreateWorkspaceDialogContent-invalidEmailMessage {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     color: var(--color-danger-text);
     margin-top: 4px;
     overflow-wrap: break-word
 }

 .CreateWorkspaceLimitReachedDialog-message {
     margin-bottom: 16px
 }

 .BillingDunningErrorBanner .MessageBanner-contents {
     padding-left: 32px;
     padding-right: 32px
 }

 .FailureToast {
     align-items: flex-start;
     display: flex;
     min-width: 1px;
     padding: 8px
 }

 .FailureToast-alertLineIcon {
     flex: 0 0;
     margin-top: 2px
 }

 .FailureToast-alertLineIcon .Icon {
     fill: #fcbd01
 }

 .FailureToast-message {
     flex: 1 1;
     margin-left: 8px;
     margin-right: 8px;
     min-width: 1px;
     overflow-wrap: break-word
 }

 .FailureToast-closeButton {
     flex: 0 0
 }

 .NuxToast {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     background-color: var(--color-beta-background);
     border-radius: 0 4px 4px 0;
     box-shadow: var(--color-box-shadow-large);
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     margin-top: 48px;
     padding: 16px;
     position: relative;
     width: 256px
 }

 .NuxToast.NuxToast--isFloating {
     border-radius: 4px;
     margin: 48px 24px 24px
 }

 .NuxToast-gif {
     height: 89px;
     width: 100px
 }

 .NuxToast-gif,
 .NuxToast-illustration {
     left: 50%;
     position: absolute;
     top: -48px;
     transform: translateX(-50%)
 }

 .NuxToast-header {
     display: flex;
     justify-content: flex-end
 }

 .NuxToast-body {
     display: flex;
     flex-direction: column
 }

 .NuxToast--withImage .NuxToast-body {
     margin-top: 24px
 }

 .NuxToast-title {
     padding-bottom: 8px
 }

 .NuxToast-footer {
     align-items: center;
     display: flex;
     margin-top: 12px
 }

 .NuxToast-footer.NuxToast-footer--alignStart {
     justify-content: flex-start
 }

 .NuxToast-footer.NuxToast-footer--alignMiddle {
     justify-content: center
 }

 .NuxToast-footer.NuxToast-footer--alignEnd {
     justify-content: flex-end
 }

 .NuxToast-footer.NuxToast-footer--alignSpaced {
     justify-content: space-between
 }

 .NuxToast-button,
 .NuxToast-secondaryButton {
     flex-shrink: 0
 }

 .TipToast::before {
     background: var(--color-beta-background);
     border-top-right-radius: 4px;
     content: "";
     display: block;
     height: 8px
 }

 .TipToast-content {
     display: flex;
     padding: 16px;
     padding-left: 0
 }

 .TipToast-tip {
     flex: 1 1 auto;
     flex-direction: column
 }

 .TipToast-iconContainer {
     display: flex;
     flex: 0 0 40px;
     justify-content: center
 }

 .TipToast-iconContainer .Icon {
     fill: var(--color-icon-strong)
 }

 .TipToast-tipMessageContainer {
     display: block;
     font-size: 14px;
     overflow-wrap: break-word;
     text-align: left
 }

 .TipToast-titleContainer {
     align-items: flex-start;
     color: var(--color-text);
     display: flex;
     font-weight: 500;
     justify-content: space-between;
     margin-bottom: 4px
 }

 .TipToast-messageContainer {
     color: var(--color-text-weak)
 }

 .TipToast-footer {
     display: flex;
     justify-content: flex-end;
     margin-top: 8px
 }

 .ToastContainer {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     background: var(--color-background-weak);
     border-radius: 4px;
     box-shadow: var(--color-box-shadow-large);
     box-sizing: border-box;
     border: 0;
     border-radius: 0 4px 4px 0;
     color: var(--color-text-weak);
     overflow: hidden;
     width: 256px
 }

 .SuccessToast {
     text-align: right
 }

 .SuccessToast::before {
     background: var(--color-success-background-strong);
     border-top-right-radius: 4px;
     content: "";
     display: block;
     height: 8px
 }

 .ToastNotificationContent {
     padding: 16px
 }

 .ToastNotificationContent-firstRow {
     align-items: flex-start;
     display: flex;
     justify-content: space-between
 }

 .ToastNotificationContent-close {
     margin-left: 4px
 }

 .ToastNotificationContent-text {
     display: block;
     min-width: 1px;
     overflow-wrap: break-word;
     text-align: left
 }

 .ToastNotificationContent-undo {
     margin-top: 8px
 }

 .ApproveJoinTeamRequestsDialog-content {
     padding: 16px 32px
 }

 .ApproveJoinTeamRequestsDialog-teamName {
     color: var(--color-text-weak)
 }

 .ApproveJoinTeamRequestsDialog-upgradeBanner {
     background: var(--color-upsell-background);
     display: flex;
     margin: 2px 2px 16px;
     padding: 8px 0
 }

 .ApproveJoinTeamRequestsDialog-upgradeIcon {
     fill: var(--color-upsell-icon);
     flex-shrink: 0;
     margin-right: 8px
 }

 .ApproveJoinTeamRequestsDialog-upgradeButton {
     margin-left: auto
 }

 .JoinTeamRequestsListRow-row {
     align-items: center;
     display: flex
 }

 .JoinTeamRequestsListRow-rowAvatar {
     flex: 0 0 auto
 }

 .JoinTeamRequestsListRow-nameAndTeams {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     justify-content: center;
     padding: 0 16px
 }

 .JoinTeamRequestsListRow-name {
     color: var(--color-text);
     flex: 1 1 auto
 }

 .JoinTeamRequestsListRow-teamMemberships {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 18px;
     color: var(--color-text-weak);
     flex: 1 1 auto
 }

 .JoinTeamRequestsListRow-buttonContainer {
     display: flex;
     flex: 0 0 auto
 }

 .JoinTeamRequestsListRow-button {
     margin-right: 8px
 }

 .DropdownMenuButtonA11yExamples-constrainedMenu {
     max-height: 200px;
     max-width: 200px
 }

 .MenuA11y {
     background: var(--color-background-weak);
     border-radius: 4px;
     box-shadow: var(--color-elevation-large);
     box-sizing: border-box;
     background-color: var(--color-background-weak);
     margin-top: 2px;
     padding: 4px 0
 }

 .ThemeableMenuItemContent {
     align-items: center;
     cursor: pointer;
     display: grid;
     grid-template-areas: "leftIcon label rightIcon" ". description .";
     grid-template-columns: -webkit-min-content auto -webkit-min-content;
     grid-template-columns: min-content auto min-content;
     grid-template-rows: auto -webkit-min-content;
     grid-template-rows: auto min-content;
     min-width: 160px;
     padding: 8px 12px
 }

 .ThemeableMenuItemContent-leftIcon {
     grid-area: leftIcon;
     margin-right: 8px
 }

 .ThemeableMenuItemContent-label {
     grid-area: label
 }

 .ThemeableMenuItemContent-description {
     grid-area: description
 }

 .ThemeableMenuItemContent-rightIcon {
     grid-area: rightIcon;
     margin-left: 8px
 }

 .DangerMenuItem-content.ThemeableMenuItemContent {
     background-color: var(--color-background-weak);
     color: var(--color-danger-text);
     fill: var(--color-danger-icon)
 }

 .DangerMenuItem-content.ThemeableMenuItemContent--isHighlighted,
 .DangerMenuItem-content.ThemeableMenuItemContent:focus {
     background-color: var(--color-background-active);
     color: var(--color-danger-text-hover);
     fill: var(--color-danger-icon-hover)
 }

 .DangerMenuItem-content.DangerMenuItem-content--isDisabled.ThemeableMenuItemContent {
     background-color: var(--color-background-weak);
     color: var(--color-text-weak);
     fill: var(--color-text-weak-hover)
 }

 .DisabledMenuItem-content.ThemeableMenuItemContent {
     background-color: var(--color-background-weak);
     color: var(--color-text-disabled);
     fill: var(--color-icon-disabled)
 }

 .DisabledMenuItem-content.ThemeableMenuItemContent--isHighlighted,
 .DisabledMenuItem-content.ThemeableMenuItemContent:focus {
     background-color: var(--color-background-active);
     color: var(--color-text-disabled);
     fill: var(--color-icon-disabled)
 }

 .MenuItemA11y-content.ThemeableMenuItemContent {
     background-color: var(--color-background-weak);
     color: var(--color-text);
     fill: var(--color-icon)
 }

 .MenuItemA11y-content.ThemeableMenuItemContent--isHighlighted,
 .MenuItemA11y-content.ThemeableMenuItemContent:focus {
     background-color: var(--color-background-active);
     color: var(--color-text);
     fill: var(--color-icon-active)
 }

 .MenuSeparatorA11y {
     border: 1px solid var(--color-border);
     border-bottom: 0;
     margin: 4px 0
 }

 .PremiumIconItemA11y>.MenuItem-label {
     width: 100%
 }

 .PremiumIconItemA11y-icon {
     fill: var(--color-upsell-icon);
     margin-left: 4px
 }

 .PremiumIconItemA11y-label {
     align-items: center;
     display: flex;
     justify-content: space-between
 }

 .ThemeableSelectMenuItemContent {
     align-items: center;
     cursor: pointer;
     display: grid;
     grid-template-areas: "selectionIcon label" ". description";
     grid-template-columns: 24px auto;
     grid-template-rows: auto -webkit-min-content;
     grid-template-rows: auto min-content;
     min-width: 160px;
     padding: 8px 12px
 }

 .ThemeableSelectMenuItemContent-selectionIcon {
     grid-area: selectionIcon;
     margin-right: 8px
 }

 .ThemeableSelectMenuItemContent-label {
     grid-area: label
 }

 .ThemeableSelectMenuItemContent-description {
     grid-area: description
 }

 .SelectMenuItemWithDescription-content.ThemeableSelectMenuItemContent {
     background-color: var(--color-background-weak);
     color: var(--color-text);
     fill: var(--color-icon)
 }

 .SelectMenuItemWithDescription-content.ThemeableSelectMenuItemContent .ThemeableSelectMenuItemContent-description {
     color: var(--color-text-weak)
 }

 .SelectMenuItemWithDescription-content.ThemeableSelectMenuItemContent--isHighlighted,
 .SelectMenuItemWithDescription-content.ThemeableSelectMenuItemContent:focus {
     background-color: var(--color-background-active);
     color: var(--color-text);
     fill: var(--color-icon-active)
 }

 .SelectMenuItemWithDescription-content.ThemeableSelectMenuItemContent--isHighlighted .ThemeableSelectMenuItemContent-description,
 .SelectMenuItemWithDescription-content.ThemeableSelectMenuItemContent:focus .ThemeableSelectMenuItemContent-description {
     color: var(--color-text-weak-hover)
 }

 .SelectMenuItem-content.ThemeableSelectMenuItemContent {
     background-color: var(--color-background-weak);
     color: var(--color-text);
     fill: var(--color-icon)
 }

 .SelectMenuItem-content.ThemeableSelectMenuItemContent .ThemeableSelectMenuItemContent-description {
     color: var(--color-text-weak)
 }

 .SelectMenuItem-content.ThemeableSelectMenuItemContent--isHighlighted,
 .SelectMenuItem-content.ThemeableSelectMenuItemContent:focus {
     background-color: var(--color-background-active);
     color: var(--color-text);
     fill: var(--color-icon-active)
 }

 .SelectMenuItem-content.ThemeableSelectMenuItemContent--isHighlighted .ThemeableSelectMenuItemContent-description,
 .SelectMenuItem-content.ThemeableSelectMenuItemContent:focus .ThemeableSelectMenuItemContent-description {
     color: var(--color-text-weak-hover)
 }

 .SubmenuItemA11y-content.ThemeableMenuItemContent {
     background-color: var(--color-background-weak);
     color: var(--color-text);
     fill: var(--color-icon)
 }

 .SubmenuItemA11y-content.ThemeableMenuItemContent--isHighlighted,
 .SubmenuItemA11y-content.ThemeableMenuItemContent:focus {
     background-color: var(--color-background-active);
     color: var(--color-text);
     fill: var(--color-icon-active)
 }

 .SubmenuItemA11y-menu {
     transform: translateY(-6px)
 }

 .Breadcrumb {
     align-items: center;
     color: var(--color-text-weak);
     display: flex
 }

 .Breadcrumb.Breadcrumb--uppercase {
     text-transform: uppercase
 }

 .Breadcrumb-divider {
     fill: var(--color-icon);
     margin-left: 8px;
     margin-right: 8px
 }

 .Breadcrumb-divider.Breadcrumb-divider--compact {
     margin-left: 4px;
     margin-right: 4px
 }

 .TopbarPageHeaderStructure {
     display: flex;
     flex: 1 1 auto;
     height: 72px;
     min-width: 1px
 }

 .TopbarPageHeaderStructure-leftElement {
     align-self: center;
     margin-right: 16px
 }

 .TopbarPageHeaderStructure-titleAndNav {
     align-items: flex-start;
     box-sizing: border-box;
     display: flex;
     flex: 1;
     flex-direction: column;
     min-width: 1px
 }

 .TopbarPageHeaderStructure-titleRow--withNav {
     align-items: center;
     display: flex;
     margin-top: 8px;
     max-width: 100%;
     min-height: 32px
 }

 .TopbarPageHeaderStructure-titleRow--withoutNav {
     align-items: center;
     display: flex;
     flex: 1 0 auto;
     max-width: 100%;
     min-height: 28px
 }

 .TopbarPageHeaderStructure-navMenuRow {
     align-items: flex-end;
     align-self: stretch;
     display: flex;
     flex: 1 0 auto;
     justify-content: flex-start;
     max-width: 100%
 }

 .TopbarPageHeaderStructure-title {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 20px;
     font-weight: 500;
     line-height: 28px;
     align-items: center;
     color: var(--color-text);
     flex: 0 1 auto;
     margin-right: 4px;
     min-width: 1px;
     overflow: hidden;
     text-overflow: ellipsis;
     transition: color 200ms ease-in-out;
     white-space: nowrap
 }

 .TopbarPageHeaderStructure-title>* {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .TopbarPageHeaderStructure-title.TopbarPageHeaderStructure-title--lightAccents {
     color: var(--color-text-foreground)
 }

 .TopbarPageHeaderStructure-icons {
     align-items: center;
     display: flex
 }

 .TopbarPageHeaderStructure-titleRightElement {
     flex: 1 0 auto;
     margin-left: 8px
 }

 .TopbarPageHeaderStructure-rightChildrenWrapper {
     align-items: center;
     display: flex;
     flex: 0 0 auto;
     margin-left: auto;
     padding-left: 8px
 }

 .TopbarPageHeaderPlaceholder {
     display: flex;
     flex: 1 1 auto;
     height: 72px;
     min-width: 1px
 }

 .TopbarPageHeaderPlaceholder-leftElement {
     align-self: center;
     margin-right: 16px
 }

 .TopbarPageHeaderPlaceholder-titleAndNav {
     align-items: flex-start;
     box-sizing: border-box;
     display: flex;
     flex: 1;
     flex-direction: column;
     min-width: 1px
 }

 .TopbarPageHeaderPlaceholder-colorChip {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 12px;
     height: 48px;
     width: 48px
 }

 .TopbarPageHeaderPlaceholder-titleRow--withNav {
     align-items: center;
     display: flex;
     margin-top: 8px;
     max-width: 100%;
     min-height: 32px
 }

 .TopbarPageHeaderPlaceholder-titleRow--withoutNav {
     align-items: center;
     display: flex;
     flex: 1 0 auto;
     max-width: 100%;
     min-height: 28px
 }

 .TopbarPageHeaderPlaceholder-navMenuRow {
     align-items: flex-end;
     align-self: stretch;
     display: flex;
     flex: 1 0 auto;
     justify-content: flex-start;
     max-width: 100%
 }

 .TopbarPageHeaderPlaceholder-avatar {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     background-color: var(--color-background-medium);
     border-radius: 50%;
     height: 48px;
     width: 48px
 }

 .TopbarPageHeaderPlaceholder-title {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 12px;
     width: 175px
 }

 .TopbarPageHeaderPlaceholder-tabs {
     display: flex;
     justify-content: center
 }

 .TopbarPageHeaderPlaceholder-tab {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 12px;
     margin-bottom: 10px;
     width: 50px
 }

 .TopbarPageHeaderPlaceholder-tab:not(:first-child) {
     margin-left: 16px
 }

 .TopbarPageHeaderStructureWithBreadcrumbs {
     display: flex;
     flex: 1 1 auto;
     min-width: 1px
 }

 .TopbarPageHeaderStructureWithBreadcrumbs--withNavMenu {
     height: 98.8px
 }

 .TopbarPageHeaderStructureWithBreadcrumbs-leftChildrenWrapper {
     flex: 1 1 auto;
     min-width: 1px
 }

 .TopbarPageHeaderStructureWithBreadcrumbs-topSection {
     display: flex;
     flex: 1 1 auto;
     height: 72px;
     min-width: 1px
 }

 .TopbarPageHeaderStructureWithBreadcrumbs-leftElement {
     align-self: center;
     margin-right: 16px
 }

 .TopbarPageHeaderStructureWithBreadcrumbs-titleAndBreadcrumbs {
     align-items: flex-start;
     box-sizing: border-box;
     display: flex;
     flex: 1;
     flex-direction: column;
     min-width: 1px;
     justify-content: center
 }

 .TopbarPageHeaderStructureWithBreadcrumbs-titleRow {
     align-items: center;
     display: flex;
     max-width: 100%
 }

 .TopbarPageHeaderStructureWithBreadcrumbs-navMenuRow {
     align-items: flex-end;
     align-self: stretch;
     display: flex;
     flex: 1 0 auto;
     justify-content: flex-start;
     max-width: 100%
 }

 .TopbarPageHeaderStructureWithBreadcrumbs-title {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 20px;
     font-weight: 500;
     line-height: 28px;
     align-items: center;
     color: var(--color-text);
     flex: 0 1 auto;
     margin-right: 4px;
     min-width: 1px;
     overflow: hidden;
     text-overflow: ellipsis;
     transition: color 200ms ease-in-out;
     white-space: nowrap
 }

 .TopbarPageHeaderStructureWithBreadcrumbs-title>* {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .TopbarPageHeaderStructureWithBreadcrumbs-icons {
     align-items: center;
     display: flex
 }

 .TopbarPageHeaderStructureWithBreadcrumbs-titleRightElement {
     flex: 1 0 auto;
     margin-left: 8px
 }

 .TopbarPageHeaderStructureWithBreadcrumbs-rightChildrenWrapper {
     align-items: center;
     display: flex;
     flex: 0 0 auto;
     margin-left: auto;
     padding-left: 8px
 }

 .TopbarPageHeaderPlaceholderWithBreadcrumbs {
     background: var(--color-background-weak);
     display: flex;
     flex-direction: column
 }

 .TopbarPageHeaderPlaceholderWithBreadcrumbs--withNavMenu {
     height: 98.8px
 }

 .TopbarPageHeaderPlaceholderWithBreadcrumbs-topWrapper {
     align-items: center;
     display: flex;
     margin-top: 8px;
     max-width: 100%;
     min-height: 32px;
     flex: 1 1 auto;
     min-width: 1px
 }

 .TopbarPageHeaderPlaceholderWithBreadcrumbs-leftElement {
     display: flex;
     flex-direction: column;
     justify-content: center;
     min-width: 1px
 }

 .TopbarPageHeaderPlaceholderWithBreadcrumbs-chip {
     align-self: center;
     margin-right: 16px;
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 12px;
     height: 48px;
     width: 48px
 }

 .TopbarPageHeaderPlaceholderWithBreadcrumbs-titleAndBreadcrumbs {
     align-items: flex-start;
     box-sizing: border-box;
     display: flex;
     flex: 1;
     flex-direction: column;
     min-width: 1px;
     justify-content: center
 }

 .TopbarPageHeaderPlaceholderWithBreadcrumbs-title {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 12px;
     width: 175px
 }

 .TopbarPageHeaderPlaceholderWithBreadcrumbs-navMenuRow {
     align-items: flex-end;
     align-self: stretch;
     display: flex;
     flex: 1 0 auto;
     justify-content: flex-start;
     max-width: 100%;
     justify-content: center
 }

 .TopbarPageHeaderPlaceholderWithBreadcrumbs-tab {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 12px;
     margin-bottom: 10px;
     width: 50px
 }

 .TopbarPageHeaderPlaceholderWithBreadcrumbs-tab:not(:first-child) {
     margin-left: 16px
 }

 .PageHeaderChipButton {
     border-radius: 12px;
     cursor: pointer;
     outline: none;
     position: relative
 }

 .PageHeaderChipButton:focus-visible {
     box-shadow: 0 0 0 2px var(--color-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active)
 }

 .PageHeaderChipButton::after {
     bottom: 0;
     content: "";
     left: 0;
     pointer-events: none;
     position: absolute;
     right: 0;
     top: 0
 }

 .PageHeaderChipButton:hover::after,
 .PageHeaderChipButton:focus::after {
     background-color: rgba(0, 0, 0, .05);
     border-radius: 12px
 }

 .PageHeaderChipButton:active::after {
     background-color: rgba(0, 0, 0, .1)
 }

 .PageHeaderChipButton.PageHeaderChipButton--isExpanded::after {
     background-color: rgba(0, 0, 0, .1)
 }

 .PageHeaderIcon-dropdown {
     margin-top: 8px
 }

 .StatusUpdateHeaderWidget {
     align-items: center;
     cursor: pointer;
     display: flex
 }

 .StatusUpdateHeaderWidget-addStatusPromptDot {
     border-radius: 4px;
     display: inline-block;
     flex: 0 0 auto;
     height: 6px;
     width: 6px;
     border: 1px solid var(--color-text-weak);
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
     margin-right: 6px
 }

 .StatusUpdateHeaderWidget-addStatusPromptText {
     color: var(--color-text-weak)
 }

 .StatusUpdateHeaderWidget-addStatusPrompt {
     align-items: center;
     display: flex
 }

 .StatusUpdateHeaderWidget-addStatusPrompt:hover .StatusUpdateHeaderWidget-addStatusPromptDot {
     border: 1px solid var(--color-text)
 }

 .StatusUpdateHeaderWidget-addStatusPrompt:hover .StatusUpdateHeaderWidget-addStatusPromptText {
     color: var(--color-text)
 }

 .StatusUpdateColorSelectDropdownButton.is-dropdownVisible .StatusUpdateColorSelectDropdownButton-arrowDownIcon {
     display: block
 }

 .StatusUpdateColorSelectDropdownButton-addStatusPromptDot {
     border-radius: 6px;
     display: inline-block;
     flex: 0 0 auto;
     height: 10px;
     width: 10px;
     border: 1px solid var(--color-text-weak);
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
     margin-right: 6px
 }

 .StatusUpdateColorSelectDropdownButton-subtleButton:focus-visible .StatusUpdateColorSelectDropdownButton-arrowDownIcon {
     display: block
 }

 .StatusUpdateColorSelectDropdownButton-subtleButton.ThemeableRectangularButton--medium {
     font-size: 14px
 }

 .StatusUpdateColorSelectDropdownButton-subtleButton.ThemeableRectangularButton--medium {
     font-weight: 400
 }

 .StatusUpdateColorSelectDropdownButton-subtleButton.StatusUpdateColorSelectDropdownButton-subtleButton--isComplete.ThemeableRectangularButton {
     background: var(--color-success-background-strong);
     border-color: var(--color-success-background-strong);
     color: var(--color-selected-text-strong);
     fill: var(--color-selected-icon-strong)
 }

 .StatusUpdateColorSelectDropdownButton-subtleButton.StatusUpdateColorSelectDropdownButton-subtleButton--isComplete.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-success-background-strong-hover);
     border-color: var(--color-success-background-strong-hover);
     color: var(--color-selected-text-hover);
     fill: var(--color-selected-icon-strong)
 }

 .StatusUpdateColorSelectDropdownButton-subtleButton:hover .StatusUpdateColorSelectDropdownButton-arrowDownIcon {
     display: block
 }

 .StatusUpdateColorSelectDropdownButton-arrowDownIcon {
     display: none
 }

 .StatusUpdateColorSelectDropdownButton-arrowDownIcon .Icon {
     fill: var(--color-text-weak)
 }

 .StatusUpdateColorSelectDropdownButton-checkMiniIcon {
     display: block
 }

 .SubtleFavoriteStarButton.ThemeableIconButton {
     border-radius: 6px
 }

 .SubtleFavoriteStarButton.ThemeableIconButton:focus {
     outline: none
 }

 .SubtleFavoriteStarButton.ThemeableIconButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .SubtleFavoriteStarButton.ThemeableIconButton:focus:not(.ThemeableIconButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorRed.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-red-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorRed.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-red-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorRed.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorRed.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-red-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorRed.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-red-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorRed.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-red-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorRed.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorRed.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-red-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorRed.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-red-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorRed.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorRed.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-red-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorRed.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-red-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorRed.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorRed.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-red-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorOrange.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-orange-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorOrange.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-orange-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorOrange.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorOrange.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-orange-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorOrange.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-orange-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorOrange.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-orange-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorOrange.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorOrange.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-orange-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorOrange.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-orange-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorOrange.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorOrange.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-orange-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorOrange.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-orange-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorOrange.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorOrange.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-orange-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorYellowOrange.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-yellow-orange-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorYellowOrange.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-orange-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorYellowOrange.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorYellowOrange.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-orange-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellowOrange.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-yellow-orange-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellowOrange.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-orange-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellowOrange.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellowOrange.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-orange-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorYellowOrange.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-orange-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorYellowOrange.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorYellowOrange.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-orange-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellowOrange.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-orange-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellowOrange.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellowOrange.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-orange-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorYellow.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-yellow-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorYellow.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorYellow.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorYellow.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellow.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-yellow-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellow.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellow.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellow.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorYellow.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorYellow.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorYellow.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellow.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellow.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellow.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorYellowGreen.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-yellow-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorYellowGreen.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorYellowGreen.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorYellowGreen.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellowGreen.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-yellow-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellowGreen.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellowGreen.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellowGreen.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-green-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorYellowGreen.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-green-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorYellowGreen.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorYellowGreen.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-green-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellowGreen.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-green-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellowGreen.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorYellowGreen.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-yellow-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorGreen.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorGreen.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorGreen.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorGreen.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorGreen.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorGreen.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorGreen.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorGreen.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-green-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorGreen.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-green-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorGreen.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorGreen.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-green-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorGreen.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-green-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorGreen.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorGreen.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorBlueGreen.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-blue-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorBlueGreen.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorBlueGreen.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorBlueGreen.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorBlueGreen.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-blue-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorBlueGreen.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorBlueGreen.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorBlueGreen.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-green-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorBlueGreen.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-green-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorBlueGreen.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorBlueGreen.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-green-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorBlueGreen.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-green-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorBlueGreen.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorBlueGreen.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-green-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorAqua.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-aqua-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorAqua.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-aqua-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorAqua.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorAqua.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-aqua-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorAqua.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-aqua-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorAqua.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-aqua-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorAqua.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorAqua.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-aqua-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorAqua.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-aqua-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorAqua.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorAqua.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-aqua-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorAqua.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-aqua-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorAqua.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorAqua.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-aqua-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorBlue.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-blue-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorBlue.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorBlue.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorBlue.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorBlue.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-blue-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorBlue.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorBlue.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorBlue.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorBlue.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorBlue.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorBlue.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorBlue.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorBlue.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorBlue.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-blue-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorIndigo.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-indigo-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorIndigo.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-indigo-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorIndigo.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorIndigo.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-indigo-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorIndigo.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-indigo-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorIndigo.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-indigo-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorIndigo.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorIndigo.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-indigo-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorIndigo.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-indigo-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorIndigo.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorIndigo.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-indigo-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorIndigo.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-indigo-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorIndigo.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorIndigo.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-indigo-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorPurple.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-purple-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorPurple.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-purple-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorPurple.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorPurple.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-purple-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorPurple.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-purple-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorPurple.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-purple-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorPurple.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorPurple.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-purple-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorPurple.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-purple-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorPurple.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorPurple.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-purple-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorPurple.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-purple-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorPurple.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorPurple.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-purple-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorMagenta.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-magenta-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorMagenta.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-magenta-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorMagenta.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorMagenta.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-magenta-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorMagenta.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-magenta-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorMagenta.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-magenta-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorMagenta.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorMagenta.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-magenta-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorMagenta.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-magenta-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorMagenta.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorMagenta.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-magenta-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorMagenta.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-magenta-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorMagenta.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorMagenta.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-magenta-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorHotPink.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-hot-pink-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorHotPink.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-hot-pink-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorHotPink.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorHotPink.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-hot-pink-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorHotPink.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-hot-pink-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorHotPink.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-hot-pink-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorHotPink.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorHotPink.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-hot-pink-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorHotPink.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-hot-pink-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorHotPink.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorHotPink.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-hot-pink-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorHotPink.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-hot-pink-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorHotPink.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorHotPink.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-hot-pink-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorPink.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-pink-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorPink.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-pink-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorPink.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorPink.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-pink-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorPink.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-pink-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorPink.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-pink-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorPink.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorPink.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-pink-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorPink.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-pink-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorPink.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorPink.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-pink-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorPink.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-pink-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorPink.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorPink.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-pink-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorCoolGray.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-cool-gray-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorCoolGray.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-cool-gray-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorCoolGray.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--colorCoolGray.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-cool-gray-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorCoolGray.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-customization-cool-gray-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorCoolGray.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-cool-gray-background)
 }

 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorCoolGray.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--favorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorCoolGray.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-cool-gray-background)
 }

 .SubtleFavoriteStarButton--notFavorited.ThemeableIconButton {
     background: var(--color-button-background-subtle);
     border-color: var(--color-button-background-subtle);
     fill: var(--color-text-weak)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorNone.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: #fcbd01
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorCoolGray.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-cool-gray-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorCoolGray.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--colorCoolGray.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-cool-gray-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorCoolGray.ThemeableIconButton--isEnabled:hover {
     background: var(--color-background-hover);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-cool-gray-background)
 }

 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorCoolGray.ThemeableIconButton--isEnabled.ThemeableIconButton--isActive,
 .SubtleFavoriteStarButton--notFavorited.SubtleFavoriteStarButton--deuteranopia.SubtleFavoriteStarButton--colorCoolGray.ThemeableIconButton--isEnabled:active {
     background: var(--color-background-active);
     border-color: var(--color-button-border-subtle);
     fill: var(--color-customization-cool-gray-background)
 }

 .CommentOnlyInfo {
     cursor: default
 }

 .CommentOnlyInfo-icon {
     fill: var(--color-icon-disabled);
     margin-right: 4px
 }

 .CommentOnlyInfo-text {
     color: var(--color-text-disabled);
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .PageToolbarStructure {
     height: 40px;
     align-items: center;
     background-color: var(--color-background-weak);
     border-bottom: 1px solid var(--color-border);
     border-top: 1px solid var(--color-border);
     display: flex;
     flex: 0 0 auto;
     padding-left: 24px;
     padding-right: 24px;
     position: relative
 }

 .PageToolbarStructure.PageToolbarStructure--medium {
     height: 40px
 }

 .PageToolbarStructure.PageToolbarStructure--large {
     height: 56px
 }

 .PageToolbarStructure.PageToolbarStructure--xlarge {
     height: 64px
 }

 .PageToolbarStructure--withSeparatorDots>.PageToolbarStructure-leftChildren>*:not(:first-child):not(noscript)::before {
     content: "·";
     font-weight: 700;
     margin-right: 4px
 }

 .PageToolbarStructure--withShadow {
     border-bottom: 0;
     border-top: 1px solid var(--color-border);
     box-shadow: var(--color-box-shadow-small)
 }

 .PageToolbarStructure--withoutTopBorder {
     border-top: 0
 }

 .PageToolbarStructure--withoutBottomBorder {
     border-bottom: 0
 }

 .PageToolbarStructure-leftChildren {
     align-items: center;
     display: flex;
     margin-right: auto;
     overflow: hidden;
     padding-right: 8px
 }

 .PageToolbarStructure-leftChildren>*:not(:first-child):not(noscript) {
     margin-left: 4px
 }

 .PageToolbarStructure-rightChildren {
     align-items: center;
     display: flex;
     margin-left: auto
 }

 .PageToolbarStructure-rightChildren>* {
     margin-left: 8px
 }

 .CompletionMenuStructure-removeButton {
     margin-left: 8px
 }

 .CompletionMenuStructure-tooManyTasksWarning {
     padding: 16px
 }

 .DropdownMenuButtonOptional-loading {
     padding: 16px
 }

 .PageToolbarDivider {
     background: var(--color-border);
     height: 16px;
     width: 1px
 }

 .PageToolbarInfoDisplay {
     align-items: center;
     color: var(--color-text-weak);
     display: flex;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 12px
 }

 .PageToolbarInfoDisplayPlaceholder {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 12px;
     height: 28px;
     width: 80px
 }

 .PageToolbarPlaceholder-leftChild,
 .PageToolbarPlaceholder-rightChild {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 12px;
     height: 28px;
     width: 100px
 }

 .PageToolbarPlaceholder-rightChild {
     margin-left: 8px
 }

 .ProjectStatusInfo {
     cursor: pointer
 }

 .SortMenuStructure-menu {
     max-height: 520px;
     overflow-y: auto
 }

 @media screen and (max-height: 664px) {
     .SortMenuStructure-menu {
         max-height: calc(100vh - 144px)
     }
 }

 .SortMenuStructure-menu>.Menu-menuItem {
     position: initial
 }

 .SortMenuStructure-tooManyTasksWarning {
     padding: 16px
 }

 .SortMenuStructure-removeButton {
     margin-left: 8px
 }

 .ToggleMenuItem {
     display: flex;
     justify-content: space-between
 }

 .ToggleMenuItem>.MenuItem-label {
     display: inline-flex;
     width: 100%
 }

 .ToggleMenuItem-label {
     align-items: center;
     display: inline-flex;
     flex-shrink: 1;
     justify-content: space-between;
     min-width: 1px;
     width: 100%
 }

 .ToggleMenuItem-name {
     flex-shrink: 1;
     margin-right: 8px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .ToggleMenuItem-switch {
     flex-shrink: 0
 }

 .AnnouncementTopBar {
     align-items: center;
     box-sizing: border-box;
     display: flex;
     flex-shrink: 0;
     justify-content: space-between;
     min-height: 60px;
     min-width: 920px;
     padding: 0 24px
 }

 .AnnouncementTopBar--animated {
     -webkit-animation: AnnouncementTopBar-slide 400ms ease-out;
     animation: AnnouncementTopBar-slide 400ms ease-out
 }

 @-webkit-keyframes AnnouncementTopBar-slide {
     from {
         margin-bottom: -60px;
         transform: translateY(-60px)
     }

     to {
         margin-bottom: 0;
         transform: translateY(0)
     }
 }

 @keyframes AnnouncementTopBar-slide {
     from {
         margin-bottom: -60px;
         transform: translateY(-60px)
     }

     to {
         margin-bottom: 0;
         transform: translateY(0)
     }
 }

 .AnnouncementTopBar--danger {
     background: var(--color-danger-background-strong)
 }

 .AnnouncementTopBar--warning {
     background: var(--color-warning-background-strong)
 }

 .AnnouncementTopBar--announcement {
     background: var(--color-primary-background-strong)
 }

 .AnnouncementTopBar--survey {
     background: var(--color-primary-background-strong)
 }

 .AnnouncementTopBar-leftChildren {
     align-items: center;
     display: flex;
     justify-content: space-between;
     width: 100%
 }

 .AnnouncementTopBar--survey .AnnouncementTopBar-leftChildren {
     justify-content: center
 }

 .AnnouncementTopBar-messageContainer {
     align-items: center;
     display: flex;
     justify-content: left;
     padding: 8px 0
 }

 .AnnouncementTopBar-buttonContainer {
     display: flex;
     flex-shrink: 0
 }

 .AnnouncementTopBar-icon {
     margin-right: 24px
 }

 .AnnouncementTopBar-icon--danger {
     fill: var(--color-danger-icon-strong)
 }

 .AnnouncementTopBar-icon--warning {
     fill: var(--color-warning-icon-strong)
 }

 .AnnouncementTopBar-icon--announcement {
     fill: var(--color-primary-icon-strong)
 }

 .AnnouncementTopBar-icon--survey {
     fill: var(--color-primary-icon-strong)
 }

 .AnnouncementTopBar-icon--tile {
     background: var(--color-background-weak);
     border-radius: 4px;
     display: flex;
     padding: 4px
 }

 .AnnouncementTopBar-secondaryActionButton,
 .AnnouncementTopBar-actionButton {
     margin-left: 16px
 }

 .AnnouncementTopBar-dismissButton {
     margin-left: 16px
 }

 .DeprecatedAnnouncementTopBar {
     align-items: center;
     box-sizing: border-box;
     display: flex;
     justify-content: center;
     min-height: 80px;
     min-width: 920px;
     padding: 0 24px
 }

 .DeprecatedAnnouncementTopBar--warning {
     background: var(--color-warning-background-strong)
 }

 .DeprecatedAnnouncementTopBar--warning .DeprecatedAnnouncementTopBar-message,
 .DeprecatedAnnouncementTopBar--warning .DeprecatedAnnouncementTopBar-headlineLink,
 .DeprecatedAnnouncementTopBar--warning .DeprecatedAnnouncementTopBar-icon {
     color: var(--color-warning-text-strong);
     fill: var(--color-warning-icon-strong)
 }

 .DeprecatedAnnouncementTopBar--announcement {
     background: var(--color-primary-background-strong)
 }

 .DeprecatedAnnouncementTopBar--announcement .DeprecatedAnnouncementTopBar-message,
 .DeprecatedAnnouncementTopBar--announcement .DeprecatedAnnouncementTopBar-headlineLink,
 .DeprecatedAnnouncementTopBar--announcement .DeprecatedAnnouncementTopBar-icon {
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-icon-strong)
 }

 .DeprecatedAnnouncementTopBar--overage {
     background: var(--color-success-background-strong)
 }

 .DeprecatedAnnouncementTopBar--overage .DeprecatedAnnouncementTopBar-message,
 .DeprecatedAnnouncementTopBar--overage .DeprecatedAnnouncementTopBar-headlineLink,
 .DeprecatedAnnouncementTopBar--overage .DeprecatedAnnouncementTopBar-icon {
     color: var(--color-success-text-strong);
     fill: var(--color-success-icon-strong)
 }

 .DeprecatedAnnouncementTopBar-icon {
     margin-right: 32px
 }

 .DeprecatedAnnouncementTopBar-actionButton {
     margin-left: 32px;
     white-space: nowrap
 }

 .DeprecatedAnnouncementTopBar-message,
 .DeprecatedAnnouncementTopBar-headlineLink {
     text-align: center
 }

 .DeprecatedAnnouncementTopBar--overage .DeprecatedAnnouncementTopBar-message,
 .DeprecatedAnnouncementTopBar--overage .DeprecatedAnnouncementTopBar-headlineLink {
     width: 550px
 }

 .DeprecatedAnnouncementTopBar-messageContainer {
     align-items: center;
     display: flex;
     flex: 1;
     justify-content: center;
     padding: 16px 0
 }

 .DeprecatedAnnouncementTopBar-messageBody {
     font-size: 14px;
     font-weight: normal;
     line-height: 22px;
     width: 750px
 }

 .DeprecatedAnnouncementTopBar-headline {
     font-size: 16px;
     font-weight: normal;
     margin-bottom: 4px
 }

 .DeprecatedAnnouncementTopBar-dismissButton {
     margin-left: 32px
 }

 .NotificationTopBar {
     background: var(--color-background-medium);
     display: flex;
     flex-direction: column;
     flex-shrink: 0
 }

 .NotificationTopBar-contents {
     align-items: center;
     box-sizing: border-box;
     display: flex;
     height: 40px;
     min-width: 920px;
     padding: 0 24px
 }

 .NotificationTopBar-icon {
     fill: var(--color-icon);
     flex: 0 0 auto
 }

 .NotificationTopBar-titleAndDescription {
     color: var(--color-text);
     flex: 1 1 auto;
     margin: 0 8px;
     min-width: 1px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .NotificationTopBar-title {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     font-weight: 500
 }

 .NotificationTopBar-description {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     font-weight: 400
 }

 .NotificationTopBar-actionButton {
     flex: 0 0 auto;
     margin-left: 32px
 }

 .NotificationTopBar-extraActionButton {
     margin-left: 8px
 }

 .NotificationTopBar-closeButton {
     flex: 0 0 auto;
     margin-left: 32px
 }

 .NotificationTopBar-buttonContainer {
     flex: 0 0 auto
 }

 .BillingPagePrimaryButton.BillingPagePrimaryButton--largeText.ThemeableRectangularButton--large {
     font-size: 16px
 }

 .BillingPagePrimaryButton.ThemeableRectangularButton {
     background: var(--color-primary-background-strong);
     border-color: var(--color-primary-background-strong);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-icon-strong)
 }

 .BillingPagePrimaryButton.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-primary-background-strong-hover);
     border-color: var(--color-primary-background-strong-hover);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-icon-strong)
 }

 .BillingPagePrimaryButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .BillingPagePrimaryButton.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-primary-background-strong-active);
     border-color: var(--color-primary-background-strong-active);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-icon-strong)
 }

 .BillingPagePrimaryButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .BillingPagePrimaryButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .BillingPagePrimaryButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-background-weak), 0 0 0 4px var(--color-a11y-selected-border-active)
 }

 .BillingPagePrimaryButton.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: #fff;
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 .BillingPageSecondaryButton.BillingPageSecondaryButton--largeText.ThemeableRectangularButton--large {
     font-size: 16px
 }

 .BillingPageSecondaryButton.ThemeableRectangularButton {
     background: var(--color-background-weak);
     border-color: var(--color-primary-background-strong);
     color: var(--color-primary-background-strong);
     fill: var(--color-primary-background-strong)
 }

 .BillingPageSecondaryButton.ThemeableRectangularButton--isEnabled:hover {
     background: var(--color-primary-background-strong-hover);
     border-color: var(--color-primary-background-strong-hover);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-text-strong)
 }

 .BillingPageSecondaryButton.ThemeableRectangularButton--isEnabled.ThemeableRectangularButton--isActive,
 .BillingPageSecondaryButton.ThemeableRectangularButton--isEnabled:active {
     background: var(--color-primary-background-strong-active);
     border-color: var(--color-primary-background-strong-active);
     color: var(--color-primary-text-strong);
     fill: var(--color-primary-text-strong)
 }

 .BillingPageSecondaryButton.ThemeableRectangularButton:focus {
     outline: none
 }

 .BillingPageSecondaryButton.ThemeableRectangularButton:focus:not(:focus-visible) {
     box-shadow: none
 }

 .BillingPageSecondaryButton.ThemeableRectangularButton:focus:not(.ThemeableRectangularButton--isActive):not(:active):focus-visible {
     box-shadow: 0 0 0 2px var(--color-a11y-selected-border-active)
 }

 .BillingPageSecondaryButton.ThemeableRectangularButton.ThemeableRectangularButton--isDisabled {
     background: var(--color-background-weak);
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     fill: var(--color-text-disabled)
 }

 /* .FakePageHeaderBoxShadow {
     box-shadow: var(--color-box-shadow-small);
     height: 3px;
     left: 0;
     opacity: 0;
     position: absolute;
     right: 0;
     top: -3px;
     transition: opacity 250ms;
     z-index: 1
 } */

 .FakePageHeaderBoxShadow.FakePageHeaderBoxShadow-shadowVisible {
     opacity: 1
 }

 .BillingPageContainer {
     background-color: var(--color-background-medium);
     display: flex;
     flex-direction: column;
     flex-grow: 1;
     min-width: 920px;
     overflow: hidden
 }

 .BillingPageContainer-header {
     align-items: center;
     background: #5B9CD6;
     /* display: inline-block; */
     height: 103px;
     justify-content: space-between;
     padding: 0 24px;
     position: relative;
     z-index: 2;
     align-items: center;
     text-align: center;
     width: 461px;
     margin: 0 auto;
 }

 img.logo-site {
     margin-top: 12px;
 }

 .BillingPageContainerChatCta {
     margin-bottom: 24px;
 }

 .BillingPageContainer-main {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     min-height: 1px;
     overflow: hidden;
     position: relative
 }

 .BillingPageContainer-scrollable {
     flex-grow: 1;
     overflow-x: hidden
 }

 .BillingPageContainer-footer {
     flex: 0 0 auto
 }

 .BillingPageContainerChatCta-button {
     margin-left: 16px
 }

 .BillingPageContainerLogoLink:focus {
     outline: inherit
 }

 .LightAssetFrame {
     background: var(--color-light-asset-background);
     border-radius: 12px;
     padding: 12px
 }

 .EmptyState {
     align-items: center;
     display: flex;
     flex-direction: column
 }

 .EmptyState.EmptyState--small.EmptyState--fixedWidth {
     min-width: 400px;
     width: 400px
 }

 .EmptyState.EmptyState--small.EmptyState--flexibleWidth {
     flex-grow: 1;
     max-width: 400px
 }

 .EmptyState.EmptyState--medium.EmptyState--fixedWidth {
     min-width: 600px;
     width: 600px
 }

 .EmptyState.EmptyState--medium.EmptyState--flexibleWidth {
     flex-grow: 1;
     max-width: 600px
 }

 .EmptyState.EmptyState--large.EmptyState--fixedWidth {
     min-width: 800px;
     width: 800px
 }

 .EmptyState.EmptyState--large.EmptyState--flexibleWidth {
     flex-grow: 1;
     max-width: 800px
 }

 .EmptyState--small .EmptyState-cta,
 .EmptyState--medium .EmptyState-cta {
     margin-top: 16px
 }

 .EmptyState--large .EmptyState-cta {
     margin-top: 24px
 }

 .EmptyStateCta {
     align-items: center;
     display: flex;
     flex-direction: column
 }

 .EmptyStateCta-buttonRow {
     margin-top: 32px
 }

 .EmptyStateCta-button:not(:last-of-type) {
     margin-right: 8px
 }

 .EmptyStateText.EmptyStateText--small.EmptyStateText--fixedWidth {
     width: 400px
 }

 .EmptyStateText.EmptyStateText--small.EmptyStateText--flexibleWidth {
     flex-grow: 1;
     max-width: 400px
 }

 .EmptyStateText.EmptyStateText--medium.EmptyStateText--fixedWidth {
     width: 600px
 }

 .EmptyStateText.EmptyStateText--medium.EmptyStateText--flexibleWidth {
     flex-grow: 1;
     max-width: 600px
 }

 .EmptyStateText.EmptyStateText--large.EmptyStateText--fixedWidth {
     width: 800px
 }

 .EmptyStateText.EmptyStateText--large.EmptyStateText--flexibleWidth {
     flex-grow: 1;
     max-width: 800px
 }

 .EmptyStateText--small .EmptyStateText-heading,
 .EmptyStateText--medium .EmptyStateText-heading {
     margin-bottom: 16px
 }

 .EmptyStateText--large .EmptyStateText-heading {
     margin-bottom: 24px
 }

 .EmptyStateVideoCta {
     align-items: center;
     background: var(--color-background-weak);
     display: flex;
     flex-direction: column;
     height: 100%;
     padding-top: 48px
 }

 .EmptyStateVideoCta-mediaContainer {
     margin-top: 32px
 }

 .EmptyStateVideoCta-mediaContainer.EmptyStateVideoCta-mediaContainer--withFrame {
     border: 1px solid var(--color-border);
     border-radius: 8px
 }

 .EmptyStateVideoCta-media--small {
     height: 360px
 }

 .EmptyStateVideoCta-media--medium {
     height: 480px;
     max-width: 720px
 }

 .Pane {
     background-color: var(--color-background-weak);
     box-shadow: var(--color-box-shadow-small)
 }

 .GoalIndexAccessDenied-container,
 .AccessDeniedWithCallToActionAsanaView-container,
 .AccessDeniedRequestConfirmationAsanaView-container,
 .AccessDeniedAsanaView-container {
     align-items: center;
     background-color: var(--color-background-weak);
     display: flex;
     flex: 1 1 auto;
     flex-flow: column nowrap;
     justify-content: flex-start
 }

 .GoalIndexAccessDenied-footer,
 .AccessDeniedWithCallToActionAsanaView-subText,
 .AccessDeniedRequestConfirmationAsanaView-subText,
 .AccessDeniedAsanaView-subText {
     color: var(--color-text-weak);
     font-size: 14px;
     margin-top: 24px;
     text-align: center;
     width: 400px
 }

 .AccessDeniedAsanaView-emptyState {
     margin: 48px
 }

 .AccessDeniedPage {
     box-sizing: border-box;
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     height: 100%
 }

 .AccessDeniedPage-pane {
     border-radius: 4px;
     display: flex;
     flex: 1 1 auto;
     position: relative
 }

 .AccessDeniedPage-loading {
     margin-top: 32px
 }

 .AccessDeniedRequestConfirmationAsanaView-emptyState {
     margin: 48px
 }

 .AccessDeniedWithCallToActionAsanaView-emptyState {
     margin: 48px
 }

 .BillingFaq {
     padding: 0 24px
 }

 .BillingFaq-content {
     -moz-column-count: 2;
     column-count: 2;
     -moz-column-gap: 40px;
     column-gap: 40px;
     margin: 8px 0 64px
 }

 .BillingFaq-entry {
     display: inline-block
 }

 .BillingFaq-questionText {
     margin: 24px 0 4px
 }

 .BillingFaq-title {
     position: relative
 }

 .BillingFaq-title::before,
 .BillingFaq-title::after {
     border-top: 1px solid var(--color-border);
     content: "";
     position: absolute;
     top: 50%;
     width: 30%
 }

 .BillingFaq-title::before {
     right: 0
 }

 .BillingFaq-title::after {
     left: 0
 }

 .BillingFaq-navigation {
     align-items: center;
     display: flex;
     flex-direction: column
 }

 .BillingFaq-navigationButton {
     margin-top: 8px
 }

 .BillingHeader {
     align-items: center;
     display: flex;
     flex-direction: column
 }

 .BillingHeader-heading {
     margin-bottom: 24px
 }

 .BillingPageWithFaq {
     display: flex;
     flex-direction: column;
     justify-content: center
 }

 .BillingPageWithFaq-faqSection {
     margin: 80px auto 48px;
     max-width: 900px
 }

 .BillingPageWithFaq-newFaqSection {
     margin: 80px auto 12px;
     max-width: 900px
 }

 .BillingPageWithFaq-captchaNotice {
     margin-bottom: 48px
 }

 .BillingSubmitLoading {
     align-items: center;
     display: flex;
     flex-direction: column;
     margin: 48px 24px 0
 }

 .BillingSubmitLoading-loadingIndicator {
     margin-top: 32px
 }

 .BillingVerticalLayout {
     align-items: center;
     display: flex;
     flex-direction: column
 }

 .BillingVerticalLayout-container {
     align-items: center;
     display: flex;
     flex-direction: column;
     max-width: 840px;
     width: 840px
 }

 .BillingVerticalLayout-header {
     margin: 48px 0 32px
 }

 .BillingVerticalLayout-buttonRow {
     margin-top: 48px
 }

 .BillingVerticalLayout-button+.BillingVerticalLayout-button {
     margin-left: 8px
 }

 .BillingVerticalLayout-footerText {
     margin-top: 24px;
     max-width: 480px
 }

 .BillingBlockBanner-content {
     padding: 8px
 }

 .BillingBlockBanner-icon {
     fill: var(--color-warning-icon);
     margin-right: 8px
 }

 .ErrorBanner .MessageBanner-contents {
     padding-left: 32px;
     padding-right: 32px
 }

 .BillingCancelPlanChangesLink-cancelLinkContainer {
     display: flex;
     justify-content: center
 }

 .BillingCardContentBody {
     padding: 0 24px
 }

 .BillingCardContentBody.BillingCardContentBody--narrow {
     padding: 0 16px
 }

 .BillingCardHeaderRow {
     margin-bottom: 16px;
     padding: 0 24px
 }

 .BillingCardTwoColumnRow {
     display: flex;
     flex-flow: row nowrap;
     justify-content: space-between
 }

 .BillingCardTwoColumnRow.BillingCardTwoColumnRow--centerVerticalAlign {
     align-items: center
 }

 .BillingCardTwoColumnRow.BillingCardTwoColumnRow--bottomVerticalAlign {
     align-items: flex-end
 }

 .BillingCardTwoColumnRow-column--16+.BillingCardTwoColumnRow-column--16 {
     margin-left: 16px
 }

 .BillingCardTwoColumnRow-column--12+.BillingCardTwoColumnRow-column--12 {
     margin-left: 12px
 }

 .BillingCheckoutPlanDetailsRow-leftColumn {
     display: flex;
     flex-direction: column
 }

 .BillingCheckoutPlanDetailsRow-leftColumnValue {
     max-width: 320px
 }

 .BillingCheckoutPlanDetailsRow-rightColumn {
     margin-bottom: 2px;
     max-width: 240px
 }

 .BillingCheckoutTotalAmountWithTax-amountWithTax {
     align-items: flex-end;
     display: flex;
     flex-flow: column wrap
 }

 .BillingCouponAppliedRow-couponWithDuration {
     align-items: flex-end;
     display: flex;
     flex-flow: column wrap
 }

 .BillingPlanDifferenceDetails-item {
     padding-bottom: 4px
 }

 .BillingSubscriptionPreview-discounts {
     border-top: 1px solid var(--color-border);
     margin-bottom: 24px;
     padding-top: 24px
 }

 .BillingSubscriptionPreview-creditsApplied,
 .BillingSubscriptionPreview-creditsIssued {
     border-color: var(--color-border);
     border-style: solid none none;
     border-width: 1px;
     margin-bottom: 24px;
     padding-top: 24px
 }

 .BillingSubscriptionPreview-totalAmountDue {
     border-color: var(--color-border);
     border-style: solid none none;
     border-width: 1px;
     margin-bottom: 24px;
     padding-top: 24px
 }

 .BillingTermsOfService-terms {
     margin-top: 16px;
     padding: 0 24px
 }

 .BillingTermsOfService-terms--long {
     background-color: var(--color-background-strong);
     border-radius: 4px;
     padding: 24px
 }

 .BillingSuccessModal-contents {
     align-items: center;
     display: flex;
     flex-direction: column
 }

 .BillingDialogContent {
     display: flex;
     flex-direction: column;
     min-height: 1px
 }

 .BillingDialogContent-banner {
     flex-shrink: 0
 }

 .BillingDialogContent-banner .MessageBanner-contents {
     padding-left: 32px;
     padding-right: 32px
 }

 .BillingDialogContent-scrollable {
     flex-grow: 1;
     padding: 24px 32px
 }

 .BillingDialogContent-footer {
     flex-shrink: 0
 }

 .BillingDialogFooter {
     align-items: center;
     border-top: 1px solid var(--color-border);
     display: flex;
     justify-content: flex-end;
     padding: 24px 32px
 }

 .BillingDialogFooter-content {
     flex-grow: 1;
     margin-right: 32px
 }

 .BillingDialogFooter-button+.BillingDialogFooter-button {
     margin-left: 12px
 }

 .CreditCardLogos-creditCardImg {
     height: 20px;
     padding-left: 8px;
     vertical-align: middle
 }

 .PaymentTypeSelector-creditCardImg {
     display: flex;
     height: 20px
 }

 .PaymentTypeSelector-paypalImg {
     display: flex;
     height: 12px
 }

 .BillingLoadingDialog.BillingLoadingDialog--wide .DeprecatedDialog {
     width: 700px
 }

 .BillingLoadingDialog-contents {
     align-items: center;
     display: flex;
     height: 450px
 }

 .EditPaymentInfoDialog .DeprecatedDialog {
     width: 700px
 }

 .EditPaymentInfoDialog-banner .MessageBanner-contents {
     padding-left: 32px;
     padding-right: 32px
 }

 .EditPaymentInfoDialog-zuoraHpmForm {
     margin: 0 -8px;
     padding-top: 24px
 }

 .EditPaymentInfoDialog-scrollable {
     padding: 24px
 }

 .EditPaymentInfoDialog-footer {
     border: 1px solid var(--color-border);
     border-radius: 0 0 4px 4px;
     display: flex;
     flex-shrink: 0;
     justify-content: flex-end;
     padding: 16px 32px
 }

 .EditPaymentInfoDialog-submitButton {
     margin-left: 8px
 }

 .EditPaymentInfoDialog-pendingButtonText {
     margin: 0 4px
 }

 .EditPaymentInfoDialog-creditCardLogos {
     padding-left: 32px;
     padding-top: 16px
 }

 .EditPaymentInfoDialog-paymentTypeSelectorHeader {
     margin-bottom: 16px
 }

 .EditPaymentInfoDialog-paymentTypeSelectorHeader.EditPaymentInfoDialog-paymentTypeSelectorHeader--old {
     margin: 16px 32px;
     font-size: 16px;
     font-weight: 500
 }

 .EditPaymentInfoDialog-paymentTypeSelector {
     margin: 8px 0
 }

 .EditPaymentInfoDialog-paymentTypeSelector.EditPaymentInfoDialog-paymentTypeSelector--old {
     margin: 8px 32px
 }

 .EditPaymentInfoDialog-paypalScrollable {
     margin-left: 8px;
     padding: 24px
 }

 .EditPaymentInfoDialog-paypalHelpText {
     padding-top: 12px
 }

 .EditPaymentInfoDialog-submitPaypalButton {
     margin-left: 8px
 }

 .EditPaymentInfoDialogFooter {
     align-items: center;
     border-top: 1px solid var(--color-border);
     box-sizing: border-box;
     display: flex;
     flex-shrink: 0;
     height: 64px;
     justify-content: flex-end;
     padding: 0 32px
 }

 .EditPaymentInfoDialogFooter-secondaryButton {
     margin-right: 12px
 }

 .EditPaymentInfoSuccessDialog .DeprecatedDialog {
     width: 700px
 }

 .EditPaymentInfoSuccessDialog-contents {
     height: 450px
 }

 .EditPaymentInfoSuccessDialog-illustration {
     margin-top: 48px
 }

 .PaymentDetailRow {
     align-items: center;
     display: flex;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content
 }

 .PaymentDetailRow-creditCardIllustration,
 .PaymentDetailRow-paypalIllustration,
 .PaymentDetailRow-sepaIllustration {
     display: inline-block;
     margin-right: 16px;
     vertical-align: middle
 }

 .PaymentDetailRow-cardDetails,
 .PaymentDetailRow-paypalDetails,
 .PaymentDetailRow-sepaDetails {
     vertical-align: middle
 }

 .PaymentDetailRow-editPayment {
     align-items: center;
     display: flex;
     height: 32px
 }

 .TinyTeamsBanner-icon {
     fill: var(--color-warning-icon);
     margin-right: 8px
 }

 .CopyTextbox-text {
     background-color: inherit;
     border: 0;
     flex: auto;
     margin-right: 8px;
     outline: none;
     overflow-x: hidden;
     text-overflow: ellipsis
 }

 .CopyTextbox-loadingPlaceholder {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 12px;
     flex: 1;
     height: 20px;
     margin-right: 8px
 }

 .TextboxWithActionButtons {
     align-items: center;
     background-color: var(--color-background-medium);
     border: 1px solid var(--color-border);
     border-radius: 6px;
     display: flex;
     height: 34px;
     justify-content: space-between;
     padding-right: 12px
 }

 .TextboxWithActionButtons-buttonsContainer {
     align-items: center;
     -moz-column-gap: 4px;
     column-gap: 4px;
     display: grid;
     flex-grow: 0;
     flex-shrink: 0;
     grid-auto-flow: column;
     margin-left: 8px
 }

 .TextboxWithActionButtons-input {
     background-color: transparent;
     border-radius: 6px;
     border-style: none;
     color: var(--color-text-weak);
     padding: 0 12px;
     flex: 1;
     text-overflow: ellipsis
 }

 .TextboxWithButtonAndTimeout {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
     background-color: var(--color-background-weak);
     border-width: 1px;
     border-style: solid;
     border-color: var(--color-border-strong);
     border-radius: 6px;
     padding: 0 12px;
     box-sizing: border-box;
     height: 36px;
     padding-bottom: 6px;
     padding-top: 6px;
     background-color: var(--color-background-medium);
     border-color: var(--color-border);
     color: var(--color-text-disabled);
     width: 100%;
     align-items: center;
     background-color: var(--color-background-medium);
     display: flex
 }

 .TextboxWithButtonAndTimeout::-moz-placeholder {
     color: var(--color-text-weak)
 }

 .TextboxWithButtonAndTimeout:-ms-input-placeholder {
     color: var(--color-text-weak)
 }

 .TextboxWithButtonAndTimeout::placeholder {
     color: var(--color-text-weak)
 }

 .TextboxWithButtonAndTimeout-copyButton {
     margin-left: auto
 }

 .ShareLinkCopyTextbox-text {
     background-color: inherit;
     border: 0;
     flex: auto;
     margin-right: 8px;
     outline: none;
     overflow-x: hidden;
     text-overflow: ellipsis
 }

 .ShareLinkCopyTextbox-loadingPlaceholder {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 12px;
     flex: 1;
     height: 20px;
     margin-right: 8px
 }

 .ShareLinkCopyTextbox-helperTextContainer {
     margin-bottom: 8px;
     margin-top: 4px
 }

 .ShareLinkCopyTextbox-buttonIcon {
     margin-right: 4px
 }

 .ShareLinkRowPlaceholder-linkField {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 36px
 }

 .ShareLinkRowPlaceholder-linkLabel {
     -webkit-animation: animation-shimmering 1.5s linear infinite;
     animation: animation-shimmering 1.5s linear infinite;
     background-color: var(--color-background-medium);
     background-image: linear-gradient(-90deg, var(--color-background-medium) 0%, var(--color-background-strong) 50%, var(--color-background-medium) 100%);
     background-position: -300px 0;
     background-repeat: no-repeat;
     background-size: 300px 100%;
     border-radius: 4px;
     height: 18px;
     margin-top: 4px;
     width: 390px
 }

 .IconTooltipAnchor-questionMarkCircleIcon {
     fill: var(--color-icon)
 }

 .TabThemeHelper {
     cursor: pointer
 }

 .Tab.TabThemeHelper {
     color: var(--color-text-weak)
 }

 .Tab.TabThemeHelper:hover {
     box-shadow: var(--color-border-active) inset 0 -2px;
     color: var(--color-text-weak-hover)
 }

 .Tab.TabThemeHelper.TabThemeHelper--isSelected,
 .Tab.TabThemeHelper:active {
     box-shadow: var(--color-border-active) inset 0 -2px;
     color: var(--color-text-weak-hover)
 }

 .Tab.TabThemeHelper {
     padding-bottom: 10px
 }

 .Tab.TabThemeHelper {
     transition-duration: .2s;
     transition-property: box-shadow, color
 }

 .Tab:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active)
 }

 .Tab:focus:not(:focus-visible) {
     outline: none
 }

 .TabPanel {
     display: flex;
     flex-direction: column;
     min-height: 1px
 }

 .TabPanel:focus-visible {
     outline: 2px solid var(--color-a11y-selected-border-active)
 }

 .TabList {
     border-bottom: 1px solid var(--color-border);
     display: flex;
     flex-direction: row
 }

 .TabListWithPanel {
     display: flex;
     flex-direction: column
 }

 .TabListWithPanel-tab+.TabListWithPanel-tab {
     margin-left: 24px
 }

 .ModalTabs.ModalTabs--small .TabList {
     padding-left: 24px;
     padding-right: 24px
 }

 .ModalTabs.ModalTabs--medium .TabList {
     padding-left: 32px;
     padding-right: 32px
 }

 .ModalTabs.ModalTabs--large .TabList {
     padding-left: 32px;
     padding-right: 32px
 }

 .ModalTabs.ModalTabs--xlarge .TabList {
     padding-left: 32px;
     padding-right: 32px
 }

 .ModalWithTabs {
     display: flex;
     flex-direction: column;
     min-height: 1px
 }

 .ModalWithTabs-header {
     flex-shrink: 0
 }

 .ModalWithTabs-tabs {
     min-height: 1px
 }

 .ScimCalloutBanner-userGroupPlusIcon {
     display: flex;
     padding-right: 12px
 }

 .ScimCalloutBanner-bannerText {
     padding-right: 4px
 }

 .ScimCalloutBanner-content {
     align-items: center;
     display: flex
 }

 .PaginatedMenu {
     max-height: 200px;
     min-width: 185px
 }

 .PaginatedMenu-loading {
     margin-bottom: 8px
 }

 .PaginatedMenu-menu {
     min-width: auto
 }

 .TeamMembershipsMenu-label {
     display: flex;
     flex-direction: column
 }

 .TeamMembershipsMenu-metadata {
     margin-top: 3px
 }

 .TeamDropdown-nameAndTeamRow {
     display: flex
 }

 .BillingChurnExtensionOfferPage-errorBanner {
     width: 100%
 }

 .BillingChurnExtensionOfferPage-errorBanner .MessageBanner-contents {
     justify-content: center
 }

 .BillingChurnExtensionOfferPage-textarea {
     min-height: 58px;
     width: 100%;
     margin-top: 24px
 }

 .BillingChurnExtensionOfferPage-content {
     align-items: center;
     display: flex;
     flex-direction: column;
     width: 480px
 }

 .BillingMarketingFooter {
     background-color: var(--color-deprecated-darkGray2);
     justify-content: center;
     padding: 80px;
     text-align: center
 }

 .BillingMarketingFooter-title {
     color: var(--color-text);
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 48px;
     font-weight: 300;
     line-height: 56px;
     color: #fff;
     margin-bottom: 32px
 }

 .BillingMarketingFooter-description {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 24px;
     font-weight: 500;
     line-height: 32px;
     color: #fff;
     font-weight: 400;
     margin: 0 auto 48px
 }

 .BillingMarketingFooter-description.BillingMarketingFooter-description--narrow {
     max-width: 650px
 }

 .BillingMarketingFooter-buttonRow {
     margin: 24px
 }

 .BillingMarketingFooter-buttonRowSecondaryButton {
     margin-right: 16px
 }

 .BillingMarketingRow {
     align-items: flex-start;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     padding: 64px 0
 }

 .BillingMarketingRow--assetRight {
     flex-direction: row-reverse
 }

 .BillingMarketingRow--assetLeft>.BillingMarketingRow-detailTextContainer {
     padding-left: 160px
 }

 .BillingMarketingRow--assetRight>.BillingMarketingRow-detailTextContainer {
     padding-right: 160px
 }

 .BillingMarketingRow-asset,
 .BillingMarketingRow-imageElement {
     display: flex;
     flex: 0 0 570px;
     width: 570px
 }

 .BillingMarketingRow-imageElement {
     justify-content: center
 }

 .BillingMarketingRow-asset--shadowed {
     box-shadow: var(--color-box-shadow-large)
 }

 .BillingMarketingRow-detailTextContainer {
     width: 450px
 }

 .BillingMarketingRow-detailHeader {
     margin: 24px 0
 }

 .BillingMarketingRow-detailDescription {
     margin-bottom: 32px
 }

 .BillingMarketingRow-button {
     margin-bottom: 24px;
     margin-right: 24px
 }

 .BillingMarketingRow-checkIcon {
     padding-right: 8px
 }

 .BillingMarketingRow-secondaryLink {
     display: inline-block
 }

 .BillingMarketingRow-secondaryLinkButton {
     display: inline-block
 }

 .BillingChurnInterstitialFullPage-footer {
     align-items: center;
     background-color: var(--color-background-medium);
     border-top: 1px solid var(--color-border);
     display: flex;
     height: 80px;
     justify-content: center;
     width: 100%
 }

 .BillingChurnInterstitialFullPage-saveButton {
     margin-left: 16px
 }

 .BillingChurnInterstitialFullPage-checkbox {
     margin-top: 32px
 }

 .BillingChurnOfferSuccessPage-contents {
     align-items: center;
     display: flex;
     flex-direction: column
 }

 .BillingChurnOfferSuccessPage-disclaimerText {
     margin: 24px 0
 }

 .BillingReasonCard-container {
     align-items: center;
     display: flex;
     padding: 12px
 }

 .BillingReasonCard-radio {
     margin-right: 8px
 }

 .BillingFormField {
     box-sizing: border-box;
     flex: 0 1 100%;
     padding: 8px 0 0 24px
 }

 .BillingFormFieldsetContent {
     display: flex;
     flex: 1 1 auto;
     flex-wrap: wrap;
     margin: 4px 0 0 -24px
 }

 .BillingCheckoutCard {
    display: block;
    padding: 24px 0;
    width: 464px;
}

 .BillingCheckoutConfirmForCreatesRedesign-header {
     margin-top: -8px
 }

 .BillingCheckoutConfirmForCreatesRedesign-planDetails {
     margin-bottom: 16px
 }

 .BillingCheckoutConfirmForCreatesRedesign-planDetailsRow {
     margin-bottom: 12px
 }

 .BillingCheckoutConfirmForCreatesRedesign-loadingIndicator {
     margin: 0 auto 24px
 }

 .BillingCheckoutConfirmForCreatesRedesign-totalAmountLabel {
     border-top: 1px solid var(--color-border);
     margin-bottom: 24px;
     padding-top: 16px
 }

 .BillingCheckoutConfirmForCreatesRedesign-trialTotalAmountLabel {
     border-top: 1px solid var(--color-border);
     margin-bottom: 16px;
     padding-top: 16px
 }

 .BillingCheckoutConfirmForCreatesRedesign-disclaimer {
     margin-top: 24px
 }

 .BillingCheckoutConfirmForCreatesRedesign-discounts {
     border-top: 1px solid var(--color-border);
     margin-bottom: 16px;
     padding-top: 16px
 }

 .BillingCheckoutConfirmForCreatesRedesign-button {
     width: 100%
 }

 .BillingCheckoutConfirmForCreatesRedesign-continueToFreeLinkContainer {
     display: flex;
     justify-content: center;
     padding-top: 16px
 }

 /* .BillingCheckoutContentRedesign-container {
     margin: 48px 24px 0
 } */

 .BillingCheckoutContentRedesign-errorBanner {
     align-self: stretch
 }

 .BillingCheckoutContentRedesign--title {
     margin-bottom: 24px
 }

 .BillingCheckoutContentRedesign-content {

     margin: 32px auto 0;
     width: 450px;
 }

 .BillingCheckoutContentRedesign-mainColumn {
     width: 464px
 }

 .BillingCheckoutContentRedesign-sidebarColumn {
     margin-left: 0px;
     width: 464px;
     margin-top: 17px;
 }

 .BillingCheckoutContentRedesign-card {
     display: block
 }

 .BillingCheckoutContentRedesign-card+.BillingCheckoutContentRedesign-card {
     margin-top: 24px
 }

 .BillingCheckoutPaymentInfo-paymentTypeSelector {
     padding-bottom: 4px
 }

 .BillingCheckoutPaymentInfo-trialDisclaimer {
     margin-bottom: 16px
 }

 .BillingCheckoutPaymentInfo-creditCardLogos {
     margin-bottom: 16px
 }

 .BillingCheckoutPlanDetails-planUpdateTotal {
     border-top: 1px solid var(--color-border);
     margin-top: 16px;
     padding-top: 16px
 }

 .BillingCheckoutPlanDetails-banner {
     margin-bottom: 16px
 }

 .BillingCheckoutPlanDetails-banner .MessageBanner-contents {
     padding-left: 24px;
     padding-right: 24px
 }

 .BillingCheckoutPlanDetails-banner .MessageBanner-contents {
     padding-bottom: 16px;
     padding-top: 16px
 }

 .BillingCheckoutPlanDetails-billableGroupName {
     max-width: 280px
 }

 .BillingCheckoutPlanDetails-planName {
     max-width: 280px
 }

 .BillingCheckoutPlanDetails-planPrice {
     max-width: 280px
 }

 .BillingCheckoutSuccessPage-content {
     align-items: center;
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: center
 }

 .BillingCheckoutVatIdSection {
     align-items: stretch;
     display: flex;
     flex-direction: column
 }

 .BillingCheckoutVatIdSection-row {
     display: flex;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content
 }

 .BillingCheckoutVatIdSection-changeVatIdText {
     margin: 16px 0 0
 }

 .BillingCheckoutVatIdSection-addVatIdText {
     margin: 16px 0
 }

 .BillingCheckoutVatIdSection-text {
     margin-top: 8px
 }

 .BillingCheckoutVatIdSection-header {
     margin-bottom: 4px
 }

 .AppRoot-fullPage {
     bottom: 0;
     display: flex;
     flex-direction: column;
     left: 0;
     overflow: hidden;
     position: absolute;
     right: 0;
     top: 0
 }

 @media print {
     body.PrintDialog--modalOpen .AppRoot-fullPage {
         display: none
     }
 }

 @media print {
     body:not(.PrintDialog--modalOpen) .AppRoot-fullPage {
         display: absolute
     }
 }

 .AppRoot-fullPage--shouldReload {
     opacity: .5
 }

 .AppRoot-disconnectBar {
     left: 50%;
     position: fixed;
     transform: translateX(-50%);
     transition: margin-left 250ms ease-out;
     z-index: 1000
 }

 .AppRoot-disconnectBar--sidebarExpanded {
     margin-left: 120px
 }

 .AppRoot-disconnectBar--inFocusMode {
     margin-left: 0
 }

 .customised_select,
 .lang_change {
     padding: 0.5rem;
     border-radius: 5px;
     background: white;
     border: 1px solid #cfcfcf;
     margin-top: 5px;
 }

 footer li.nav-item {
     border-right: 1px solid #6e6e6e;
     padding: 0 10px 0 10px;
     margin: 0;
     height: 15px;
     display: flex;
     align-items: center;
 }

 footer li.nav-item:last-child {
     border: none;
 }

 footer a.nav-link {
     padding: 0;
     font-size: 13px;

 }

 .footer {
     color: #6e6e6e !important;

     background-color: #eff6fa;
     text-transform: capitalize;
     font-size: 13px;
     padding: 2rem 0;
 }

 footer li:first-child {
     padding-left: 0;
 }

 @media only screen and (max-width: 767px) {
     footer ul.navbar-nav {
         margin-top: 0;
     }
 }

 @media only screen and (max-width: 576px) {
     footer li.nav-item {
         margin: 6px 0 !important;
         padding: 0 !important;
     }
 }

 @media only screen and (min-width: 577px) {
     footer li.nav-item {
         margin: 0 !important;
     }
 }

 /* ---------------------------- */
 /* Responsive fix */
 @media (max-width: 920px) {
     .BillingPageContainer {
         min-width: auto;
         width: 100%;
     }

     .BillingPageContainer-header {
         flex-direction: column;
         align-items: flex-start;
         height: auto;
         padding: 12px 16px;
     }

     .BillingPageContainer-header img {
         width: 120px;
         height: auto;
     }

     .BillingPageContainerChatCta {
         margin-top: 8px;
         width: 100%;
         display: flex;
         justify-content: space-between;
         align-items: center;
     }

     .BillingPageContainerChatCta span {
         font-size: 14px;
     }

     .BillingPageContainerChatCta select {
         font-size: 14px;
         padding: 4px 8px;
         border-radius: 4px;
     }
 }


 @media (max-width: 620px) {
     .BillingPageContainer-header {
         align-items: center;
         text-align: center;
     }

     .BillingPageContainerChatCta {
         justify-content: center;
         flex-wrap: wrap;
         gap: 8px;
     }
 }

  div#privateuser_leftarea {
    width: 411px;
    border: none;
}

li.nav-item:hover {
     color: #FF7300;
 }

 img.plan-logo-img {
     width: 56%;
     max-width: 100%;
 }


 /* ============================================= */
 /* ✅ Responsive Billing Layout Fix              */
 /* ============================================= */

 @media (max-width: 1024px) {
     .BillingCheckoutContentRedesign-content {
         width: 100%;
         padding: 0 24px;
         margin: 32px auto 0;
     }

     .BillingCheckoutContentRedesign-mainColumn {
         width: 60%;
     }

     .BillingCheckoutContentRedesign-sidebarColumn {
         width: 35%;
         margin-left: 5%;
     }

     .Typography--h1.Typography {
         font-size: 37px;
         line-height: 39px;
     }

 }

 @media (max-width: 768px) {

     footer li.nav-item {
         border-right: none;
     }

     .BillingPageWithFaq {

         margin-bottom: -63px;
     }

     .BillingCheckoutContentRedesign-content {
         flex-direction: column;
         width: 100%;
         padding: 0 16px;
     }

     .BillingCheckoutContentRedesign-mainColumn,
     .BillingCheckoutContentRedesign-sidebarColumn {
         width: 100%;
         margin: 0;
     }

     .BillingCheckoutContentRedesign-sidebarColumn {
         margin-top: 24px;
     }

     .BillingCheckoutContentRedesign-container {
         margin: 24px 12px 0;
     }




     .BillingCardTwoColumnRow-column--16 select,
     .BillingCardTwoColumnRow-column--16 input {
         width: 100% !important;
         max-width: 100% !important;
         box-sizing: border-box;
     }


 }

 @media (max-width: 480px) {
     .BillingCheckoutContentRedesign-content {
         padding: 0 10px;
         margin: 24px auto 0;
     }

     .BillingCheckoutContentRedesign-mainColumn,
     .BillingCheckoutContentRedesign-sidebarColumn {
         width: 100%;
     }

     .BillingCheckoutContentRedesign-mainColumn {
         padding: 0;
     }

     .BillingCheckoutContentRedesign-sidebarColumn {
         margin-top: 20px;
     }

     .BillingCheckoutPlanDetails-billableGroupName,
     .BillingCheckoutPlanDetails-planName,
     .BillingCheckoutPlanDetails-planPrice {
         max-width: 100%;
     }

     .BillingCheckoutConfirmForCreatesRedesign-button {
         width: 100%;
         font-size: 14px;
     }

 }


 @media (min-width: 320px) and (max-width: 768px) {
     .Typography--h3.Typography {
         padding: 0 1rem;
     }
     .BillingCheckoutCard {
   
    width: 100%;
    border: none;
}
div#privateuser_leftarea{
    width:100%;
    border:none;
}

     img.logo-site {
         margin-top: 1px;
     }

     .BillingPageContainerChatCta {
         margin-bottom: 0px;
     }

     img.plan-logo-img {
         width: 100%;
     }

     .col-sm-6.col-12 {
         width: 80%;
         margin: 0 auto;
     }

     p.right-copy {
         text-align: center;
         width: 100%;
         padding: 0 11px;
         font-size: 16px;
         margin: 0 auto;
     }

     ul.navbar-nav.mb-2.mb-lg-0.d-flex.flex-sm-row {
         margin-top: 4%;
     }

     .language-fotter {
         text-align: center !important;
     }

     footer a.nav-link {
         padding: 0;
         font-size: 16px;
         margin: 0 auto;
     }

     footer li.nav-item {
         height: 23px;

     }

     a.dropdown-toggle {
         margin-top: 17px;
     }

     ul.lang-foot {
         position: absolute;
         inset: auto auto 8px -60px !important;
     }

     .top-foot p {
         text-align: center;
     }
 }