:root {
  --agorum-color-gray-1: #ffffff;
  --agorum-color-gray-1-rgb: 255, 255, 255;
  --agorum-color-gray-1-contrast: #000000;
  --agorum-color-gray-1-contrast-rgb: 0, 0, 0;
  --agorum-color-gray-1-light: #ffffff;
  --agorum-color-gray-1-light-rgb: 255, 255, 255;
  --agorum-color-gray-1-shade: #808080;
  --agorum-color-gray-1-shade-rgb: 128, 128, 128;
  --agorum-color-gray-2: #ededed;
  --agorum-color-gray-2-rgb: 237, 237, 237;
  --agorum-color-gray-2-contrast: #000000;
  --agorum-color-gray-2-contrast-rgb: 0, 0, 0;
  --agorum-color-gray-2-light: #f9f9f9;
  --agorum-color-gray-2-light-rgb: 249, 249, 249;
  --agorum-color-gray-2-shade: #777777;
  --agorum-color-gray-2-shade-rgb: 119, 119, 119;
  --agorum-color-gray-3: #dbdbdb;
  --agorum-color-gray-3-rgb: 219, 219, 219;
  --agorum-color-gray-3-contrast: #000000;
  --agorum-color-gray-3-contrast-rgb: 0, 0, 0;
  --agorum-color-gray-3-light: #f3f3f3;
  --agorum-color-gray-3-light-rgb: 243, 243, 243;
  --agorum-color-gray-3-shade: #6e6e6e;
  --agorum-color-gray-3-shade-rgb: 110, 110, 110;
  --agorum-color-gray-4: #c8c8c8;
  --agorum-color-gray-4-rgb: 200, 200, 200;
  --agorum-color-gray-4-contrast: #000000;
  --agorum-color-gray-4-contrast-rgb: 0, 0, 0;
  --agorum-color-gray-4-light: #ededed;
  --agorum-color-gray-4-light-rgb: 237, 237, 237;
  --agorum-color-gray-4-shade: #646464;
  --agorum-color-gray-4-shade-rgb: 100, 100, 100;
  --agorum-color-gray-5: #b6b6b6;
  --agorum-color-gray-5-rgb: 182, 182, 182;
  --agorum-color-gray-5-contrast: #000000;
  --agorum-color-gray-5-contrast-rgb: 0, 0, 0;
  --agorum-color-gray-5-light: #e7e7e7;
  --agorum-color-gray-5-light-rgb: 231, 231, 231;
  --agorum-color-gray-5-shade: #5b5b5b;
  --agorum-color-gray-5-shade-rgb: 91, 91, 91;
  --agorum-color-gray-6: #a4a4a4;
  --agorum-color-gray-6-rgb: 164, 164, 164;
  --agorum-color-gray-6-contrast: #000000;
  --agorum-color-gray-6-contrast-rgb: 0, 0, 0;
  --agorum-color-gray-6-light: #e1e1e1;
  --agorum-color-gray-6-light-rgb: 225, 225, 225;
  --agorum-color-gray-6-shade: #525252;
  --agorum-color-gray-6-shade-rgb: 82, 82, 82;
  --agorum-color-gray-7: #929292;
  --agorum-color-gray-7-rgb: 146, 146, 146;
  --agorum-color-gray-7-contrast: #ffffff;
  --agorum-color-gray-7-contrast-rgb: 255, 255, 255;
  --agorum-color-gray-7-light: #dbdbdb;
  --agorum-color-gray-7-light-rgb: 219, 219, 219;
  --agorum-color-gray-7-shade: #494949;
  --agorum-color-gray-7-shade-rgb: 73, 73, 73;
  --agorum-color-gray-8: #808080;
  --agorum-color-gray-8-rgb: 128, 128, 128;
  --agorum-color-gray-8-contrast: #ffffff;
  --agorum-color-gray-8-contrast-rgb: 255, 255, 255;
  --agorum-color-gray-8-light: #d5d5d5;
  --agorum-color-gray-8-light-rgb: 213, 213, 213;
  --agorum-color-gray-8-shade: #404040;
  --agorum-color-gray-8-shade-rgb: 64, 64, 64;
  --agorum-color-gray-9: #6d6d6d;
  --agorum-color-gray-9-rgb: 109, 109, 109;
  --agorum-color-gray-9-contrast: #ffffff;
  --agorum-color-gray-9-contrast-rgb: 255, 255, 255;
  --agorum-color-gray-9-light: #cecece;
  --agorum-color-gray-9-light-rgb: 206, 206, 206;
  --agorum-color-gray-9-shade: #373737;
  --agorum-color-gray-9-shade-rgb: 55, 55, 55;
  --agorum-color-gray-10: #5b5b5b;
  --agorum-color-gray-10-rgb: 91, 91, 91;
  --agorum-color-gray-10-contrast: #ffffff;
  --agorum-color-gray-10-contrast-rgb: 255, 255, 255;
  --agorum-color-gray-10-light: #c8c8c8;
  --agorum-color-gray-10-light-rgb: 200, 200, 200;
  --agorum-color-gray-10-shade: #2e2e2e;
  --agorum-color-gray-10-shade-rgb: 46, 46, 46;
  --agorum-color-gray-11: #494949;
  --agorum-color-gray-11-rgb: 73, 73, 73;
  --agorum-color-gray-11-contrast: #ffffff;
  --agorum-color-gray-11-contrast-rgb: 255, 255, 255;
  --agorum-color-gray-11-light: #c2c2c2;
  --agorum-color-gray-11-light-rgb: 194, 194, 194;
  --agorum-color-gray-11-shade: #252525;
  --agorum-color-gray-11-shade-rgb: 37, 37, 37;
  --agorum-color-gray-12: #373737;
  --agorum-color-gray-12-rgb: 55, 55, 55;
  --agorum-color-gray-12-contrast: #ffffff;
  --agorum-color-gray-12-contrast-rgb: 255, 255, 255;
  --agorum-color-gray-12-light: #bcbcbc;
  --agorum-color-gray-12-light-rgb: 188, 188, 188;
  --agorum-color-gray-12-shade: #1c1c1c;
  --agorum-color-gray-12-shade-rgb: 28, 28, 28;
  --agorum-color-gray-13: #242424;
  --agorum-color-gray-13-rgb: 36, 36, 36;
  --agorum-color-gray-13-contrast: #ffffff;
  --agorum-color-gray-13-contrast-rgb: 255, 255, 255;
  --agorum-color-gray-13-light: #b6b6b6;
  --agorum-color-gray-13-light-rgb: 182, 182, 182;
  --agorum-color-gray-13-shade: #121212;
  --agorum-color-gray-13-shade-rgb: 18, 18, 18;
  --agorum-color-gray-14: #121212;
  --agorum-color-gray-14-rgb: 18, 18, 18;
  --agorum-color-gray-14-contrast: #ffffff;
  --agorum-color-gray-14-contrast-rgb: 255, 255, 255;
  --agorum-color-gray-14-light: #b0b0b0;
  --agorum-color-gray-14-light-rgb: 176, 176, 176;
  --agorum-color-gray-14-shade: #090909;
  --agorum-color-gray-14-shade-rgb: 9, 9, 9;
  --agorum-color-gray-15: #000000;
  --agorum-color-gray-15-rgb: 0, 0, 0;
  --agorum-color-gray-15-contrast: #ffffff;
  --agorum-color-gray-15-contrast-rgb: 255, 255, 255;
  --agorum-color-gray-15-light: #aaaaaa;
  --agorum-color-gray-15-light-rgb: 170, 170, 170;
  --agorum-color-gray-15-shade: #000000;
  --agorum-color-gray-15-shade-rgb: 0, 0, 0;
  --agorum-color-brand-primary: #006bff;
  --agorum-color-brand-primary-rgb: 0, 107, 255;
  --agorum-color-brand-primary-contrast: #ffffff;
  --agorum-color-brand-primary-contrast-rgb: 255, 255, 255;
  --agorum-color-brand-primary-light: #aaceff;
  --agorum-color-brand-primary-light-rgb: 170, 206, 255;
  --agorum-color-brand-primary-shade: #003680;
  --agorum-color-brand-primary-shade-rgb: 0, 54, 128;
  --agorum-color-accent-primary: #c7ff7f;
  --agorum-color-accent-primary-rgb: 199, 255, 127;
  --agorum-color-accent-primary-contrast: #000000;
  --agorum-color-accent-primary-contrast-rgb: 0, 0, 0;
  --agorum-color-accent-primary-light: #ecffd4;
  --agorum-color-accent-primary-light-rgb: 236, 255, 212;
  --agorum-color-accent-primary-shade: #648040;
  --agorum-color-accent-primary-shade-rgb: 100, 128, 64;
  --agorum-color-accent-secondary: #4ee3ff;
  --agorum-color-accent-secondary-rgb: 78, 227, 255;
  --agorum-color-accent-secondary-contrast: #000000;
  --agorum-color-accent-secondary-contrast-rgb: 0, 0, 0;
  --agorum-color-accent-secondary-light: #c4f6ff;
  --agorum-color-accent-secondary-light-rgb: 196, 246, 255;
  --agorum-color-accent-secondary-shade: #277280;
  --agorum-color-accent-secondary-shade-rgb: 39, 114, 128;
  --agorum-color-accent-tertiary: #eb4d26;
  --agorum-color-accent-tertiary-rgb: 235, 77, 38;
  --agorum-color-accent-tertiary-contrast: #ffffff;
  --agorum-color-accent-tertiary-contrast-rgb: 255, 255, 255;
  --agorum-color-accent-tertiary-light: #f8c4b7;
  --agorum-color-accent-tertiary-light-rgb: 248, 196, 183;
  --agorum-color-accent-tertiary-shade: #762713;
  --agorum-color-accent-tertiary-shade-rgb: 118, 39, 19;
  --agorum-color-primary: #004ba0;
  --agorum-color-primary-rgb: 0, 75, 160;
  --agorum-color-primary-contrast: #ffffff;
  --agorum-color-primary-contrast-rgb: 255, 255, 255;
  --agorum-color-primary-light: #aac3df;
  --agorum-color-primary-light-rgb: 170, 195, 223;
  --agorum-color-primary-shade: #002650;
  --agorum-color-primary-shade-rgb: 0, 38, 80;
  --agorum-color-secondary: #4ee3ff;
  --agorum-color-secondary-rgb: 78, 227, 255;
  --agorum-color-secondary-contrast: #000000;
  --agorum-color-secondary-contrast-rgb: 0, 0, 0;
  --agorum-color-secondary-light: #c4f6ff;
  --agorum-color-secondary-light-rgb: 196, 246, 255;
  --agorum-color-secondary-shade: #277280;
  --agorum-color-secondary-shade-rgb: 39, 114, 128;
  --agorum-color-tertiary: #eb4d26;
  --agorum-color-tertiary-rgb: 235, 77, 38;
  --agorum-color-tertiary-contrast: #ffffff;
  --agorum-color-tertiary-contrast-rgb: 255, 255, 255;
  --agorum-color-tertiary-light: #f8c4b7;
  --agorum-color-tertiary-light-rgb: 248, 196, 183;
  --agorum-color-tertiary-shade: #762713;
  --agorum-color-tertiary-shade-rgb: 118, 39, 19;
  --agorum-color-success: #37b34a;
  --agorum-color-success-rgb: 55, 179, 74;
  --agorum-color-success-contrast: #ffffff;
  --agorum-color-success-contrast-rgb: 255, 255, 255;
  --agorum-color-success-light: #bce6c3;
  --agorum-color-success-light-rgb: 188, 230, 195;
  --agorum-color-success-shade: #1c5a25;
  --agorum-color-success-shade-rgb: 28, 90, 37;
  --agorum-color-warning: #ffc300;
  --agorum-color-warning-rgb: 255, 195, 0;
  --agorum-color-warning-contrast: #000000;
  --agorum-color-warning-contrast-rgb: 0, 0, 0;
  --agorum-color-warning-light: #ffebaa;
  --agorum-color-warning-light-rgb: 255, 235, 170;
  --agorum-color-warning-shade: #806200;
  --agorum-color-warning-shade-rgb: 128, 98, 0;
  --agorum-color-danger: #d32f2f;
  --agorum-color-danger-rgb: 211, 47, 47;
  --agorum-color-danger-contrast: #ffffff;
  --agorum-color-danger-contrast-rgb: 255, 255, 255;
  --agorum-color-danger-light: #f0baba;
  --agorum-color-danger-light-rgb: 240, 186, 186;
  --agorum-color-danger-shade: #6a1818;
  --agorum-color-danger-shade-rgb: 106, 24, 24;
  --agorum-color-dark: #242424;
  --agorum-color-dark-rgb: 36, 36, 36;
  --agorum-color-dark-contrast: #ffffff;
  --agorum-color-dark-contrast-rgb: 255, 255, 255;
  --agorum-color-dark-light: #b6b6b6;
  --agorum-color-dark-light-rgb: 182, 182, 182;
  --agorum-color-dark-shade: #121212;
  --agorum-color-dark-shade-rgb: 18, 18, 18;
  --agorum-color-medium: #929292;
  --agorum-color-medium-rgb: 146, 146, 146;
  --agorum-color-medium-contrast: #ffffff;
  --agorum-color-medium-contrast-rgb: 255, 255, 255;
  --agorum-color-medium-light: #dbdbdb;
  --agorum-color-medium-light-rgb: 219, 219, 219;
  --agorum-color-medium-shade: #494949;
  --agorum-color-medium-shade-rgb: 73, 73, 73;
  --agorum-color-light: #dbdbdb;
  --agorum-color-light-rgb: 219, 219, 219;
  --agorum-color-light-contrast: #000000;
  --agorum-color-light-contrast-rgb: 0, 0, 0;
  --agorum-color-light-light: #f3f3f3;
  --agorum-color-light-light-rgb: 243, 243, 243;
  --agorum-color-light-shade: #6e6e6e;
  --agorum-color-light-shade-rgb: 110, 110, 110;
  --agorum-color-disabled: #ededed;
  --agorum-color-disabled-rgb: 237, 237, 237;
  --agorum-color-disabled-contrast: #000000;
  --agorum-color-disabled-contrast-rgb: 0, 0, 0;
  --agorum-color-disabled-light: #f9f9f9;
  --agorum-color-disabled-light-rgb: 249, 249, 249;
  --agorum-color-disabled-shade: #777777;
  --agorum-color-disabled-shade-rgb: 119, 119, 119;
  --agorum-color-window-header-background: #373737;
  --agorum-color-window-header-background-rgb: 55, 55, 55;
  --agorum-color-window-header-background-contrast: #ffffff;
  --agorum-color-window-header-background-contrast-rgb: 255, 255, 255;
  --agorum-color-window-header-background-light: #bcbcbc;
  --agorum-color-window-header-background-light-rgb: 188, 188, 188;
  --agorum-color-window-header-background-shade: #1c1c1c;
  --agorum-color-window-header-background-shade-rgb: 28, 28, 28;
  --agorum-color-window-header: #ffffff;
  --agorum-color-window-header-rgb: 255, 255, 255;
  --agorum-color-window-header-contrast: #000000;
  --agorum-color-window-header-contrast-rgb: 0, 0, 0;
  --agorum-color-window-header-light: #ffffff;
  --agorum-color-window-header-light-rgb: 255, 255, 255;
  --agorum-color-window-header-shade: #808080;
  --agorum-color-window-header-shade-rgb: 128, 128, 128;
  --agorum-color-panel-header-background: #373737;
  --agorum-color-panel-header-background-rgb: 55, 55, 55;
  --agorum-color-panel-header-background-contrast: #ffffff;
  --agorum-color-panel-header-background-contrast-rgb: 255, 255, 255;
  --agorum-color-panel-header-background-light: #bcbcbc;
  --agorum-color-panel-header-background-light-rgb: 188, 188, 188;
  --agorum-color-panel-header-background-shade: #1c1c1c;
  --agorum-color-panel-header-background-shade-rgb: 28, 28, 28;
  --agorum-color-field-background: #ededed;
  --agorum-color-field-background-rgb: 237, 237, 237;
  --agorum-color-field-background-contrast: #000000;
  --agorum-color-field-background-contrast-rgb: 0, 0, 0;
  --agorum-color-field-background-light: #f9f9f9;
  --agorum-color-field-background-light-rgb: 249, 249, 249;
  --agorum-color-field-background-shade: #777777;
  --agorum-color-field-background-shade-rgb: 119, 119, 119;
  --agorum-color-field-background-hover: #dbdbdb;
  --agorum-color-field-background-hover-rgb: 219, 219, 219;
  --agorum-color-field-background-hover-contrast: #000000;
  --agorum-color-field-background-hover-contrast-rgb: 0, 0, 0;
  --agorum-color-field-background-hover-light: #f3f3f3;
  --agorum-color-field-background-hover-light-rgb: 243, 243, 243;
  --agorum-color-field-background-hover-shade: #6e6e6e;
  --agorum-color-field-background-hover-shade-rgb: 110, 110, 110;
  --agorum-color-field-border-focus: #004ba0;
  --agorum-color-field-border-focus-rgb: 0, 75, 160;
  --agorum-color-field-border-focus-contrast: #ffffff;
  --agorum-color-field-border-focus-contrast-rgb: 255, 255, 255;
  --agorum-color-field-border-focus-light: #aac3df;
  --agorum-color-field-border-focus-light-rgb: 170, 195, 223;
  --agorum-color-field-border-focus-shade: #002650;
  --agorum-color-field-border-focus-shade-rgb: 0, 38, 80;
  --agorum-color-browser-site-icon: #006bff;
  --agorum-color-browser-site-icon-rgb: 0, 107, 255;
  --agorum-color-browser-site-icon-contrast: #ffffff;
  --agorum-color-browser-site-icon-contrast-rgb: 255, 255, 255;
  --agorum-color-browser-site-icon-light: #aaceff;
  --agorum-color-browser-site-icon-light-rgb: 170, 206, 255;
  --agorum-color-browser-site-icon-shade: #003680;
  --agorum-color-browser-site-icon-shade-rgb: 0, 54, 128;
  --agorum-color-home-settings-icon: #373737;
  --agorum-color-home-settings-icon-rgb: 55, 55, 55;
  --agorum-color-home-settings-icon-contrast: #ffffff;
  --agorum-color-home-settings-icon-contrast-rgb: 255, 255, 255;
  --agorum-color-home-settings-icon-light: #bcbcbc;
  --agorum-color-home-settings-icon-light-rgb: 188, 188, 188;
  --agorum-color-home-settings-icon-shade: #1c1c1c;
  --agorum-color-home-settings-icon-shade-rgb: 28, 28, 28;
  --agorum-color-home-settings-icon-invisible: #bcbcbc;
  --agorum-color-home-settings-icon-invisible-rgb: 188, 188, 188;
  --agorum-color-home-settings-icon-invisible-contrast: #000000;
  --agorum-color-home-settings-icon-invisible-contrast-rgb: 0, 0, 0;
  --agorum-color-home-settings-icon-invisible-light: #e9e9e9;
  --agorum-color-home-settings-icon-invisible-light-rgb: 233, 233, 233;
  --agorum-color-home-settings-icon-invisible-shade: #5e5e5e;
  --agorum-color-home-settings-icon-invisible-shade-rgb: 94, 94, 94;
  --agorum-color-home-header-bar: #004ba0;
  --agorum-color-home-header-bar-rgb: 0, 75, 160;
  --agorum-color-home-header-bar-contrast: #ffffff;
  --agorum-color-home-header-bar-contrast-rgb: 255, 255, 255;
  --agorum-color-home-header-bar-light: #aac3df;
  --agorum-color-home-header-bar-light-rgb: 170, 195, 223;
  --agorum-color-home-header-bar-shade: #002650;
  --agorum-color-home-header-bar-shade-rgb: 0, 38, 80;
  --agorum-color-home-header-bar-button-hover: #373737;
  --agorum-color-home-header-bar-button-hover-rgb: 55, 55, 55;
  --agorum-color-home-header-bar-button-hover-contrast: #ffffff;
  --agorum-color-home-header-bar-button-hover-contrast-rgb: 255, 255, 255;
  --agorum-color-home-header-bar-button-hover-light: #bcbcbc;
  --agorum-color-home-header-bar-button-hover-light-rgb: 188, 188, 188;
  --agorum-color-home-header-bar-button-hover-shade: #1c1c1c;
  --agorum-color-home-header-bar-button-hover-shade-rgb: 28, 28, 28;
  --agorum-color-#home-tab-bar-background: #nannannan;
  --agorum-color-#home-tab-bar-background-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-background-contrast: #nannannan;
  --agorum-color-#home-tab-bar-background-contrast-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-background-light: #nannannan;
  --agorum-color-#home-tab-bar-background-light-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-background-shade: #nannannan;
  --agorum-color-#home-tab-bar-background-shade-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar: #nannannan;
  --agorum-color-#home-tab-bar-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-contrast: #nannannan;
  --agorum-color-#home-tab-bar-contrast-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-light: #nannannan;
  --agorum-color-#home-tab-bar-light-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-shade: #nannannan;
  --agorum-color-#home-tab-bar-shade-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-selected: #nannannan;
  --agorum-color-#home-tab-bar-selected-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-selected-contrast: #nannannan;
  --agorum-color-#home-tab-bar-selected-contrast-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-selected-light: #nannannan;
  --agorum-color-#home-tab-bar-selected-light-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-selected-shade: #nannannan;
  --agorum-color-#home-tab-bar-selected-shade-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-background-hover: #nannannan;
  --agorum-color-#home-tab-bar-background-hover-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-background-hover-contrast: #nannannan;
  --agorum-color-#home-tab-bar-background-hover-contrast-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-background-hover-light: #nannannan;
  --agorum-color-#home-tab-bar-background-hover-light-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-background-hover-shade: #nannannan;
  --agorum-color-#home-tab-bar-background-hover-shade-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-background-selected: #nannannan;
  --agorum-color-#home-tab-bar-background-selected-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-background-selected-contrast: #nannannan;
  --agorum-color-#home-tab-bar-background-selected-contrast-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-background-selected-light: #nannannan;
  --agorum-color-#home-tab-bar-background-selected-light-rgb: NaN, NaN, NaN;
  --agorum-color-#home-tab-bar-background-selected-shade: #nannannan;
  --agorum-color-#home-tab-bar-background-selected-shade-rgb: NaN, NaN, NaN;
  --agorum-color-home-tab-bar-background: #373737;
  --agorum-color-home-tab-bar-background-rgb: 55, 55, 55;
  --agorum-color-home-tab-bar-background-contrast: #ffffff;
  --agorum-color-home-tab-bar-background-contrast-rgb: 255, 255, 255;
  --agorum-color-home-tab-bar-background-light: #bcbcbc;
  --agorum-color-home-tab-bar-background-light-rgb: 188, 188, 188;
  --agorum-color-home-tab-bar-background-shade: #1c1c1c;
  --agorum-color-home-tab-bar-background-shade-rgb: 28, 28, 28;
  --agorum-color-home-tab-bar: #ffffff;
  --agorum-color-home-tab-bar-rgb: 255, 255, 255;
  --agorum-color-home-tab-bar-contrast: #000000;
  --agorum-color-home-tab-bar-contrast-rgb: 0, 0, 0;
  --agorum-color-home-tab-bar-light: #ffffff;
  --agorum-color-home-tab-bar-light-rgb: 255, 255, 255;
  --agorum-color-home-tab-bar-shade: #808080;
  --agorum-color-home-tab-bar-shade-rgb: 128, 128, 128;
  --agorum-color-home-tab-bar-selected: #004ba0;
  --agorum-color-home-tab-bar-selected-rgb: 0, 75, 160;
  --agorum-color-home-tab-bar-selected-contrast: #ffffff;
  --agorum-color-home-tab-bar-selected-contrast-rgb: 255, 255, 255;
  --agorum-color-home-tab-bar-selected-light: #aac3df;
  --agorum-color-home-tab-bar-selected-light-rgb: 170, 195, 223;
  --agorum-color-home-tab-bar-selected-shade: #002650;
  --agorum-color-home-tab-bar-selected-shade-rgb: 0, 38, 80;
  --agorum-color-home-tab-bar-background-hover: #242424;
  --agorum-color-home-tab-bar-background-hover-rgb: 36, 36, 36;
  --agorum-color-home-tab-bar-background-hover-contrast: #ffffff;
  --agorum-color-home-tab-bar-background-hover-contrast-rgb: 255, 255, 255;
  --agorum-color-home-tab-bar-background-hover-light: #b6b6b6;
  --agorum-color-home-tab-bar-background-hover-light-rgb: 182, 182, 182;
  --agorum-color-home-tab-bar-background-hover-shade: #121212;
  --agorum-color-home-tab-bar-background-hover-shade-rgb: 18, 18, 18;
  --agorum-color-home-tab-bar-background-selected: #ffffff;
  --agorum-color-home-tab-bar-background-selected-rgb: 255, 255, 255;
  --agorum-color-home-tab-bar-background-selected-contrast: #000000;
  --agorum-color-home-tab-bar-background-selected-contrast-rgb: 0, 0, 0;
  --agorum-color-home-tab-bar-background-selected-light: #ffffff;
  --agorum-color-home-tab-bar-background-selected-light-rgb: 255, 255, 255;
  --agorum-color-home-tab-bar-background-selected-shade: #808080;
  --agorum-color-home-tab-bar-background-selected-shade-rgb: 128, 128, 128;
}

.agorum-card.mark-gray-1 {
  border-left: 4px solid var(--agorum-color-gray-1);
}

.agorum-card.background-gray-1 {
  background: var(--agorum-color-gray-1-light);
}

.agorum-background-color-gray-1 {
  background-color: var(--agorum-color-gray-1);
  color: var(--agorum-color-gray-1-contrast);
  stroke: var(--agorum-color-gray-1-contrast);
  fill: var(--agorum-color-gray-1-contrast);
}

.agorum-chip.agorum-background-color-gray-1 {
  background-color: rgba(var(--agorum-color-gray-1-rgb), 0.2);
  color: var(--agorum-color-gray-1-shade);
  stroke: var(--agorum-color-gray-1-shade);
  fill: var(--agorum-color-gray-1-shade);
}

.agorum-card.mark-gray-1-contrast {
  border-left: 4px solid var(--agorum-color-gray-1-contrast);
}

.agorum-card.background-gray-1-contrast {
  background: var(--agorum-color-gray-1-contrast-light);
}

.agorum-background-color-gray-1-contrast {
  background-color: var(--agorum-color-gray-1-contrast);
  color: var(--agorum-color-gray-1-contrast-contrast);
  stroke: var(--agorum-color-gray-1-contrast-contrast);
  fill: var(--agorum-color-gray-1-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-1-contrast {
  background-color: rgba(var(--agorum-color-gray-1-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-1-contrast-shade);
  stroke: var(--agorum-color-gray-1-contrast-shade);
  fill: var(--agorum-color-gray-1-contrast-shade);
}

.agorum-card.mark-gray-1-light {
  border-left: 4px solid var(--agorum-color-gray-1-light);
}

.agorum-card.background-gray-1-light {
  background: var(--agorum-color-gray-1-light-light);
}

.agorum-background-color-gray-1-light {
  background-color: var(--agorum-color-gray-1-light);
  color: var(--agorum-color-gray-1-light-contrast);
  stroke: var(--agorum-color-gray-1-light-contrast);
  fill: var(--agorum-color-gray-1-light-contrast);
}

.agorum-chip.agorum-background-color-gray-1-light {
  background-color: rgba(var(--agorum-color-gray-1-light-rgb), 0.2);
  color: var(--agorum-color-gray-1-light-shade);
  stroke: var(--agorum-color-gray-1-light-shade);
  fill: var(--agorum-color-gray-1-light-shade);
}

.agorum-card.mark-gray-1-shade {
  border-left: 4px solid var(--agorum-color-gray-1-shade);
}

.agorum-card.background-gray-1-shade {
  background: var(--agorum-color-gray-1-shade-light);
}

.agorum-background-color-gray-1-shade {
  background-color: var(--agorum-color-gray-1-shade);
  color: var(--agorum-color-gray-1-shade-contrast);
  stroke: var(--agorum-color-gray-1-shade-contrast);
  fill: var(--agorum-color-gray-1-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-1-shade {
  background-color: rgba(var(--agorum-color-gray-1-shade-rgb), 0.2);
  color: var(--agorum-color-gray-1-shade-shade);
  stroke: var(--agorum-color-gray-1-shade-shade);
  fill: var(--agorum-color-gray-1-shade-shade);
}

.agorum-card.mark-gray-2 {
  border-left: 4px solid var(--agorum-color-gray-2);
}

.agorum-card.background-gray-2 {
  background: var(--agorum-color-gray-2-light);
}

.agorum-background-color-gray-2 {
  background-color: var(--agorum-color-gray-2);
  color: var(--agorum-color-gray-2-contrast);
  stroke: var(--agorum-color-gray-2-contrast);
  fill: var(--agorum-color-gray-2-contrast);
}

.agorum-chip.agorum-background-color-gray-2 {
  background-color: rgba(var(--agorum-color-gray-2-rgb), 0.2);
  color: var(--agorum-color-gray-2-shade);
  stroke: var(--agorum-color-gray-2-shade);
  fill: var(--agorum-color-gray-2-shade);
}

.agorum-card.mark-gray-2-contrast {
  border-left: 4px solid var(--agorum-color-gray-2-contrast);
}

.agorum-card.background-gray-2-contrast {
  background: var(--agorum-color-gray-2-contrast-light);
}

.agorum-background-color-gray-2-contrast {
  background-color: var(--agorum-color-gray-2-contrast);
  color: var(--agorum-color-gray-2-contrast-contrast);
  stroke: var(--agorum-color-gray-2-contrast-contrast);
  fill: var(--agorum-color-gray-2-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-2-contrast {
  background-color: rgba(var(--agorum-color-gray-2-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-2-contrast-shade);
  stroke: var(--agorum-color-gray-2-contrast-shade);
  fill: var(--agorum-color-gray-2-contrast-shade);
}

.agorum-card.mark-gray-2-light {
  border-left: 4px solid var(--agorum-color-gray-2-light);
}

.agorum-card.background-gray-2-light {
  background: var(--agorum-color-gray-2-light-light);
}

.agorum-background-color-gray-2-light {
  background-color: var(--agorum-color-gray-2-light);
  color: var(--agorum-color-gray-2-light-contrast);
  stroke: var(--agorum-color-gray-2-light-contrast);
  fill: var(--agorum-color-gray-2-light-contrast);
}

.agorum-chip.agorum-background-color-gray-2-light {
  background-color: rgba(var(--agorum-color-gray-2-light-rgb), 0.2);
  color: var(--agorum-color-gray-2-light-shade);
  stroke: var(--agorum-color-gray-2-light-shade);
  fill: var(--agorum-color-gray-2-light-shade);
}

.agorum-card.mark-gray-2-shade {
  border-left: 4px solid var(--agorum-color-gray-2-shade);
}

.agorum-card.background-gray-2-shade {
  background: var(--agorum-color-gray-2-shade-light);
}

.agorum-background-color-gray-2-shade {
  background-color: var(--agorum-color-gray-2-shade);
  color: var(--agorum-color-gray-2-shade-contrast);
  stroke: var(--agorum-color-gray-2-shade-contrast);
  fill: var(--agorum-color-gray-2-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-2-shade {
  background-color: rgba(var(--agorum-color-gray-2-shade-rgb), 0.2);
  color: var(--agorum-color-gray-2-shade-shade);
  stroke: var(--agorum-color-gray-2-shade-shade);
  fill: var(--agorum-color-gray-2-shade-shade);
}

.agorum-card.mark-gray-3 {
  border-left: 4px solid var(--agorum-color-gray-3);
}

.agorum-card.background-gray-3 {
  background: var(--agorum-color-gray-3-light);
}

.agorum-background-color-gray-3 {
  background-color: var(--agorum-color-gray-3);
  color: var(--agorum-color-gray-3-contrast);
  stroke: var(--agorum-color-gray-3-contrast);
  fill: var(--agorum-color-gray-3-contrast);
}

.agorum-chip.agorum-background-color-gray-3 {
  background-color: rgba(var(--agorum-color-gray-3-rgb), 0.2);
  color: var(--agorum-color-gray-3-shade);
  stroke: var(--agorum-color-gray-3-shade);
  fill: var(--agorum-color-gray-3-shade);
}

.agorum-card.mark-gray-3-contrast {
  border-left: 4px solid var(--agorum-color-gray-3-contrast);
}

.agorum-card.background-gray-3-contrast {
  background: var(--agorum-color-gray-3-contrast-light);
}

.agorum-background-color-gray-3-contrast {
  background-color: var(--agorum-color-gray-3-contrast);
  color: var(--agorum-color-gray-3-contrast-contrast);
  stroke: var(--agorum-color-gray-3-contrast-contrast);
  fill: var(--agorum-color-gray-3-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-3-contrast {
  background-color: rgba(var(--agorum-color-gray-3-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-3-contrast-shade);
  stroke: var(--agorum-color-gray-3-contrast-shade);
  fill: var(--agorum-color-gray-3-contrast-shade);
}

.agorum-card.mark-gray-3-light {
  border-left: 4px solid var(--agorum-color-gray-3-light);
}

.agorum-card.background-gray-3-light {
  background: var(--agorum-color-gray-3-light-light);
}

.agorum-background-color-gray-3-light {
  background-color: var(--agorum-color-gray-3-light);
  color: var(--agorum-color-gray-3-light-contrast);
  stroke: var(--agorum-color-gray-3-light-contrast);
  fill: var(--agorum-color-gray-3-light-contrast);
}

.agorum-chip.agorum-background-color-gray-3-light {
  background-color: rgba(var(--agorum-color-gray-3-light-rgb), 0.2);
  color: var(--agorum-color-gray-3-light-shade);
  stroke: var(--agorum-color-gray-3-light-shade);
  fill: var(--agorum-color-gray-3-light-shade);
}

.agorum-card.mark-gray-3-shade {
  border-left: 4px solid var(--agorum-color-gray-3-shade);
}

.agorum-card.background-gray-3-shade {
  background: var(--agorum-color-gray-3-shade-light);
}

.agorum-background-color-gray-3-shade {
  background-color: var(--agorum-color-gray-3-shade);
  color: var(--agorum-color-gray-3-shade-contrast);
  stroke: var(--agorum-color-gray-3-shade-contrast);
  fill: var(--agorum-color-gray-3-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-3-shade {
  background-color: rgba(var(--agorum-color-gray-3-shade-rgb), 0.2);
  color: var(--agorum-color-gray-3-shade-shade);
  stroke: var(--agorum-color-gray-3-shade-shade);
  fill: var(--agorum-color-gray-3-shade-shade);
}

.agorum-card.mark-gray-4 {
  border-left: 4px solid var(--agorum-color-gray-4);
}

.agorum-card.background-gray-4 {
  background: var(--agorum-color-gray-4-light);
}

.agorum-background-color-gray-4 {
  background-color: var(--agorum-color-gray-4);
  color: var(--agorum-color-gray-4-contrast);
  stroke: var(--agorum-color-gray-4-contrast);
  fill: var(--agorum-color-gray-4-contrast);
}

.agorum-chip.agorum-background-color-gray-4 {
  background-color: rgba(var(--agorum-color-gray-4-rgb), 0.2);
  color: var(--agorum-color-gray-4-shade);
  stroke: var(--agorum-color-gray-4-shade);
  fill: var(--agorum-color-gray-4-shade);
}

.agorum-card.mark-gray-4-contrast {
  border-left: 4px solid var(--agorum-color-gray-4-contrast);
}

.agorum-card.background-gray-4-contrast {
  background: var(--agorum-color-gray-4-contrast-light);
}

.agorum-background-color-gray-4-contrast {
  background-color: var(--agorum-color-gray-4-contrast);
  color: var(--agorum-color-gray-4-contrast-contrast);
  stroke: var(--agorum-color-gray-4-contrast-contrast);
  fill: var(--agorum-color-gray-4-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-4-contrast {
  background-color: rgba(var(--agorum-color-gray-4-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-4-contrast-shade);
  stroke: var(--agorum-color-gray-4-contrast-shade);
  fill: var(--agorum-color-gray-4-contrast-shade);
}

.agorum-card.mark-gray-4-light {
  border-left: 4px solid var(--agorum-color-gray-4-light);
}

.agorum-card.background-gray-4-light {
  background: var(--agorum-color-gray-4-light-light);
}

.agorum-background-color-gray-4-light {
  background-color: var(--agorum-color-gray-4-light);
  color: var(--agorum-color-gray-4-light-contrast);
  stroke: var(--agorum-color-gray-4-light-contrast);
  fill: var(--agorum-color-gray-4-light-contrast);
}

.agorum-chip.agorum-background-color-gray-4-light {
  background-color: rgba(var(--agorum-color-gray-4-light-rgb), 0.2);
  color: var(--agorum-color-gray-4-light-shade);
  stroke: var(--agorum-color-gray-4-light-shade);
  fill: var(--agorum-color-gray-4-light-shade);
}

.agorum-card.mark-gray-4-shade {
  border-left: 4px solid var(--agorum-color-gray-4-shade);
}

.agorum-card.background-gray-4-shade {
  background: var(--agorum-color-gray-4-shade-light);
}

.agorum-background-color-gray-4-shade {
  background-color: var(--agorum-color-gray-4-shade);
  color: var(--agorum-color-gray-4-shade-contrast);
  stroke: var(--agorum-color-gray-4-shade-contrast);
  fill: var(--agorum-color-gray-4-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-4-shade {
  background-color: rgba(var(--agorum-color-gray-4-shade-rgb), 0.2);
  color: var(--agorum-color-gray-4-shade-shade);
  stroke: var(--agorum-color-gray-4-shade-shade);
  fill: var(--agorum-color-gray-4-shade-shade);
}

.agorum-card.mark-gray-5 {
  border-left: 4px solid var(--agorum-color-gray-5);
}

.agorum-card.background-gray-5 {
  background: var(--agorum-color-gray-5-light);
}

.agorum-background-color-gray-5 {
  background-color: var(--agorum-color-gray-5);
  color: var(--agorum-color-gray-5-contrast);
  stroke: var(--agorum-color-gray-5-contrast);
  fill: var(--agorum-color-gray-5-contrast);
}

.agorum-chip.agorum-background-color-gray-5 {
  background-color: rgba(var(--agorum-color-gray-5-rgb), 0.2);
  color: var(--agorum-color-gray-5-shade);
  stroke: var(--agorum-color-gray-5-shade);
  fill: var(--agorum-color-gray-5-shade);
}

.agorum-card.mark-gray-5-contrast {
  border-left: 4px solid var(--agorum-color-gray-5-contrast);
}

.agorum-card.background-gray-5-contrast {
  background: var(--agorum-color-gray-5-contrast-light);
}

.agorum-background-color-gray-5-contrast {
  background-color: var(--agorum-color-gray-5-contrast);
  color: var(--agorum-color-gray-5-contrast-contrast);
  stroke: var(--agorum-color-gray-5-contrast-contrast);
  fill: var(--agorum-color-gray-5-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-5-contrast {
  background-color: rgba(var(--agorum-color-gray-5-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-5-contrast-shade);
  stroke: var(--agorum-color-gray-5-contrast-shade);
  fill: var(--agorum-color-gray-5-contrast-shade);
}

.agorum-card.mark-gray-5-light {
  border-left: 4px solid var(--agorum-color-gray-5-light);
}

.agorum-card.background-gray-5-light {
  background: var(--agorum-color-gray-5-light-light);
}

.agorum-background-color-gray-5-light {
  background-color: var(--agorum-color-gray-5-light);
  color: var(--agorum-color-gray-5-light-contrast);
  stroke: var(--agorum-color-gray-5-light-contrast);
  fill: var(--agorum-color-gray-5-light-contrast);
}

.agorum-chip.agorum-background-color-gray-5-light {
  background-color: rgba(var(--agorum-color-gray-5-light-rgb), 0.2);
  color: var(--agorum-color-gray-5-light-shade);
  stroke: var(--agorum-color-gray-5-light-shade);
  fill: var(--agorum-color-gray-5-light-shade);
}

.agorum-card.mark-gray-5-shade {
  border-left: 4px solid var(--agorum-color-gray-5-shade);
}

.agorum-card.background-gray-5-shade {
  background: var(--agorum-color-gray-5-shade-light);
}

.agorum-background-color-gray-5-shade {
  background-color: var(--agorum-color-gray-5-shade);
  color: var(--agorum-color-gray-5-shade-contrast);
  stroke: var(--agorum-color-gray-5-shade-contrast);
  fill: var(--agorum-color-gray-5-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-5-shade {
  background-color: rgba(var(--agorum-color-gray-5-shade-rgb), 0.2);
  color: var(--agorum-color-gray-5-shade-shade);
  stroke: var(--agorum-color-gray-5-shade-shade);
  fill: var(--agorum-color-gray-5-shade-shade);
}

.agorum-card.mark-gray-6 {
  border-left: 4px solid var(--agorum-color-gray-6);
}

.agorum-card.background-gray-6 {
  background: var(--agorum-color-gray-6-light);
}

.agorum-background-color-gray-6 {
  background-color: var(--agorum-color-gray-6);
  color: var(--agorum-color-gray-6-contrast);
  stroke: var(--agorum-color-gray-6-contrast);
  fill: var(--agorum-color-gray-6-contrast);
}

.agorum-chip.agorum-background-color-gray-6 {
  background-color: rgba(var(--agorum-color-gray-6-rgb), 0.2);
  color: var(--agorum-color-gray-6-shade);
  stroke: var(--agorum-color-gray-6-shade);
  fill: var(--agorum-color-gray-6-shade);
}

.agorum-card.mark-gray-6-contrast {
  border-left: 4px solid var(--agorum-color-gray-6-contrast);
}

.agorum-card.background-gray-6-contrast {
  background: var(--agorum-color-gray-6-contrast-light);
}

.agorum-background-color-gray-6-contrast {
  background-color: var(--agorum-color-gray-6-contrast);
  color: var(--agorum-color-gray-6-contrast-contrast);
  stroke: var(--agorum-color-gray-6-contrast-contrast);
  fill: var(--agorum-color-gray-6-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-6-contrast {
  background-color: rgba(var(--agorum-color-gray-6-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-6-contrast-shade);
  stroke: var(--agorum-color-gray-6-contrast-shade);
  fill: var(--agorum-color-gray-6-contrast-shade);
}

.agorum-card.mark-gray-6-light {
  border-left: 4px solid var(--agorum-color-gray-6-light);
}

.agorum-card.background-gray-6-light {
  background: var(--agorum-color-gray-6-light-light);
}

.agorum-background-color-gray-6-light {
  background-color: var(--agorum-color-gray-6-light);
  color: var(--agorum-color-gray-6-light-contrast);
  stroke: var(--agorum-color-gray-6-light-contrast);
  fill: var(--agorum-color-gray-6-light-contrast);
}

.agorum-chip.agorum-background-color-gray-6-light {
  background-color: rgba(var(--agorum-color-gray-6-light-rgb), 0.2);
  color: var(--agorum-color-gray-6-light-shade);
  stroke: var(--agorum-color-gray-6-light-shade);
  fill: var(--agorum-color-gray-6-light-shade);
}

.agorum-card.mark-gray-6-shade {
  border-left: 4px solid var(--agorum-color-gray-6-shade);
}

.agorum-card.background-gray-6-shade {
  background: var(--agorum-color-gray-6-shade-light);
}

.agorum-background-color-gray-6-shade {
  background-color: var(--agorum-color-gray-6-shade);
  color: var(--agorum-color-gray-6-shade-contrast);
  stroke: var(--agorum-color-gray-6-shade-contrast);
  fill: var(--agorum-color-gray-6-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-6-shade {
  background-color: rgba(var(--agorum-color-gray-6-shade-rgb), 0.2);
  color: var(--agorum-color-gray-6-shade-shade);
  stroke: var(--agorum-color-gray-6-shade-shade);
  fill: var(--agorum-color-gray-6-shade-shade);
}

.agorum-card.mark-gray-7 {
  border-left: 4px solid var(--agorum-color-gray-7);
}

.agorum-card.background-gray-7 {
  background: var(--agorum-color-gray-7-light);
}

.agorum-background-color-gray-7 {
  background-color: var(--agorum-color-gray-7);
  color: var(--agorum-color-gray-7-contrast);
  stroke: var(--agorum-color-gray-7-contrast);
  fill: var(--agorum-color-gray-7-contrast);
}

.agorum-chip.agorum-background-color-gray-7 {
  background-color: rgba(var(--agorum-color-gray-7-rgb), 0.2);
  color: var(--agorum-color-gray-7-shade);
  stroke: var(--agorum-color-gray-7-shade);
  fill: var(--agorum-color-gray-7-shade);
}

.agorum-card.mark-gray-7-contrast {
  border-left: 4px solid var(--agorum-color-gray-7-contrast);
}

.agorum-card.background-gray-7-contrast {
  background: var(--agorum-color-gray-7-contrast-light);
}

.agorum-background-color-gray-7-contrast {
  background-color: var(--agorum-color-gray-7-contrast);
  color: var(--agorum-color-gray-7-contrast-contrast);
  stroke: var(--agorum-color-gray-7-contrast-contrast);
  fill: var(--agorum-color-gray-7-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-7-contrast {
  background-color: rgba(var(--agorum-color-gray-7-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-7-contrast-shade);
  stroke: var(--agorum-color-gray-7-contrast-shade);
  fill: var(--agorum-color-gray-7-contrast-shade);
}

.agorum-card.mark-gray-7-light {
  border-left: 4px solid var(--agorum-color-gray-7-light);
}

.agorum-card.background-gray-7-light {
  background: var(--agorum-color-gray-7-light-light);
}

.agorum-background-color-gray-7-light {
  background-color: var(--agorum-color-gray-7-light);
  color: var(--agorum-color-gray-7-light-contrast);
  stroke: var(--agorum-color-gray-7-light-contrast);
  fill: var(--agorum-color-gray-7-light-contrast);
}

.agorum-chip.agorum-background-color-gray-7-light {
  background-color: rgba(var(--agorum-color-gray-7-light-rgb), 0.2);
  color: var(--agorum-color-gray-7-light-shade);
  stroke: var(--agorum-color-gray-7-light-shade);
  fill: var(--agorum-color-gray-7-light-shade);
}

.agorum-card.mark-gray-7-shade {
  border-left: 4px solid var(--agorum-color-gray-7-shade);
}

.agorum-card.background-gray-7-shade {
  background: var(--agorum-color-gray-7-shade-light);
}

.agorum-background-color-gray-7-shade {
  background-color: var(--agorum-color-gray-7-shade);
  color: var(--agorum-color-gray-7-shade-contrast);
  stroke: var(--agorum-color-gray-7-shade-contrast);
  fill: var(--agorum-color-gray-7-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-7-shade {
  background-color: rgba(var(--agorum-color-gray-7-shade-rgb), 0.2);
  color: var(--agorum-color-gray-7-shade-shade);
  stroke: var(--agorum-color-gray-7-shade-shade);
  fill: var(--agorum-color-gray-7-shade-shade);
}

.agorum-card.mark-gray-8 {
  border-left: 4px solid var(--agorum-color-gray-8);
}

.agorum-card.background-gray-8 {
  background: var(--agorum-color-gray-8-light);
}

.agorum-background-color-gray-8 {
  background-color: var(--agorum-color-gray-8);
  color: var(--agorum-color-gray-8-contrast);
  stroke: var(--agorum-color-gray-8-contrast);
  fill: var(--agorum-color-gray-8-contrast);
}

.agorum-chip.agorum-background-color-gray-8 {
  background-color: rgba(var(--agorum-color-gray-8-rgb), 0.2);
  color: var(--agorum-color-gray-8-shade);
  stroke: var(--agorum-color-gray-8-shade);
  fill: var(--agorum-color-gray-8-shade);
}

.agorum-card.mark-gray-8-contrast {
  border-left: 4px solid var(--agorum-color-gray-8-contrast);
}

.agorum-card.background-gray-8-contrast {
  background: var(--agorum-color-gray-8-contrast-light);
}

.agorum-background-color-gray-8-contrast {
  background-color: var(--agorum-color-gray-8-contrast);
  color: var(--agorum-color-gray-8-contrast-contrast);
  stroke: var(--agorum-color-gray-8-contrast-contrast);
  fill: var(--agorum-color-gray-8-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-8-contrast {
  background-color: rgba(var(--agorum-color-gray-8-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-8-contrast-shade);
  stroke: var(--agorum-color-gray-8-contrast-shade);
  fill: var(--agorum-color-gray-8-contrast-shade);
}

.agorum-card.mark-gray-8-light {
  border-left: 4px solid var(--agorum-color-gray-8-light);
}

.agorum-card.background-gray-8-light {
  background: var(--agorum-color-gray-8-light-light);
}

.agorum-background-color-gray-8-light {
  background-color: var(--agorum-color-gray-8-light);
  color: var(--agorum-color-gray-8-light-contrast);
  stroke: var(--agorum-color-gray-8-light-contrast);
  fill: var(--agorum-color-gray-8-light-contrast);
}

.agorum-chip.agorum-background-color-gray-8-light {
  background-color: rgba(var(--agorum-color-gray-8-light-rgb), 0.2);
  color: var(--agorum-color-gray-8-light-shade);
  stroke: var(--agorum-color-gray-8-light-shade);
  fill: var(--agorum-color-gray-8-light-shade);
}

.agorum-card.mark-gray-8-shade {
  border-left: 4px solid var(--agorum-color-gray-8-shade);
}

.agorum-card.background-gray-8-shade {
  background: var(--agorum-color-gray-8-shade-light);
}

.agorum-background-color-gray-8-shade {
  background-color: var(--agorum-color-gray-8-shade);
  color: var(--agorum-color-gray-8-shade-contrast);
  stroke: var(--agorum-color-gray-8-shade-contrast);
  fill: var(--agorum-color-gray-8-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-8-shade {
  background-color: rgba(var(--agorum-color-gray-8-shade-rgb), 0.2);
  color: var(--agorum-color-gray-8-shade-shade);
  stroke: var(--agorum-color-gray-8-shade-shade);
  fill: var(--agorum-color-gray-8-shade-shade);
}

.agorum-card.mark-gray-9 {
  border-left: 4px solid var(--agorum-color-gray-9);
}

.agorum-card.background-gray-9 {
  background: var(--agorum-color-gray-9-light);
}

.agorum-background-color-gray-9 {
  background-color: var(--agorum-color-gray-9);
  color: var(--agorum-color-gray-9-contrast);
  stroke: var(--agorum-color-gray-9-contrast);
  fill: var(--agorum-color-gray-9-contrast);
}

.agorum-chip.agorum-background-color-gray-9 {
  background-color: rgba(var(--agorum-color-gray-9-rgb), 0.2);
  color: var(--agorum-color-gray-9-shade);
  stroke: var(--agorum-color-gray-9-shade);
  fill: var(--agorum-color-gray-9-shade);
}

.agorum-card.mark-gray-9-contrast {
  border-left: 4px solid var(--agorum-color-gray-9-contrast);
}

.agorum-card.background-gray-9-contrast {
  background: var(--agorum-color-gray-9-contrast-light);
}

.agorum-background-color-gray-9-contrast {
  background-color: var(--agorum-color-gray-9-contrast);
  color: var(--agorum-color-gray-9-contrast-contrast);
  stroke: var(--agorum-color-gray-9-contrast-contrast);
  fill: var(--agorum-color-gray-9-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-9-contrast {
  background-color: rgba(var(--agorum-color-gray-9-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-9-contrast-shade);
  stroke: var(--agorum-color-gray-9-contrast-shade);
  fill: var(--agorum-color-gray-9-contrast-shade);
}

.agorum-card.mark-gray-9-light {
  border-left: 4px solid var(--agorum-color-gray-9-light);
}

.agorum-card.background-gray-9-light {
  background: var(--agorum-color-gray-9-light-light);
}

.agorum-background-color-gray-9-light {
  background-color: var(--agorum-color-gray-9-light);
  color: var(--agorum-color-gray-9-light-contrast);
  stroke: var(--agorum-color-gray-9-light-contrast);
  fill: var(--agorum-color-gray-9-light-contrast);
}

.agorum-chip.agorum-background-color-gray-9-light {
  background-color: rgba(var(--agorum-color-gray-9-light-rgb), 0.2);
  color: var(--agorum-color-gray-9-light-shade);
  stroke: var(--agorum-color-gray-9-light-shade);
  fill: var(--agorum-color-gray-9-light-shade);
}

.agorum-card.mark-gray-9-shade {
  border-left: 4px solid var(--agorum-color-gray-9-shade);
}

.agorum-card.background-gray-9-shade {
  background: var(--agorum-color-gray-9-shade-light);
}

.agorum-background-color-gray-9-shade {
  background-color: var(--agorum-color-gray-9-shade);
  color: var(--agorum-color-gray-9-shade-contrast);
  stroke: var(--agorum-color-gray-9-shade-contrast);
  fill: var(--agorum-color-gray-9-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-9-shade {
  background-color: rgba(var(--agorum-color-gray-9-shade-rgb), 0.2);
  color: var(--agorum-color-gray-9-shade-shade);
  stroke: var(--agorum-color-gray-9-shade-shade);
  fill: var(--agorum-color-gray-9-shade-shade);
}

.agorum-card.mark-gray-10 {
  border-left: 4px solid var(--agorum-color-gray-10);
}

.agorum-card.background-gray-10 {
  background: var(--agorum-color-gray-10-light);
}

.agorum-background-color-gray-10 {
  background-color: var(--agorum-color-gray-10);
  color: var(--agorum-color-gray-10-contrast);
  stroke: var(--agorum-color-gray-10-contrast);
  fill: var(--agorum-color-gray-10-contrast);
}

.agorum-chip.agorum-background-color-gray-10 {
  background-color: rgba(var(--agorum-color-gray-10-rgb), 0.2);
  color: var(--agorum-color-gray-10-shade);
  stroke: var(--agorum-color-gray-10-shade);
  fill: var(--agorum-color-gray-10-shade);
}

.agorum-card.mark-gray-10-contrast {
  border-left: 4px solid var(--agorum-color-gray-10-contrast);
}

.agorum-card.background-gray-10-contrast {
  background: var(--agorum-color-gray-10-contrast-light);
}

.agorum-background-color-gray-10-contrast {
  background-color: var(--agorum-color-gray-10-contrast);
  color: var(--agorum-color-gray-10-contrast-contrast);
  stroke: var(--agorum-color-gray-10-contrast-contrast);
  fill: var(--agorum-color-gray-10-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-10-contrast {
  background-color: rgba(var(--agorum-color-gray-10-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-10-contrast-shade);
  stroke: var(--agorum-color-gray-10-contrast-shade);
  fill: var(--agorum-color-gray-10-contrast-shade);
}

.agorum-card.mark-gray-10-light {
  border-left: 4px solid var(--agorum-color-gray-10-light);
}

.agorum-card.background-gray-10-light {
  background: var(--agorum-color-gray-10-light-light);
}

.agorum-background-color-gray-10-light {
  background-color: var(--agorum-color-gray-10-light);
  color: var(--agorum-color-gray-10-light-contrast);
  stroke: var(--agorum-color-gray-10-light-contrast);
  fill: var(--agorum-color-gray-10-light-contrast);
}

.agorum-chip.agorum-background-color-gray-10-light {
  background-color: rgba(var(--agorum-color-gray-10-light-rgb), 0.2);
  color: var(--agorum-color-gray-10-light-shade);
  stroke: var(--agorum-color-gray-10-light-shade);
  fill: var(--agorum-color-gray-10-light-shade);
}

.agorum-card.mark-gray-10-shade {
  border-left: 4px solid var(--agorum-color-gray-10-shade);
}

.agorum-card.background-gray-10-shade {
  background: var(--agorum-color-gray-10-shade-light);
}

.agorum-background-color-gray-10-shade {
  background-color: var(--agorum-color-gray-10-shade);
  color: var(--agorum-color-gray-10-shade-contrast);
  stroke: var(--agorum-color-gray-10-shade-contrast);
  fill: var(--agorum-color-gray-10-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-10-shade {
  background-color: rgba(var(--agorum-color-gray-10-shade-rgb), 0.2);
  color: var(--agorum-color-gray-10-shade-shade);
  stroke: var(--agorum-color-gray-10-shade-shade);
  fill: var(--agorum-color-gray-10-shade-shade);
}

.agorum-card.mark-gray-11 {
  border-left: 4px solid var(--agorum-color-gray-11);
}

.agorum-card.background-gray-11 {
  background: var(--agorum-color-gray-11-light);
}

.agorum-background-color-gray-11 {
  background-color: var(--agorum-color-gray-11);
  color: var(--agorum-color-gray-11-contrast);
  stroke: var(--agorum-color-gray-11-contrast);
  fill: var(--agorum-color-gray-11-contrast);
}

.agorum-chip.agorum-background-color-gray-11 {
  background-color: rgba(var(--agorum-color-gray-11-rgb), 0.2);
  color: var(--agorum-color-gray-11-shade);
  stroke: var(--agorum-color-gray-11-shade);
  fill: var(--agorum-color-gray-11-shade);
}

.agorum-card.mark-gray-11-contrast {
  border-left: 4px solid var(--agorum-color-gray-11-contrast);
}

.agorum-card.background-gray-11-contrast {
  background: var(--agorum-color-gray-11-contrast-light);
}

.agorum-background-color-gray-11-contrast {
  background-color: var(--agorum-color-gray-11-contrast);
  color: var(--agorum-color-gray-11-contrast-contrast);
  stroke: var(--agorum-color-gray-11-contrast-contrast);
  fill: var(--agorum-color-gray-11-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-11-contrast {
  background-color: rgba(var(--agorum-color-gray-11-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-11-contrast-shade);
  stroke: var(--agorum-color-gray-11-contrast-shade);
  fill: var(--agorum-color-gray-11-contrast-shade);
}

.agorum-card.mark-gray-11-light {
  border-left: 4px solid var(--agorum-color-gray-11-light);
}

.agorum-card.background-gray-11-light {
  background: var(--agorum-color-gray-11-light-light);
}

.agorum-background-color-gray-11-light {
  background-color: var(--agorum-color-gray-11-light);
  color: var(--agorum-color-gray-11-light-contrast);
  stroke: var(--agorum-color-gray-11-light-contrast);
  fill: var(--agorum-color-gray-11-light-contrast);
}

.agorum-chip.agorum-background-color-gray-11-light {
  background-color: rgba(var(--agorum-color-gray-11-light-rgb), 0.2);
  color: var(--agorum-color-gray-11-light-shade);
  stroke: var(--agorum-color-gray-11-light-shade);
  fill: var(--agorum-color-gray-11-light-shade);
}

.agorum-card.mark-gray-11-shade {
  border-left: 4px solid var(--agorum-color-gray-11-shade);
}

.agorum-card.background-gray-11-shade {
  background: var(--agorum-color-gray-11-shade-light);
}

.agorum-background-color-gray-11-shade {
  background-color: var(--agorum-color-gray-11-shade);
  color: var(--agorum-color-gray-11-shade-contrast);
  stroke: var(--agorum-color-gray-11-shade-contrast);
  fill: var(--agorum-color-gray-11-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-11-shade {
  background-color: rgba(var(--agorum-color-gray-11-shade-rgb), 0.2);
  color: var(--agorum-color-gray-11-shade-shade);
  stroke: var(--agorum-color-gray-11-shade-shade);
  fill: var(--agorum-color-gray-11-shade-shade);
}

.agorum-card.mark-gray-12 {
  border-left: 4px solid var(--agorum-color-gray-12);
}

.agorum-card.background-gray-12 {
  background: var(--agorum-color-gray-12-light);
}

.agorum-background-color-gray-12 {
  background-color: var(--agorum-color-gray-12);
  color: var(--agorum-color-gray-12-contrast);
  stroke: var(--agorum-color-gray-12-contrast);
  fill: var(--agorum-color-gray-12-contrast);
}

.agorum-chip.agorum-background-color-gray-12 {
  background-color: rgba(var(--agorum-color-gray-12-rgb), 0.2);
  color: var(--agorum-color-gray-12-shade);
  stroke: var(--agorum-color-gray-12-shade);
  fill: var(--agorum-color-gray-12-shade);
}

.agorum-card.mark-gray-12-contrast {
  border-left: 4px solid var(--agorum-color-gray-12-contrast);
}

.agorum-card.background-gray-12-contrast {
  background: var(--agorum-color-gray-12-contrast-light);
}

.agorum-background-color-gray-12-contrast {
  background-color: var(--agorum-color-gray-12-contrast);
  color: var(--agorum-color-gray-12-contrast-contrast);
  stroke: var(--agorum-color-gray-12-contrast-contrast);
  fill: var(--agorum-color-gray-12-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-12-contrast {
  background-color: rgba(var(--agorum-color-gray-12-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-12-contrast-shade);
  stroke: var(--agorum-color-gray-12-contrast-shade);
  fill: var(--agorum-color-gray-12-contrast-shade);
}

.agorum-card.mark-gray-12-light {
  border-left: 4px solid var(--agorum-color-gray-12-light);
}

.agorum-card.background-gray-12-light {
  background: var(--agorum-color-gray-12-light-light);
}

.agorum-background-color-gray-12-light {
  background-color: var(--agorum-color-gray-12-light);
  color: var(--agorum-color-gray-12-light-contrast);
  stroke: var(--agorum-color-gray-12-light-contrast);
  fill: var(--agorum-color-gray-12-light-contrast);
}

.agorum-chip.agorum-background-color-gray-12-light {
  background-color: rgba(var(--agorum-color-gray-12-light-rgb), 0.2);
  color: var(--agorum-color-gray-12-light-shade);
  stroke: var(--agorum-color-gray-12-light-shade);
  fill: var(--agorum-color-gray-12-light-shade);
}

.agorum-card.mark-gray-12-shade {
  border-left: 4px solid var(--agorum-color-gray-12-shade);
}

.agorum-card.background-gray-12-shade {
  background: var(--agorum-color-gray-12-shade-light);
}

.agorum-background-color-gray-12-shade {
  background-color: var(--agorum-color-gray-12-shade);
  color: var(--agorum-color-gray-12-shade-contrast);
  stroke: var(--agorum-color-gray-12-shade-contrast);
  fill: var(--agorum-color-gray-12-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-12-shade {
  background-color: rgba(var(--agorum-color-gray-12-shade-rgb), 0.2);
  color: var(--agorum-color-gray-12-shade-shade);
  stroke: var(--agorum-color-gray-12-shade-shade);
  fill: var(--agorum-color-gray-12-shade-shade);
}

.agorum-card.mark-gray-13 {
  border-left: 4px solid var(--agorum-color-gray-13);
}

.agorum-card.background-gray-13 {
  background: var(--agorum-color-gray-13-light);
}

.agorum-background-color-gray-13 {
  background-color: var(--agorum-color-gray-13);
  color: var(--agorum-color-gray-13-contrast);
  stroke: var(--agorum-color-gray-13-contrast);
  fill: var(--agorum-color-gray-13-contrast);
}

.agorum-chip.agorum-background-color-gray-13 {
  background-color: rgba(var(--agorum-color-gray-13-rgb), 0.2);
  color: var(--agorum-color-gray-13-shade);
  stroke: var(--agorum-color-gray-13-shade);
  fill: var(--agorum-color-gray-13-shade);
}

.agorum-card.mark-gray-13-contrast {
  border-left: 4px solid var(--agorum-color-gray-13-contrast);
}

.agorum-card.background-gray-13-contrast {
  background: var(--agorum-color-gray-13-contrast-light);
}

.agorum-background-color-gray-13-contrast {
  background-color: var(--agorum-color-gray-13-contrast);
  color: var(--agorum-color-gray-13-contrast-contrast);
  stroke: var(--agorum-color-gray-13-contrast-contrast);
  fill: var(--agorum-color-gray-13-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-13-contrast {
  background-color: rgba(var(--agorum-color-gray-13-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-13-contrast-shade);
  stroke: var(--agorum-color-gray-13-contrast-shade);
  fill: var(--agorum-color-gray-13-contrast-shade);
}

.agorum-card.mark-gray-13-light {
  border-left: 4px solid var(--agorum-color-gray-13-light);
}

.agorum-card.background-gray-13-light {
  background: var(--agorum-color-gray-13-light-light);
}

.agorum-background-color-gray-13-light {
  background-color: var(--agorum-color-gray-13-light);
  color: var(--agorum-color-gray-13-light-contrast);
  stroke: var(--agorum-color-gray-13-light-contrast);
  fill: var(--agorum-color-gray-13-light-contrast);
}

.agorum-chip.agorum-background-color-gray-13-light {
  background-color: rgba(var(--agorum-color-gray-13-light-rgb), 0.2);
  color: var(--agorum-color-gray-13-light-shade);
  stroke: var(--agorum-color-gray-13-light-shade);
  fill: var(--agorum-color-gray-13-light-shade);
}

.agorum-card.mark-gray-13-shade {
  border-left: 4px solid var(--agorum-color-gray-13-shade);
}

.agorum-card.background-gray-13-shade {
  background: var(--agorum-color-gray-13-shade-light);
}

.agorum-background-color-gray-13-shade {
  background-color: var(--agorum-color-gray-13-shade);
  color: var(--agorum-color-gray-13-shade-contrast);
  stroke: var(--agorum-color-gray-13-shade-contrast);
  fill: var(--agorum-color-gray-13-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-13-shade {
  background-color: rgba(var(--agorum-color-gray-13-shade-rgb), 0.2);
  color: var(--agorum-color-gray-13-shade-shade);
  stroke: var(--agorum-color-gray-13-shade-shade);
  fill: var(--agorum-color-gray-13-shade-shade);
}

.agorum-card.mark-gray-14 {
  border-left: 4px solid var(--agorum-color-gray-14);
}

.agorum-card.background-gray-14 {
  background: var(--agorum-color-gray-14-light);
}

.agorum-background-color-gray-14 {
  background-color: var(--agorum-color-gray-14);
  color: var(--agorum-color-gray-14-contrast);
  stroke: var(--agorum-color-gray-14-contrast);
  fill: var(--agorum-color-gray-14-contrast);
}

.agorum-chip.agorum-background-color-gray-14 {
  background-color: rgba(var(--agorum-color-gray-14-rgb), 0.2);
  color: var(--agorum-color-gray-14-shade);
  stroke: var(--agorum-color-gray-14-shade);
  fill: var(--agorum-color-gray-14-shade);
}

.agorum-card.mark-gray-14-contrast {
  border-left: 4px solid var(--agorum-color-gray-14-contrast);
}

.agorum-card.background-gray-14-contrast {
  background: var(--agorum-color-gray-14-contrast-light);
}

.agorum-background-color-gray-14-contrast {
  background-color: var(--agorum-color-gray-14-contrast);
  color: var(--agorum-color-gray-14-contrast-contrast);
  stroke: var(--agorum-color-gray-14-contrast-contrast);
  fill: var(--agorum-color-gray-14-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-14-contrast {
  background-color: rgba(var(--agorum-color-gray-14-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-14-contrast-shade);
  stroke: var(--agorum-color-gray-14-contrast-shade);
  fill: var(--agorum-color-gray-14-contrast-shade);
}

.agorum-card.mark-gray-14-light {
  border-left: 4px solid var(--agorum-color-gray-14-light);
}

.agorum-card.background-gray-14-light {
  background: var(--agorum-color-gray-14-light-light);
}

.agorum-background-color-gray-14-light {
  background-color: var(--agorum-color-gray-14-light);
  color: var(--agorum-color-gray-14-light-contrast);
  stroke: var(--agorum-color-gray-14-light-contrast);
  fill: var(--agorum-color-gray-14-light-contrast);
}

.agorum-chip.agorum-background-color-gray-14-light {
  background-color: rgba(var(--agorum-color-gray-14-light-rgb), 0.2);
  color: var(--agorum-color-gray-14-light-shade);
  stroke: var(--agorum-color-gray-14-light-shade);
  fill: var(--agorum-color-gray-14-light-shade);
}

.agorum-card.mark-gray-14-shade {
  border-left: 4px solid var(--agorum-color-gray-14-shade);
}

.agorum-card.background-gray-14-shade {
  background: var(--agorum-color-gray-14-shade-light);
}

.agorum-background-color-gray-14-shade {
  background-color: var(--agorum-color-gray-14-shade);
  color: var(--agorum-color-gray-14-shade-contrast);
  stroke: var(--agorum-color-gray-14-shade-contrast);
  fill: var(--agorum-color-gray-14-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-14-shade {
  background-color: rgba(var(--agorum-color-gray-14-shade-rgb), 0.2);
  color: var(--agorum-color-gray-14-shade-shade);
  stroke: var(--agorum-color-gray-14-shade-shade);
  fill: var(--agorum-color-gray-14-shade-shade);
}

.agorum-card.mark-gray-15 {
  border-left: 4px solid var(--agorum-color-gray-15);
}

.agorum-card.background-gray-15 {
  background: var(--agorum-color-gray-15-light);
}

.agorum-background-color-gray-15 {
  background-color: var(--agorum-color-gray-15);
  color: var(--agorum-color-gray-15-contrast);
  stroke: var(--agorum-color-gray-15-contrast);
  fill: var(--agorum-color-gray-15-contrast);
}

.agorum-chip.agorum-background-color-gray-15 {
  background-color: rgba(var(--agorum-color-gray-15-rgb), 0.2);
  color: var(--agorum-color-gray-15-shade);
  stroke: var(--agorum-color-gray-15-shade);
  fill: var(--agorum-color-gray-15-shade);
}

.agorum-card.mark-gray-15-contrast {
  border-left: 4px solid var(--agorum-color-gray-15-contrast);
}

.agorum-card.background-gray-15-contrast {
  background: var(--agorum-color-gray-15-contrast-light);
}

.agorum-background-color-gray-15-contrast {
  background-color: var(--agorum-color-gray-15-contrast);
  color: var(--agorum-color-gray-15-contrast-contrast);
  stroke: var(--agorum-color-gray-15-contrast-contrast);
  fill: var(--agorum-color-gray-15-contrast-contrast);
}

.agorum-chip.agorum-background-color-gray-15-contrast {
  background-color: rgba(var(--agorum-color-gray-15-contrast-rgb), 0.2);
  color: var(--agorum-color-gray-15-contrast-shade);
  stroke: var(--agorum-color-gray-15-contrast-shade);
  fill: var(--agorum-color-gray-15-contrast-shade);
}

.agorum-card.mark-gray-15-light {
  border-left: 4px solid var(--agorum-color-gray-15-light);
}

.agorum-card.background-gray-15-light {
  background: var(--agorum-color-gray-15-light-light);
}

.agorum-background-color-gray-15-light {
  background-color: var(--agorum-color-gray-15-light);
  color: var(--agorum-color-gray-15-light-contrast);
  stroke: var(--agorum-color-gray-15-light-contrast);
  fill: var(--agorum-color-gray-15-light-contrast);
}

.agorum-chip.agorum-background-color-gray-15-light {
  background-color: rgba(var(--agorum-color-gray-15-light-rgb), 0.2);
  color: var(--agorum-color-gray-15-light-shade);
  stroke: var(--agorum-color-gray-15-light-shade);
  fill: var(--agorum-color-gray-15-light-shade);
}

.agorum-card.mark-gray-15-shade {
  border-left: 4px solid var(--agorum-color-gray-15-shade);
}

.agorum-card.background-gray-15-shade {
  background: var(--agorum-color-gray-15-shade-light);
}

.agorum-background-color-gray-15-shade {
  background-color: var(--agorum-color-gray-15-shade);
  color: var(--agorum-color-gray-15-shade-contrast);
  stroke: var(--agorum-color-gray-15-shade-contrast);
  fill: var(--agorum-color-gray-15-shade-contrast);
}

.agorum-chip.agorum-background-color-gray-15-shade {
  background-color: rgba(var(--agorum-color-gray-15-shade-rgb), 0.2);
  color: var(--agorum-color-gray-15-shade-shade);
  stroke: var(--agorum-color-gray-15-shade-shade);
  fill: var(--agorum-color-gray-15-shade-shade);
}

.agorum-card.mark-brand-primary {
  border-left: 4px solid var(--agorum-color-brand-primary);
}

.agorum-card.background-brand-primary {
  background: var(--agorum-color-brand-primary-light);
}

.agorum-background-color-brand-primary {
  background-color: var(--agorum-color-brand-primary);
  color: var(--agorum-color-brand-primary-contrast);
  stroke: var(--agorum-color-brand-primary-contrast);
  fill: var(--agorum-color-brand-primary-contrast);
}

.agorum-chip.agorum-background-color-brand-primary {
  background-color: rgba(var(--agorum-color-brand-primary-rgb), 0.2);
  color: var(--agorum-color-brand-primary-shade);
  stroke: var(--agorum-color-brand-primary-shade);
  fill: var(--agorum-color-brand-primary-shade);
}

.agorum-card.mark-brand-primary-contrast {
  border-left: 4px solid var(--agorum-color-brand-primary-contrast);
}

.agorum-card.background-brand-primary-contrast {
  background: var(--agorum-color-brand-primary-contrast-light);
}

.agorum-background-color-brand-primary-contrast {
  background-color: var(--agorum-color-brand-primary-contrast);
  color: var(--agorum-color-brand-primary-contrast-contrast);
  stroke: var(--agorum-color-brand-primary-contrast-contrast);
  fill: var(--agorum-color-brand-primary-contrast-contrast);
}

.agorum-chip.agorum-background-color-brand-primary-contrast {
  background-color: rgba(var(--agorum-color-brand-primary-contrast-rgb), 0.2);
  color: var(--agorum-color-brand-primary-contrast-shade);
  stroke: var(--agorum-color-brand-primary-contrast-shade);
  fill: var(--agorum-color-brand-primary-contrast-shade);
}

.agorum-card.mark-brand-primary-light {
  border-left: 4px solid var(--agorum-color-brand-primary-light);
}

.agorum-card.background-brand-primary-light {
  background: var(--agorum-color-brand-primary-light-light);
}

.agorum-background-color-brand-primary-light {
  background-color: var(--agorum-color-brand-primary-light);
  color: var(--agorum-color-brand-primary-light-contrast);
  stroke: var(--agorum-color-brand-primary-light-contrast);
  fill: var(--agorum-color-brand-primary-light-contrast);
}

.agorum-chip.agorum-background-color-brand-primary-light {
  background-color: rgba(var(--agorum-color-brand-primary-light-rgb), 0.2);
  color: var(--agorum-color-brand-primary-light-shade);
  stroke: var(--agorum-color-brand-primary-light-shade);
  fill: var(--agorum-color-brand-primary-light-shade);
}

.agorum-card.mark-brand-primary-shade {
  border-left: 4px solid var(--agorum-color-brand-primary-shade);
}

.agorum-card.background-brand-primary-shade {
  background: var(--agorum-color-brand-primary-shade-light);
}

.agorum-background-color-brand-primary-shade {
  background-color: var(--agorum-color-brand-primary-shade);
  color: var(--agorum-color-brand-primary-shade-contrast);
  stroke: var(--agorum-color-brand-primary-shade-contrast);
  fill: var(--agorum-color-brand-primary-shade-contrast);
}

.agorum-chip.agorum-background-color-brand-primary-shade {
  background-color: rgba(var(--agorum-color-brand-primary-shade-rgb), 0.2);
  color: var(--agorum-color-brand-primary-shade-shade);
  stroke: var(--agorum-color-brand-primary-shade-shade);
  fill: var(--agorum-color-brand-primary-shade-shade);
}

.agorum-card.mark-accent-primary {
  border-left: 4px solid var(--agorum-color-accent-primary);
}

.agorum-card.background-accent-primary {
  background: var(--agorum-color-accent-primary-light);
}

.agorum-background-color-accent-primary {
  background-color: var(--agorum-color-accent-primary);
  color: var(--agorum-color-accent-primary-contrast);
  stroke: var(--agorum-color-accent-primary-contrast);
  fill: var(--agorum-color-accent-primary-contrast);
}

.agorum-chip.agorum-background-color-accent-primary {
  background-color: rgba(var(--agorum-color-accent-primary-rgb), 0.2);
  color: var(--agorum-color-accent-primary-shade);
  stroke: var(--agorum-color-accent-primary-shade);
  fill: var(--agorum-color-accent-primary-shade);
}

.agorum-card.mark-accent-primary-contrast {
  border-left: 4px solid var(--agorum-color-accent-primary-contrast);
}

.agorum-card.background-accent-primary-contrast {
  background: var(--agorum-color-accent-primary-contrast-light);
}

.agorum-background-color-accent-primary-contrast {
  background-color: var(--agorum-color-accent-primary-contrast);
  color: var(--agorum-color-accent-primary-contrast-contrast);
  stroke: var(--agorum-color-accent-primary-contrast-contrast);
  fill: var(--agorum-color-accent-primary-contrast-contrast);
}

.agorum-chip.agorum-background-color-accent-primary-contrast {
  background-color: rgba(var(--agorum-color-accent-primary-contrast-rgb), 0.2);
  color: var(--agorum-color-accent-primary-contrast-shade);
  stroke: var(--agorum-color-accent-primary-contrast-shade);
  fill: var(--agorum-color-accent-primary-contrast-shade);
}

.agorum-card.mark-accent-primary-light {
  border-left: 4px solid var(--agorum-color-accent-primary-light);
}

.agorum-card.background-accent-primary-light {
  background: var(--agorum-color-accent-primary-light-light);
}

.agorum-background-color-accent-primary-light {
  background-color: var(--agorum-color-accent-primary-light);
  color: var(--agorum-color-accent-primary-light-contrast);
  stroke: var(--agorum-color-accent-primary-light-contrast);
  fill: var(--agorum-color-accent-primary-light-contrast);
}

.agorum-chip.agorum-background-color-accent-primary-light {
  background-color: rgba(var(--agorum-color-accent-primary-light-rgb), 0.2);
  color: var(--agorum-color-accent-primary-light-shade);
  stroke: var(--agorum-color-accent-primary-light-shade);
  fill: var(--agorum-color-accent-primary-light-shade);
}

.agorum-card.mark-accent-primary-shade {
  border-left: 4px solid var(--agorum-color-accent-primary-shade);
}

.agorum-card.background-accent-primary-shade {
  background: var(--agorum-color-accent-primary-shade-light);
}

.agorum-background-color-accent-primary-shade {
  background-color: var(--agorum-color-accent-primary-shade);
  color: var(--agorum-color-accent-primary-shade-contrast);
  stroke: var(--agorum-color-accent-primary-shade-contrast);
  fill: var(--agorum-color-accent-primary-shade-contrast);
}

.agorum-chip.agorum-background-color-accent-primary-shade {
  background-color: rgba(var(--agorum-color-accent-primary-shade-rgb), 0.2);
  color: var(--agorum-color-accent-primary-shade-shade);
  stroke: var(--agorum-color-accent-primary-shade-shade);
  fill: var(--agorum-color-accent-primary-shade-shade);
}

.agorum-card.mark-accent-secondary {
  border-left: 4px solid var(--agorum-color-accent-secondary);
}

.agorum-card.background-accent-secondary {
  background: var(--agorum-color-accent-secondary-light);
}

.agorum-background-color-accent-secondary {
  background-color: var(--agorum-color-accent-secondary);
  color: var(--agorum-color-accent-secondary-contrast);
  stroke: var(--agorum-color-accent-secondary-contrast);
  fill: var(--agorum-color-accent-secondary-contrast);
}

.agorum-chip.agorum-background-color-accent-secondary {
  background-color: rgba(var(--agorum-color-accent-secondary-rgb), 0.2);
  color: var(--agorum-color-accent-secondary-shade);
  stroke: var(--agorum-color-accent-secondary-shade);
  fill: var(--agorum-color-accent-secondary-shade);
}

.agorum-card.mark-accent-secondary-contrast {
  border-left: 4px solid var(--agorum-color-accent-secondary-contrast);
}

.agorum-card.background-accent-secondary-contrast {
  background: var(--agorum-color-accent-secondary-contrast-light);
}

.agorum-background-color-accent-secondary-contrast {
  background-color: var(--agorum-color-accent-secondary-contrast);
  color: var(--agorum-color-accent-secondary-contrast-contrast);
  stroke: var(--agorum-color-accent-secondary-contrast-contrast);
  fill: var(--agorum-color-accent-secondary-contrast-contrast);
}

.agorum-chip.agorum-background-color-accent-secondary-contrast {
  background-color: rgba(var(--agorum-color-accent-secondary-contrast-rgb), 0.2);
  color: var(--agorum-color-accent-secondary-contrast-shade);
  stroke: var(--agorum-color-accent-secondary-contrast-shade);
  fill: var(--agorum-color-accent-secondary-contrast-shade);
}

.agorum-card.mark-accent-secondary-light {
  border-left: 4px solid var(--agorum-color-accent-secondary-light);
}

.agorum-card.background-accent-secondary-light {
  background: var(--agorum-color-accent-secondary-light-light);
}

.agorum-background-color-accent-secondary-light {
  background-color: var(--agorum-color-accent-secondary-light);
  color: var(--agorum-color-accent-secondary-light-contrast);
  stroke: var(--agorum-color-accent-secondary-light-contrast);
  fill: var(--agorum-color-accent-secondary-light-contrast);
}

.agorum-chip.agorum-background-color-accent-secondary-light {
  background-color: rgba(var(--agorum-color-accent-secondary-light-rgb), 0.2);
  color: var(--agorum-color-accent-secondary-light-shade);
  stroke: var(--agorum-color-accent-secondary-light-shade);
  fill: var(--agorum-color-accent-secondary-light-shade);
}

.agorum-card.mark-accent-secondary-shade {
  border-left: 4px solid var(--agorum-color-accent-secondary-shade);
}

.agorum-card.background-accent-secondary-shade {
  background: var(--agorum-color-accent-secondary-shade-light);
}

.agorum-background-color-accent-secondary-shade {
  background-color: var(--agorum-color-accent-secondary-shade);
  color: var(--agorum-color-accent-secondary-shade-contrast);
  stroke: var(--agorum-color-accent-secondary-shade-contrast);
  fill: var(--agorum-color-accent-secondary-shade-contrast);
}

.agorum-chip.agorum-background-color-accent-secondary-shade {
  background-color: rgba(var(--agorum-color-accent-secondary-shade-rgb), 0.2);
  color: var(--agorum-color-accent-secondary-shade-shade);
  stroke: var(--agorum-color-accent-secondary-shade-shade);
  fill: var(--agorum-color-accent-secondary-shade-shade);
}

.agorum-card.mark-accent-tertiary {
  border-left: 4px solid var(--agorum-color-accent-tertiary);
}

.agorum-card.background-accent-tertiary {
  background: var(--agorum-color-accent-tertiary-light);
}

.agorum-background-color-accent-tertiary {
  background-color: var(--agorum-color-accent-tertiary);
  color: var(--agorum-color-accent-tertiary-contrast);
  stroke: var(--agorum-color-accent-tertiary-contrast);
  fill: var(--agorum-color-accent-tertiary-contrast);
}

.agorum-chip.agorum-background-color-accent-tertiary {
  background-color: rgba(var(--agorum-color-accent-tertiary-rgb), 0.2);
  color: var(--agorum-color-accent-tertiary-shade);
  stroke: var(--agorum-color-accent-tertiary-shade);
  fill: var(--agorum-color-accent-tertiary-shade);
}

.agorum-card.mark-accent-tertiary-contrast {
  border-left: 4px solid var(--agorum-color-accent-tertiary-contrast);
}

.agorum-card.background-accent-tertiary-contrast {
  background: var(--agorum-color-accent-tertiary-contrast-light);
}

.agorum-background-color-accent-tertiary-contrast {
  background-color: var(--agorum-color-accent-tertiary-contrast);
  color: var(--agorum-color-accent-tertiary-contrast-contrast);
  stroke: var(--agorum-color-accent-tertiary-contrast-contrast);
  fill: var(--agorum-color-accent-tertiary-contrast-contrast);
}

.agorum-chip.agorum-background-color-accent-tertiary-contrast {
  background-color: rgba(var(--agorum-color-accent-tertiary-contrast-rgb), 0.2);
  color: var(--agorum-color-accent-tertiary-contrast-shade);
  stroke: var(--agorum-color-accent-tertiary-contrast-shade);
  fill: var(--agorum-color-accent-tertiary-contrast-shade);
}

.agorum-card.mark-accent-tertiary-light {
  border-left: 4px solid var(--agorum-color-accent-tertiary-light);
}

.agorum-card.background-accent-tertiary-light {
  background: var(--agorum-color-accent-tertiary-light-light);
}

.agorum-background-color-accent-tertiary-light {
  background-color: var(--agorum-color-accent-tertiary-light);
  color: var(--agorum-color-accent-tertiary-light-contrast);
  stroke: var(--agorum-color-accent-tertiary-light-contrast);
  fill: var(--agorum-color-accent-tertiary-light-contrast);
}

.agorum-chip.agorum-background-color-accent-tertiary-light {
  background-color: rgba(var(--agorum-color-accent-tertiary-light-rgb), 0.2);
  color: var(--agorum-color-accent-tertiary-light-shade);
  stroke: var(--agorum-color-accent-tertiary-light-shade);
  fill: var(--agorum-color-accent-tertiary-light-shade);
}

.agorum-card.mark-accent-tertiary-shade {
  border-left: 4px solid var(--agorum-color-accent-tertiary-shade);
}

.agorum-card.background-accent-tertiary-shade {
  background: var(--agorum-color-accent-tertiary-shade-light);
}

.agorum-background-color-accent-tertiary-shade {
  background-color: var(--agorum-color-accent-tertiary-shade);
  color: var(--agorum-color-accent-tertiary-shade-contrast);
  stroke: var(--agorum-color-accent-tertiary-shade-contrast);
  fill: var(--agorum-color-accent-tertiary-shade-contrast);
}

.agorum-chip.agorum-background-color-accent-tertiary-shade {
  background-color: rgba(var(--agorum-color-accent-tertiary-shade-rgb), 0.2);
  color: var(--agorum-color-accent-tertiary-shade-shade);
  stroke: var(--agorum-color-accent-tertiary-shade-shade);
  fill: var(--agorum-color-accent-tertiary-shade-shade);
}

.agorum-card.mark-primary {
  border-left: 4px solid var(--agorum-color-primary);
}

.agorum-card.background-primary {
  background: var(--agorum-color-primary-light);
}

.agorum-background-color-primary {
  background-color: var(--agorum-color-primary);
  color: var(--agorum-color-primary-contrast);
  stroke: var(--agorum-color-primary-contrast);
  fill: var(--agorum-color-primary-contrast);
}

.agorum-chip.agorum-background-color-primary {
  background-color: rgba(var(--agorum-color-primary-rgb), 0.2);
  color: var(--agorum-color-primary-shade);
  stroke: var(--agorum-color-primary-shade);
  fill: var(--agorum-color-primary-shade);
}

.agorum-card.mark-primary-contrast {
  border-left: 4px solid var(--agorum-color-primary-contrast);
}

.agorum-card.background-primary-contrast {
  background: var(--agorum-color-primary-contrast-light);
}

.agorum-background-color-primary-contrast {
  background-color: var(--agorum-color-primary-contrast);
  color: var(--agorum-color-primary-contrast-contrast);
  stroke: var(--agorum-color-primary-contrast-contrast);
  fill: var(--agorum-color-primary-contrast-contrast);
}

.agorum-chip.agorum-background-color-primary-contrast {
  background-color: rgba(var(--agorum-color-primary-contrast-rgb), 0.2);
  color: var(--agorum-color-primary-contrast-shade);
  stroke: var(--agorum-color-primary-contrast-shade);
  fill: var(--agorum-color-primary-contrast-shade);
}

.agorum-card.mark-primary-light {
  border-left: 4px solid var(--agorum-color-primary-light);
}

.agorum-card.background-primary-light {
  background: var(--agorum-color-primary-light-light);
}

.agorum-background-color-primary-light {
  background-color: var(--agorum-color-primary-light);
  color: var(--agorum-color-primary-light-contrast);
  stroke: var(--agorum-color-primary-light-contrast);
  fill: var(--agorum-color-primary-light-contrast);
}

.agorum-chip.agorum-background-color-primary-light {
  background-color: rgba(var(--agorum-color-primary-light-rgb), 0.2);
  color: var(--agorum-color-primary-light-shade);
  stroke: var(--agorum-color-primary-light-shade);
  fill: var(--agorum-color-primary-light-shade);
}

.agorum-card.mark-primary-shade {
  border-left: 4px solid var(--agorum-color-primary-shade);
}

.agorum-card.background-primary-shade {
  background: var(--agorum-color-primary-shade-light);
}

.agorum-background-color-primary-shade {
  background-color: var(--agorum-color-primary-shade);
  color: var(--agorum-color-primary-shade-contrast);
  stroke: var(--agorum-color-primary-shade-contrast);
  fill: var(--agorum-color-primary-shade-contrast);
}

.agorum-chip.agorum-background-color-primary-shade {
  background-color: rgba(var(--agorum-color-primary-shade-rgb), 0.2);
  color: var(--agorum-color-primary-shade-shade);
  stroke: var(--agorum-color-primary-shade-shade);
  fill: var(--agorum-color-primary-shade-shade);
}

.agorum-card.mark-secondary {
  border-left: 4px solid var(--agorum-color-secondary);
}

.agorum-card.background-secondary {
  background: var(--agorum-color-secondary-light);
}

.agorum-background-color-secondary {
  background-color: var(--agorum-color-secondary);
  color: var(--agorum-color-secondary-contrast);
  stroke: var(--agorum-color-secondary-contrast);
  fill: var(--agorum-color-secondary-contrast);
}

.agorum-chip.agorum-background-color-secondary {
  background-color: rgba(var(--agorum-color-secondary-rgb), 0.2);
  color: var(--agorum-color-secondary-shade);
  stroke: var(--agorum-color-secondary-shade);
  fill: var(--agorum-color-secondary-shade);
}

.agorum-card.mark-secondary-contrast {
  border-left: 4px solid var(--agorum-color-secondary-contrast);
}

.agorum-card.background-secondary-contrast {
  background: var(--agorum-color-secondary-contrast-light);
}

.agorum-background-color-secondary-contrast {
  background-color: var(--agorum-color-secondary-contrast);
  color: var(--agorum-color-secondary-contrast-contrast);
  stroke: var(--agorum-color-secondary-contrast-contrast);
  fill: var(--agorum-color-secondary-contrast-contrast);
}

.agorum-chip.agorum-background-color-secondary-contrast {
  background-color: rgba(var(--agorum-color-secondary-contrast-rgb), 0.2);
  color: var(--agorum-color-secondary-contrast-shade);
  stroke: var(--agorum-color-secondary-contrast-shade);
  fill: var(--agorum-color-secondary-contrast-shade);
}

.agorum-card.mark-secondary-light {
  border-left: 4px solid var(--agorum-color-secondary-light);
}

.agorum-card.background-secondary-light {
  background: var(--agorum-color-secondary-light-light);
}

.agorum-background-color-secondary-light {
  background-color: var(--agorum-color-secondary-light);
  color: var(--agorum-color-secondary-light-contrast);
  stroke: var(--agorum-color-secondary-light-contrast);
  fill: var(--agorum-color-secondary-light-contrast);
}

.agorum-chip.agorum-background-color-secondary-light {
  background-color: rgba(var(--agorum-color-secondary-light-rgb), 0.2);
  color: var(--agorum-color-secondary-light-shade);
  stroke: var(--agorum-color-secondary-light-shade);
  fill: var(--agorum-color-secondary-light-shade);
}

.agorum-card.mark-secondary-shade {
  border-left: 4px solid var(--agorum-color-secondary-shade);
}

.agorum-card.background-secondary-shade {
  background: var(--agorum-color-secondary-shade-light);
}

.agorum-background-color-secondary-shade {
  background-color: var(--agorum-color-secondary-shade);
  color: var(--agorum-color-secondary-shade-contrast);
  stroke: var(--agorum-color-secondary-shade-contrast);
  fill: var(--agorum-color-secondary-shade-contrast);
}

.agorum-chip.agorum-background-color-secondary-shade {
  background-color: rgba(var(--agorum-color-secondary-shade-rgb), 0.2);
  color: var(--agorum-color-secondary-shade-shade);
  stroke: var(--agorum-color-secondary-shade-shade);
  fill: var(--agorum-color-secondary-shade-shade);
}

.agorum-card.mark-tertiary {
  border-left: 4px solid var(--agorum-color-tertiary);
}

.agorum-card.background-tertiary {
  background: var(--agorum-color-tertiary-light);
}

.agorum-background-color-tertiary {
  background-color: var(--agorum-color-tertiary);
  color: var(--agorum-color-tertiary-contrast);
  stroke: var(--agorum-color-tertiary-contrast);
  fill: var(--agorum-color-tertiary-contrast);
}

.agorum-chip.agorum-background-color-tertiary {
  background-color: rgba(var(--agorum-color-tertiary-rgb), 0.2);
  color: var(--agorum-color-tertiary-shade);
  stroke: var(--agorum-color-tertiary-shade);
  fill: var(--agorum-color-tertiary-shade);
}

.agorum-card.mark-tertiary-contrast {
  border-left: 4px solid var(--agorum-color-tertiary-contrast);
}

.agorum-card.background-tertiary-contrast {
  background: var(--agorum-color-tertiary-contrast-light);
}

.agorum-background-color-tertiary-contrast {
  background-color: var(--agorum-color-tertiary-contrast);
  color: var(--agorum-color-tertiary-contrast-contrast);
  stroke: var(--agorum-color-tertiary-contrast-contrast);
  fill: var(--agorum-color-tertiary-contrast-contrast);
}

.agorum-chip.agorum-background-color-tertiary-contrast {
  background-color: rgba(var(--agorum-color-tertiary-contrast-rgb), 0.2);
  color: var(--agorum-color-tertiary-contrast-shade);
  stroke: var(--agorum-color-tertiary-contrast-shade);
  fill: var(--agorum-color-tertiary-contrast-shade);
}

.agorum-card.mark-tertiary-light {
  border-left: 4px solid var(--agorum-color-tertiary-light);
}

.agorum-card.background-tertiary-light {
  background: var(--agorum-color-tertiary-light-light);
}

.agorum-background-color-tertiary-light {
  background-color: var(--agorum-color-tertiary-light);
  color: var(--agorum-color-tertiary-light-contrast);
  stroke: var(--agorum-color-tertiary-light-contrast);
  fill: var(--agorum-color-tertiary-light-contrast);
}

.agorum-chip.agorum-background-color-tertiary-light {
  background-color: rgba(var(--agorum-color-tertiary-light-rgb), 0.2);
  color: var(--agorum-color-tertiary-light-shade);
  stroke: var(--agorum-color-tertiary-light-shade);
  fill: var(--agorum-color-tertiary-light-shade);
}

.agorum-card.mark-tertiary-shade {
  border-left: 4px solid var(--agorum-color-tertiary-shade);
}

.agorum-card.background-tertiary-shade {
  background: var(--agorum-color-tertiary-shade-light);
}

.agorum-background-color-tertiary-shade {
  background-color: var(--agorum-color-tertiary-shade);
  color: var(--agorum-color-tertiary-shade-contrast);
  stroke: var(--agorum-color-tertiary-shade-contrast);
  fill: var(--agorum-color-tertiary-shade-contrast);
}

.agorum-chip.agorum-background-color-tertiary-shade {
  background-color: rgba(var(--agorum-color-tertiary-shade-rgb), 0.2);
  color: var(--agorum-color-tertiary-shade-shade);
  stroke: var(--agorum-color-tertiary-shade-shade);
  fill: var(--agorum-color-tertiary-shade-shade);
}

.agorum-card.mark-success {
  border-left: 4px solid var(--agorum-color-success);
}

.agorum-card.background-success {
  background: var(--agorum-color-success-light);
}

.agorum-background-color-success {
  background-color: var(--agorum-color-success);
  color: var(--agorum-color-success-contrast);
  stroke: var(--agorum-color-success-contrast);
  fill: var(--agorum-color-success-contrast);
}

.agorum-chip.agorum-background-color-success {
  background-color: rgba(var(--agorum-color-success-rgb), 0.2);
  color: var(--agorum-color-success-shade);
  stroke: var(--agorum-color-success-shade);
  fill: var(--agorum-color-success-shade);
}

.agorum-card.mark-success-contrast {
  border-left: 4px solid var(--agorum-color-success-contrast);
}

.agorum-card.background-success-contrast {
  background: var(--agorum-color-success-contrast-light);
}

.agorum-background-color-success-contrast {
  background-color: var(--agorum-color-success-contrast);
  color: var(--agorum-color-success-contrast-contrast);
  stroke: var(--agorum-color-success-contrast-contrast);
  fill: var(--agorum-color-success-contrast-contrast);
}

.agorum-chip.agorum-background-color-success-contrast {
  background-color: rgba(var(--agorum-color-success-contrast-rgb), 0.2);
  color: var(--agorum-color-success-contrast-shade);
  stroke: var(--agorum-color-success-contrast-shade);
  fill: var(--agorum-color-success-contrast-shade);
}

.agorum-card.mark-success-light {
  border-left: 4px solid var(--agorum-color-success-light);
}

.agorum-card.background-success-light {
  background: var(--agorum-color-success-light-light);
}

.agorum-background-color-success-light {
  background-color: var(--agorum-color-success-light);
  color: var(--agorum-color-success-light-contrast);
  stroke: var(--agorum-color-success-light-contrast);
  fill: var(--agorum-color-success-light-contrast);
}

.agorum-chip.agorum-background-color-success-light {
  background-color: rgba(var(--agorum-color-success-light-rgb), 0.2);
  color: var(--agorum-color-success-light-shade);
  stroke: var(--agorum-color-success-light-shade);
  fill: var(--agorum-color-success-light-shade);
}

.agorum-card.mark-success-shade {
  border-left: 4px solid var(--agorum-color-success-shade);
}

.agorum-card.background-success-shade {
  background: var(--agorum-color-success-shade-light);
}

.agorum-background-color-success-shade {
  background-color: var(--agorum-color-success-shade);
  color: var(--agorum-color-success-shade-contrast);
  stroke: var(--agorum-color-success-shade-contrast);
  fill: var(--agorum-color-success-shade-contrast);
}

.agorum-chip.agorum-background-color-success-shade {
  background-color: rgba(var(--agorum-color-success-shade-rgb), 0.2);
  color: var(--agorum-color-success-shade-shade);
  stroke: var(--agorum-color-success-shade-shade);
  fill: var(--agorum-color-success-shade-shade);
}

.agorum-card.mark-warning {
  border-left: 4px solid var(--agorum-color-warning);
}

.agorum-card.background-warning {
  background: var(--agorum-color-warning-light);
}

.agorum-background-color-warning {
  background-color: var(--agorum-color-warning);
  color: var(--agorum-color-warning-contrast);
  stroke: var(--agorum-color-warning-contrast);
  fill: var(--agorum-color-warning-contrast);
}

.agorum-chip.agorum-background-color-warning {
  background-color: rgba(var(--agorum-color-warning-rgb), 0.2);
  color: var(--agorum-color-warning-shade);
  stroke: var(--agorum-color-warning-shade);
  fill: var(--agorum-color-warning-shade);
}

.agorum-card.mark-warning-contrast {
  border-left: 4px solid var(--agorum-color-warning-contrast);
}

.agorum-card.background-warning-contrast {
  background: var(--agorum-color-warning-contrast-light);
}

.agorum-background-color-warning-contrast {
  background-color: var(--agorum-color-warning-contrast);
  color: var(--agorum-color-warning-contrast-contrast);
  stroke: var(--agorum-color-warning-contrast-contrast);
  fill: var(--agorum-color-warning-contrast-contrast);
}

.agorum-chip.agorum-background-color-warning-contrast {
  background-color: rgba(var(--agorum-color-warning-contrast-rgb), 0.2);
  color: var(--agorum-color-warning-contrast-shade);
  stroke: var(--agorum-color-warning-contrast-shade);
  fill: var(--agorum-color-warning-contrast-shade);
}

.agorum-card.mark-warning-light {
  border-left: 4px solid var(--agorum-color-warning-light);
}

.agorum-card.background-warning-light {
  background: var(--agorum-color-warning-light-light);
}

.agorum-background-color-warning-light {
  background-color: var(--agorum-color-warning-light);
  color: var(--agorum-color-warning-light-contrast);
  stroke: var(--agorum-color-warning-light-contrast);
  fill: var(--agorum-color-warning-light-contrast);
}

.agorum-chip.agorum-background-color-warning-light {
  background-color: rgba(var(--agorum-color-warning-light-rgb), 0.2);
  color: var(--agorum-color-warning-light-shade);
  stroke: var(--agorum-color-warning-light-shade);
  fill: var(--agorum-color-warning-light-shade);
}

.agorum-card.mark-warning-shade {
  border-left: 4px solid var(--agorum-color-warning-shade);
}

.agorum-card.background-warning-shade {
  background: var(--agorum-color-warning-shade-light);
}

.agorum-background-color-warning-shade {
  background-color: var(--agorum-color-warning-shade);
  color: var(--agorum-color-warning-shade-contrast);
  stroke: var(--agorum-color-warning-shade-contrast);
  fill: var(--agorum-color-warning-shade-contrast);
}

.agorum-chip.agorum-background-color-warning-shade {
  background-color: rgba(var(--agorum-color-warning-shade-rgb), 0.2);
  color: var(--agorum-color-warning-shade-shade);
  stroke: var(--agorum-color-warning-shade-shade);
  fill: var(--agorum-color-warning-shade-shade);
}

.agorum-card.mark-danger {
  border-left: 4px solid var(--agorum-color-danger);
}

.agorum-card.background-danger {
  background: var(--agorum-color-danger-light);
}

.agorum-background-color-danger {
  background-color: var(--agorum-color-danger);
  color: var(--agorum-color-danger-contrast);
  stroke: var(--agorum-color-danger-contrast);
  fill: var(--agorum-color-danger-contrast);
}

.agorum-chip.agorum-background-color-danger {
  background-color: rgba(var(--agorum-color-danger-rgb), 0.2);
  color: var(--agorum-color-danger-shade);
  stroke: var(--agorum-color-danger-shade);
  fill: var(--agorum-color-danger-shade);
}

.agorum-card.mark-danger-contrast {
  border-left: 4px solid var(--agorum-color-danger-contrast);
}

.agorum-card.background-danger-contrast {
  background: var(--agorum-color-danger-contrast-light);
}

.agorum-background-color-danger-contrast {
  background-color: var(--agorum-color-danger-contrast);
  color: var(--agorum-color-danger-contrast-contrast);
  stroke: var(--agorum-color-danger-contrast-contrast);
  fill: var(--agorum-color-danger-contrast-contrast);
}

.agorum-chip.agorum-background-color-danger-contrast {
  background-color: rgba(var(--agorum-color-danger-contrast-rgb), 0.2);
  color: var(--agorum-color-danger-contrast-shade);
  stroke: var(--agorum-color-danger-contrast-shade);
  fill: var(--agorum-color-danger-contrast-shade);
}

.agorum-card.mark-danger-light {
  border-left: 4px solid var(--agorum-color-danger-light);
}

.agorum-card.background-danger-light {
  background: var(--agorum-color-danger-light-light);
}

.agorum-background-color-danger-light {
  background-color: var(--agorum-color-danger-light);
  color: var(--agorum-color-danger-light-contrast);
  stroke: var(--agorum-color-danger-light-contrast);
  fill: var(--agorum-color-danger-light-contrast);
}

.agorum-chip.agorum-background-color-danger-light {
  background-color: rgba(var(--agorum-color-danger-light-rgb), 0.2);
  color: var(--agorum-color-danger-light-shade);
  stroke: var(--agorum-color-danger-light-shade);
  fill: var(--agorum-color-danger-light-shade);
}

.agorum-card.mark-danger-shade {
  border-left: 4px solid var(--agorum-color-danger-shade);
}

.agorum-card.background-danger-shade {
  background: var(--agorum-color-danger-shade-light);
}

.agorum-background-color-danger-shade {
  background-color: var(--agorum-color-danger-shade);
  color: var(--agorum-color-danger-shade-contrast);
  stroke: var(--agorum-color-danger-shade-contrast);
  fill: var(--agorum-color-danger-shade-contrast);
}

.agorum-chip.agorum-background-color-danger-shade {
  background-color: rgba(var(--agorum-color-danger-shade-rgb), 0.2);
  color: var(--agorum-color-danger-shade-shade);
  stroke: var(--agorum-color-danger-shade-shade);
  fill: var(--agorum-color-danger-shade-shade);
}

.agorum-card.mark-dark {
  border-left: 4px solid var(--agorum-color-dark);
}

.agorum-card.background-dark {
  background: var(--agorum-color-dark-light);
}

.agorum-background-color-dark {
  background-color: var(--agorum-color-dark);
  color: var(--agorum-color-dark-contrast);
  stroke: var(--agorum-color-dark-contrast);
  fill: var(--agorum-color-dark-contrast);
}

.agorum-chip.agorum-background-color-dark {
  background-color: rgba(var(--agorum-color-dark-rgb), 0.2);
  color: var(--agorum-color-dark-shade);
  stroke: var(--agorum-color-dark-shade);
  fill: var(--agorum-color-dark-shade);
}

.agorum-card.mark-dark-contrast {
  border-left: 4px solid var(--agorum-color-dark-contrast);
}

.agorum-card.background-dark-contrast {
  background: var(--agorum-color-dark-contrast-light);
}

.agorum-background-color-dark-contrast {
  background-color: var(--agorum-color-dark-contrast);
  color: var(--agorum-color-dark-contrast-contrast);
  stroke: var(--agorum-color-dark-contrast-contrast);
  fill: var(--agorum-color-dark-contrast-contrast);
}

.agorum-chip.agorum-background-color-dark-contrast {
  background-color: rgba(var(--agorum-color-dark-contrast-rgb), 0.2);
  color: var(--agorum-color-dark-contrast-shade);
  stroke: var(--agorum-color-dark-contrast-shade);
  fill: var(--agorum-color-dark-contrast-shade);
}

.agorum-card.mark-dark-light {
  border-left: 4px solid var(--agorum-color-dark-light);
}

.agorum-card.background-dark-light {
  background: var(--agorum-color-dark-light-light);
}

.agorum-background-color-dark-light {
  background-color: var(--agorum-color-dark-light);
  color: var(--agorum-color-dark-light-contrast);
  stroke: var(--agorum-color-dark-light-contrast);
  fill: var(--agorum-color-dark-light-contrast);
}

.agorum-chip.agorum-background-color-dark-light {
  background-color: rgba(var(--agorum-color-dark-light-rgb), 0.2);
  color: var(--agorum-color-dark-light-shade);
  stroke: var(--agorum-color-dark-light-shade);
  fill: var(--agorum-color-dark-light-shade);
}

.agorum-card.mark-dark-shade {
  border-left: 4px solid var(--agorum-color-dark-shade);
}

.agorum-card.background-dark-shade {
  background: var(--agorum-color-dark-shade-light);
}

.agorum-background-color-dark-shade {
  background-color: var(--agorum-color-dark-shade);
  color: var(--agorum-color-dark-shade-contrast);
  stroke: var(--agorum-color-dark-shade-contrast);
  fill: var(--agorum-color-dark-shade-contrast);
}

.agorum-chip.agorum-background-color-dark-shade {
  background-color: rgba(var(--agorum-color-dark-shade-rgb), 0.2);
  color: var(--agorum-color-dark-shade-shade);
  stroke: var(--agorum-color-dark-shade-shade);
  fill: var(--agorum-color-dark-shade-shade);
}

.agorum-card.mark-medium {
  border-left: 4px solid var(--agorum-color-medium);
}

.agorum-card.background-medium {
  background: var(--agorum-color-medium-light);
}

.agorum-background-color-medium {
  background-color: var(--agorum-color-medium);
  color: var(--agorum-color-medium-contrast);
  stroke: var(--agorum-color-medium-contrast);
  fill: var(--agorum-color-medium-contrast);
}

.agorum-chip.agorum-background-color-medium {
  background-color: rgba(var(--agorum-color-medium-rgb), 0.2);
  color: var(--agorum-color-medium-shade);
  stroke: var(--agorum-color-medium-shade);
  fill: var(--agorum-color-medium-shade);
}

.agorum-card.mark-medium-contrast {
  border-left: 4px solid var(--agorum-color-medium-contrast);
}

.agorum-card.background-medium-contrast {
  background: var(--agorum-color-medium-contrast-light);
}

.agorum-background-color-medium-contrast {
  background-color: var(--agorum-color-medium-contrast);
  color: var(--agorum-color-medium-contrast-contrast);
  stroke: var(--agorum-color-medium-contrast-contrast);
  fill: var(--agorum-color-medium-contrast-contrast);
}

.agorum-chip.agorum-background-color-medium-contrast {
  background-color: rgba(var(--agorum-color-medium-contrast-rgb), 0.2);
  color: var(--agorum-color-medium-contrast-shade);
  stroke: var(--agorum-color-medium-contrast-shade);
  fill: var(--agorum-color-medium-contrast-shade);
}

.agorum-card.mark-medium-light {
  border-left: 4px solid var(--agorum-color-medium-light);
}

.agorum-card.background-medium-light {
  background: var(--agorum-color-medium-light-light);
}

.agorum-background-color-medium-light {
  background-color: var(--agorum-color-medium-light);
  color: var(--agorum-color-medium-light-contrast);
  stroke: var(--agorum-color-medium-light-contrast);
  fill: var(--agorum-color-medium-light-contrast);
}

.agorum-chip.agorum-background-color-medium-light {
  background-color: rgba(var(--agorum-color-medium-light-rgb), 0.2);
  color: var(--agorum-color-medium-light-shade);
  stroke: var(--agorum-color-medium-light-shade);
  fill: var(--agorum-color-medium-light-shade);
}

.agorum-card.mark-medium-shade {
  border-left: 4px solid var(--agorum-color-medium-shade);
}

.agorum-card.background-medium-shade {
  background: var(--agorum-color-medium-shade-light);
}

.agorum-background-color-medium-shade {
  background-color: var(--agorum-color-medium-shade);
  color: var(--agorum-color-medium-shade-contrast);
  stroke: var(--agorum-color-medium-shade-contrast);
  fill: var(--agorum-color-medium-shade-contrast);
}

.agorum-chip.agorum-background-color-medium-shade {
  background-color: rgba(var(--agorum-color-medium-shade-rgb), 0.2);
  color: var(--agorum-color-medium-shade-shade);
  stroke: var(--agorum-color-medium-shade-shade);
  fill: var(--agorum-color-medium-shade-shade);
}

.agorum-card.mark-light {
  border-left: 4px solid var(--agorum-color-light);
}

.agorum-card.background-light {
  background: var(--agorum-color-light-light);
}

.agorum-background-color-light {
  background-color: var(--agorum-color-light);
  color: var(--agorum-color-light-contrast);
  stroke: var(--agorum-color-light-contrast);
  fill: var(--agorum-color-light-contrast);
}

.agorum-chip.agorum-background-color-light {
  background-color: rgba(var(--agorum-color-light-rgb), 0.2);
  color: var(--agorum-color-light-shade);
  stroke: var(--agorum-color-light-shade);
  fill: var(--agorum-color-light-shade);
}

.agorum-card.mark-light-contrast {
  border-left: 4px solid var(--agorum-color-light-contrast);
}

.agorum-card.background-light-contrast {
  background: var(--agorum-color-light-contrast-light);
}

.agorum-background-color-light-contrast {
  background-color: var(--agorum-color-light-contrast);
  color: var(--agorum-color-light-contrast-contrast);
  stroke: var(--agorum-color-light-contrast-contrast);
  fill: var(--agorum-color-light-contrast-contrast);
}

.agorum-chip.agorum-background-color-light-contrast {
  background-color: rgba(var(--agorum-color-light-contrast-rgb), 0.2);
  color: var(--agorum-color-light-contrast-shade);
  stroke: var(--agorum-color-light-contrast-shade);
  fill: var(--agorum-color-light-contrast-shade);
}

.agorum-card.mark-light-light {
  border-left: 4px solid var(--agorum-color-light-light);
}

.agorum-card.background-light-light {
  background: var(--agorum-color-light-light-light);
}

.agorum-background-color-light-light {
  background-color: var(--agorum-color-light-light);
  color: var(--agorum-color-light-light-contrast);
  stroke: var(--agorum-color-light-light-contrast);
  fill: var(--agorum-color-light-light-contrast);
}

.agorum-chip.agorum-background-color-light-light {
  background-color: rgba(var(--agorum-color-light-light-rgb), 0.2);
  color: var(--agorum-color-light-light-shade);
  stroke: var(--agorum-color-light-light-shade);
  fill: var(--agorum-color-light-light-shade);
}

.agorum-card.mark-light-shade {
  border-left: 4px solid var(--agorum-color-light-shade);
}

.agorum-card.background-light-shade {
  background: var(--agorum-color-light-shade-light);
}

.agorum-background-color-light-shade {
  background-color: var(--agorum-color-light-shade);
  color: var(--agorum-color-light-shade-contrast);
  stroke: var(--agorum-color-light-shade-contrast);
  fill: var(--agorum-color-light-shade-contrast);
}

.agorum-chip.agorum-background-color-light-shade {
  background-color: rgba(var(--agorum-color-light-shade-rgb), 0.2);
  color: var(--agorum-color-light-shade-shade);
  stroke: var(--agorum-color-light-shade-shade);
  fill: var(--agorum-color-light-shade-shade);
}

.agorum-card.mark-disabled {
  border-left: 4px solid var(--agorum-color-disabled);
}

.agorum-card.background-disabled {
  background: var(--agorum-color-disabled-light);
}

.agorum-background-color-disabled {
  background-color: var(--agorum-color-disabled);
  color: var(--agorum-color-disabled-contrast);
  stroke: var(--agorum-color-disabled-contrast);
  fill: var(--agorum-color-disabled-contrast);
}

.agorum-chip.agorum-background-color-disabled {
  background-color: rgba(var(--agorum-color-disabled-rgb), 0.2);
  color: var(--agorum-color-disabled-shade);
  stroke: var(--agorum-color-disabled-shade);
  fill: var(--agorum-color-disabled-shade);
}

.agorum-card.mark-disabled-contrast {
  border-left: 4px solid var(--agorum-color-disabled-contrast);
}

.agorum-card.background-disabled-contrast {
  background: var(--agorum-color-disabled-contrast-light);
}

.agorum-background-color-disabled-contrast {
  background-color: var(--agorum-color-disabled-contrast);
  color: var(--agorum-color-disabled-contrast-contrast);
  stroke: var(--agorum-color-disabled-contrast-contrast);
  fill: var(--agorum-color-disabled-contrast-contrast);
}

.agorum-chip.agorum-background-color-disabled-contrast {
  background-color: rgba(var(--agorum-color-disabled-contrast-rgb), 0.2);
  color: var(--agorum-color-disabled-contrast-shade);
  stroke: var(--agorum-color-disabled-contrast-shade);
  fill: var(--agorum-color-disabled-contrast-shade);
}

.agorum-card.mark-disabled-light {
  border-left: 4px solid var(--agorum-color-disabled-light);
}

.agorum-card.background-disabled-light {
  background: var(--agorum-color-disabled-light-light);
}

.agorum-background-color-disabled-light {
  background-color: var(--agorum-color-disabled-light);
  color: var(--agorum-color-disabled-light-contrast);
  stroke: var(--agorum-color-disabled-light-contrast);
  fill: var(--agorum-color-disabled-light-contrast);
}

.agorum-chip.agorum-background-color-disabled-light {
  background-color: rgba(var(--agorum-color-disabled-light-rgb), 0.2);
  color: var(--agorum-color-disabled-light-shade);
  stroke: var(--agorum-color-disabled-light-shade);
  fill: var(--agorum-color-disabled-light-shade);
}

.agorum-card.mark-disabled-shade {
  border-left: 4px solid var(--agorum-color-disabled-shade);
}

.agorum-card.background-disabled-shade {
  background: var(--agorum-color-disabled-shade-light);
}

.agorum-background-color-disabled-shade {
  background-color: var(--agorum-color-disabled-shade);
  color: var(--agorum-color-disabled-shade-contrast);
  stroke: var(--agorum-color-disabled-shade-contrast);
  fill: var(--agorum-color-disabled-shade-contrast);
}

.agorum-chip.agorum-background-color-disabled-shade {
  background-color: rgba(var(--agorum-color-disabled-shade-rgb), 0.2);
  color: var(--agorum-color-disabled-shade-shade);
  stroke: var(--agorum-color-disabled-shade-shade);
  fill: var(--agorum-color-disabled-shade-shade);
}

.agorum-card.mark-window-header-background {
  border-left: 4px solid var(--agorum-color-window-header-background);
}

.agorum-card.background-window-header-background {
  background: var(--agorum-color-window-header-background-light);
}

.agorum-background-color-window-header-background {
  background-color: var(--agorum-color-window-header-background);
  color: var(--agorum-color-window-header-background-contrast);
  stroke: var(--agorum-color-window-header-background-contrast);
  fill: var(--agorum-color-window-header-background-contrast);
}

.agorum-chip.agorum-background-color-window-header-background {
  background-color: rgba(var(--agorum-color-window-header-background-rgb), 0.2);
  color: var(--agorum-color-window-header-background-shade);
  stroke: var(--agorum-color-window-header-background-shade);
  fill: var(--agorum-color-window-header-background-shade);
}

.agorum-card.mark-window-header-background-contrast {
  border-left: 4px solid var(--agorum-color-window-header-background-contrast);
}

.agorum-card.background-window-header-background-contrast {
  background: var(--agorum-color-window-header-background-contrast-light);
}

.agorum-background-color-window-header-background-contrast {
  background-color: var(--agorum-color-window-header-background-contrast);
  color: var(--agorum-color-window-header-background-contrast-contrast);
  stroke: var(--agorum-color-window-header-background-contrast-contrast);
  fill: var(--agorum-color-window-header-background-contrast-contrast);
}

.agorum-chip.agorum-background-color-window-header-background-contrast {
  background-color: rgba(var(--agorum-color-window-header-background-contrast-rgb), 0.2);
  color: var(--agorum-color-window-header-background-contrast-shade);
  stroke: var(--agorum-color-window-header-background-contrast-shade);
  fill: var(--agorum-color-window-header-background-contrast-shade);
}

.agorum-card.mark-window-header-background-light {
  border-left: 4px solid var(--agorum-color-window-header-background-light);
}

.agorum-card.background-window-header-background-light {
  background: var(--agorum-color-window-header-background-light-light);
}

.agorum-background-color-window-header-background-light {
  background-color: var(--agorum-color-window-header-background-light);
  color: var(--agorum-color-window-header-background-light-contrast);
  stroke: var(--agorum-color-window-header-background-light-contrast);
  fill: var(--agorum-color-window-header-background-light-contrast);
}

.agorum-chip.agorum-background-color-window-header-background-light {
  background-color: rgba(var(--agorum-color-window-header-background-light-rgb), 0.2);
  color: var(--agorum-color-window-header-background-light-shade);
  stroke: var(--agorum-color-window-header-background-light-shade);
  fill: var(--agorum-color-window-header-background-light-shade);
}

.agorum-card.mark-window-header-background-shade {
  border-left: 4px solid var(--agorum-color-window-header-background-shade);
}

.agorum-card.background-window-header-background-shade {
  background: var(--agorum-color-window-header-background-shade-light);
}

.agorum-background-color-window-header-background-shade {
  background-color: var(--agorum-color-window-header-background-shade);
  color: var(--agorum-color-window-header-background-shade-contrast);
  stroke: var(--agorum-color-window-header-background-shade-contrast);
  fill: var(--agorum-color-window-header-background-shade-contrast);
}

.agorum-chip.agorum-background-color-window-header-background-shade {
  background-color: rgba(var(--agorum-color-window-header-background-shade-rgb), 0.2);
  color: var(--agorum-color-window-header-background-shade-shade);
  stroke: var(--agorum-color-window-header-background-shade-shade);
  fill: var(--agorum-color-window-header-background-shade-shade);
}

.agorum-card.mark-window-header {
  border-left: 4px solid var(--agorum-color-window-header);
}

.agorum-card.background-window-header {
  background: var(--agorum-color-window-header-light);
}

.agorum-background-color-window-header {
  background-color: var(--agorum-color-window-header);
  color: var(--agorum-color-window-header-contrast);
  stroke: var(--agorum-color-window-header-contrast);
  fill: var(--agorum-color-window-header-contrast);
}

.agorum-chip.agorum-background-color-window-header {
  background-color: rgba(var(--agorum-color-window-header-rgb), 0.2);
  color: var(--agorum-color-window-header-shade);
  stroke: var(--agorum-color-window-header-shade);
  fill: var(--agorum-color-window-header-shade);
}

.agorum-card.mark-window-header-contrast {
  border-left: 4px solid var(--agorum-color-window-header-contrast);
}

.agorum-card.background-window-header-contrast {
  background: var(--agorum-color-window-header-contrast-light);
}

.agorum-background-color-window-header-contrast {
  background-color: var(--agorum-color-window-header-contrast);
  color: var(--agorum-color-window-header-contrast-contrast);
  stroke: var(--agorum-color-window-header-contrast-contrast);
  fill: var(--agorum-color-window-header-contrast-contrast);
}

.agorum-chip.agorum-background-color-window-header-contrast {
  background-color: rgba(var(--agorum-color-window-header-contrast-rgb), 0.2);
  color: var(--agorum-color-window-header-contrast-shade);
  stroke: var(--agorum-color-window-header-contrast-shade);
  fill: var(--agorum-color-window-header-contrast-shade);
}

.agorum-card.mark-window-header-light {
  border-left: 4px solid var(--agorum-color-window-header-light);
}

.agorum-card.background-window-header-light {
  background: var(--agorum-color-window-header-light-light);
}

.agorum-background-color-window-header-light {
  background-color: var(--agorum-color-window-header-light);
  color: var(--agorum-color-window-header-light-contrast);
  stroke: var(--agorum-color-window-header-light-contrast);
  fill: var(--agorum-color-window-header-light-contrast);
}

.agorum-chip.agorum-background-color-window-header-light {
  background-color: rgba(var(--agorum-color-window-header-light-rgb), 0.2);
  color: var(--agorum-color-window-header-light-shade);
  stroke: var(--agorum-color-window-header-light-shade);
  fill: var(--agorum-color-window-header-light-shade);
}

.agorum-card.mark-window-header-shade {
  border-left: 4px solid var(--agorum-color-window-header-shade);
}

.agorum-card.background-window-header-shade {
  background: var(--agorum-color-window-header-shade-light);
}

.agorum-background-color-window-header-shade {
  background-color: var(--agorum-color-window-header-shade);
  color: var(--agorum-color-window-header-shade-contrast);
  stroke: var(--agorum-color-window-header-shade-contrast);
  fill: var(--agorum-color-window-header-shade-contrast);
}

.agorum-chip.agorum-background-color-window-header-shade {
  background-color: rgba(var(--agorum-color-window-header-shade-rgb), 0.2);
  color: var(--agorum-color-window-header-shade-shade);
  stroke: var(--agorum-color-window-header-shade-shade);
  fill: var(--agorum-color-window-header-shade-shade);
}

.agorum-card.mark-panel-header-background {
  border-left: 4px solid var(--agorum-color-panel-header-background);
}

.agorum-card.background-panel-header-background {
  background: var(--agorum-color-panel-header-background-light);
}

.agorum-background-color-panel-header-background {
  background-color: var(--agorum-color-panel-header-background);
  color: var(--agorum-color-panel-header-background-contrast);
  stroke: var(--agorum-color-panel-header-background-contrast);
  fill: var(--agorum-color-panel-header-background-contrast);
}

.agorum-chip.agorum-background-color-panel-header-background {
  background-color: rgba(var(--agorum-color-panel-header-background-rgb), 0.2);
  color: var(--agorum-color-panel-header-background-shade);
  stroke: var(--agorum-color-panel-header-background-shade);
  fill: var(--agorum-color-panel-header-background-shade);
}

.agorum-card.mark-panel-header-background-contrast {
  border-left: 4px solid var(--agorum-color-panel-header-background-contrast);
}

.agorum-card.background-panel-header-background-contrast {
  background: var(--agorum-color-panel-header-background-contrast-light);
}

.agorum-background-color-panel-header-background-contrast {
  background-color: var(--agorum-color-panel-header-background-contrast);
  color: var(--agorum-color-panel-header-background-contrast-contrast);
  stroke: var(--agorum-color-panel-header-background-contrast-contrast);
  fill: var(--agorum-color-panel-header-background-contrast-contrast);
}

.agorum-chip.agorum-background-color-panel-header-background-contrast {
  background-color: rgba(var(--agorum-color-panel-header-background-contrast-rgb), 0.2);
  color: var(--agorum-color-panel-header-background-contrast-shade);
  stroke: var(--agorum-color-panel-header-background-contrast-shade);
  fill: var(--agorum-color-panel-header-background-contrast-shade);
}

.agorum-card.mark-panel-header-background-light {
  border-left: 4px solid var(--agorum-color-panel-header-background-light);
}

.agorum-card.background-panel-header-background-light {
  background: var(--agorum-color-panel-header-background-light-light);
}

.agorum-background-color-panel-header-background-light {
  background-color: var(--agorum-color-panel-header-background-light);
  color: var(--agorum-color-panel-header-background-light-contrast);
  stroke: var(--agorum-color-panel-header-background-light-contrast);
  fill: var(--agorum-color-panel-header-background-light-contrast);
}

.agorum-chip.agorum-background-color-panel-header-background-light {
  background-color: rgba(var(--agorum-color-panel-header-background-light-rgb), 0.2);
  color: var(--agorum-color-panel-header-background-light-shade);
  stroke: var(--agorum-color-panel-header-background-light-shade);
  fill: var(--agorum-color-panel-header-background-light-shade);
}

.agorum-card.mark-panel-header-background-shade {
  border-left: 4px solid var(--agorum-color-panel-header-background-shade);
}

.agorum-card.background-panel-header-background-shade {
  background: var(--agorum-color-panel-header-background-shade-light);
}

.agorum-background-color-panel-header-background-shade {
  background-color: var(--agorum-color-panel-header-background-shade);
  color: var(--agorum-color-panel-header-background-shade-contrast);
  stroke: var(--agorum-color-panel-header-background-shade-contrast);
  fill: var(--agorum-color-panel-header-background-shade-contrast);
}

.agorum-chip.agorum-background-color-panel-header-background-shade {
  background-color: rgba(var(--agorum-color-panel-header-background-shade-rgb), 0.2);
  color: var(--agorum-color-panel-header-background-shade-shade);
  stroke: var(--agorum-color-panel-header-background-shade-shade);
  fill: var(--agorum-color-panel-header-background-shade-shade);
}

.agorum-card.mark-field-background {
  border-left: 4px solid var(--agorum-color-field-background);
}

.agorum-card.background-field-background {
  background: var(--agorum-color-field-background-light);
}

.agorum-background-color-field-background {
  background-color: var(--agorum-color-field-background);
  color: var(--agorum-color-field-background-contrast);
  stroke: var(--agorum-color-field-background-contrast);
  fill: var(--agorum-color-field-background-contrast);
}

.agorum-chip.agorum-background-color-field-background {
  background-color: rgba(var(--agorum-color-field-background-rgb), 0.2);
  color: var(--agorum-color-field-background-shade);
  stroke: var(--agorum-color-field-background-shade);
  fill: var(--agorum-color-field-background-shade);
}

.agorum-card.mark-field-background-contrast {
  border-left: 4px solid var(--agorum-color-field-background-contrast);
}

.agorum-card.background-field-background-contrast {
  background: var(--agorum-color-field-background-contrast-light);
}

.agorum-background-color-field-background-contrast {
  background-color: var(--agorum-color-field-background-contrast);
  color: var(--agorum-color-field-background-contrast-contrast);
  stroke: var(--agorum-color-field-background-contrast-contrast);
  fill: var(--agorum-color-field-background-contrast-contrast);
}

.agorum-chip.agorum-background-color-field-background-contrast {
  background-color: rgba(var(--agorum-color-field-background-contrast-rgb), 0.2);
  color: var(--agorum-color-field-background-contrast-shade);
  stroke: var(--agorum-color-field-background-contrast-shade);
  fill: var(--agorum-color-field-background-contrast-shade);
}

.agorum-card.mark-field-background-light {
  border-left: 4px solid var(--agorum-color-field-background-light);
}

.agorum-card.background-field-background-light {
  background: var(--agorum-color-field-background-light-light);
}

.agorum-background-color-field-background-light {
  background-color: var(--agorum-color-field-background-light);
  color: var(--agorum-color-field-background-light-contrast);
  stroke: var(--agorum-color-field-background-light-contrast);
  fill: var(--agorum-color-field-background-light-contrast);
}

.agorum-chip.agorum-background-color-field-background-light {
  background-color: rgba(var(--agorum-color-field-background-light-rgb), 0.2);
  color: var(--agorum-color-field-background-light-shade);
  stroke: var(--agorum-color-field-background-light-shade);
  fill: var(--agorum-color-field-background-light-shade);
}

.agorum-card.mark-field-background-shade {
  border-left: 4px solid var(--agorum-color-field-background-shade);
}

.agorum-card.background-field-background-shade {
  background: var(--agorum-color-field-background-shade-light);
}

.agorum-background-color-field-background-shade {
  background-color: var(--agorum-color-field-background-shade);
  color: var(--agorum-color-field-background-shade-contrast);
  stroke: var(--agorum-color-field-background-shade-contrast);
  fill: var(--agorum-color-field-background-shade-contrast);
}

.agorum-chip.agorum-background-color-field-background-shade {
  background-color: rgba(var(--agorum-color-field-background-shade-rgb), 0.2);
  color: var(--agorum-color-field-background-shade-shade);
  stroke: var(--agorum-color-field-background-shade-shade);
  fill: var(--agorum-color-field-background-shade-shade);
}

.agorum-card.mark-field-background-hover {
  border-left: 4px solid var(--agorum-color-field-background-hover);
}

.agorum-card.background-field-background-hover {
  background: var(--agorum-color-field-background-hover-light);
}

.agorum-background-color-field-background-hover {
  background-color: var(--agorum-color-field-background-hover);
  color: var(--agorum-color-field-background-hover-contrast);
  stroke: var(--agorum-color-field-background-hover-contrast);
  fill: var(--agorum-color-field-background-hover-contrast);
}

.agorum-chip.agorum-background-color-field-background-hover {
  background-color: rgba(var(--agorum-color-field-background-hover-rgb), 0.2);
  color: var(--agorum-color-field-background-hover-shade);
  stroke: var(--agorum-color-field-background-hover-shade);
  fill: var(--agorum-color-field-background-hover-shade);
}

.agorum-card.mark-field-background-hover-contrast {
  border-left: 4px solid var(--agorum-color-field-background-hover-contrast);
}

.agorum-card.background-field-background-hover-contrast {
  background: var(--agorum-color-field-background-hover-contrast-light);
}

.agorum-background-color-field-background-hover-contrast {
  background-color: var(--agorum-color-field-background-hover-contrast);
  color: var(--agorum-color-field-background-hover-contrast-contrast);
  stroke: var(--agorum-color-field-background-hover-contrast-contrast);
  fill: var(--agorum-color-field-background-hover-contrast-contrast);
}

.agorum-chip.agorum-background-color-field-background-hover-contrast {
  background-color: rgba(var(--agorum-color-field-background-hover-contrast-rgb), 0.2);
  color: var(--agorum-color-field-background-hover-contrast-shade);
  stroke: var(--agorum-color-field-background-hover-contrast-shade);
  fill: var(--agorum-color-field-background-hover-contrast-shade);
}

.agorum-card.mark-field-background-hover-light {
  border-left: 4px solid var(--agorum-color-field-background-hover-light);
}

.agorum-card.background-field-background-hover-light {
  background: var(--agorum-color-field-background-hover-light-light);
}

.agorum-background-color-field-background-hover-light {
  background-color: var(--agorum-color-field-background-hover-light);
  color: var(--agorum-color-field-background-hover-light-contrast);
  stroke: var(--agorum-color-field-background-hover-light-contrast);
  fill: var(--agorum-color-field-background-hover-light-contrast);
}

.agorum-chip.agorum-background-color-field-background-hover-light {
  background-color: rgba(var(--agorum-color-field-background-hover-light-rgb), 0.2);
  color: var(--agorum-color-field-background-hover-light-shade);
  stroke: var(--agorum-color-field-background-hover-light-shade);
  fill: var(--agorum-color-field-background-hover-light-shade);
}

.agorum-card.mark-field-background-hover-shade {
  border-left: 4px solid var(--agorum-color-field-background-hover-shade);
}

.agorum-card.background-field-background-hover-shade {
  background: var(--agorum-color-field-background-hover-shade-light);
}

.agorum-background-color-field-background-hover-shade {
  background-color: var(--agorum-color-field-background-hover-shade);
  color: var(--agorum-color-field-background-hover-shade-contrast);
  stroke: var(--agorum-color-field-background-hover-shade-contrast);
  fill: var(--agorum-color-field-background-hover-shade-contrast);
}

.agorum-chip.agorum-background-color-field-background-hover-shade {
  background-color: rgba(var(--agorum-color-field-background-hover-shade-rgb), 0.2);
  color: var(--agorum-color-field-background-hover-shade-shade);
  stroke: var(--agorum-color-field-background-hover-shade-shade);
  fill: var(--agorum-color-field-background-hover-shade-shade);
}

.agorum-card.mark-field-border-focus {
  border-left: 4px solid var(--agorum-color-field-border-focus);
}

.agorum-card.background-field-border-focus {
  background: var(--agorum-color-field-border-focus-light);
}

.agorum-background-color-field-border-focus {
  background-color: var(--agorum-color-field-border-focus);
  color: var(--agorum-color-field-border-focus-contrast);
  stroke: var(--agorum-color-field-border-focus-contrast);
  fill: var(--agorum-color-field-border-focus-contrast);
}

.agorum-chip.agorum-background-color-field-border-focus {
  background-color: rgba(var(--agorum-color-field-border-focus-rgb), 0.2);
  color: var(--agorum-color-field-border-focus-shade);
  stroke: var(--agorum-color-field-border-focus-shade);
  fill: var(--agorum-color-field-border-focus-shade);
}

.agorum-card.mark-field-border-focus-contrast {
  border-left: 4px solid var(--agorum-color-field-border-focus-contrast);
}

.agorum-card.background-field-border-focus-contrast {
  background: var(--agorum-color-field-border-focus-contrast-light);
}

.agorum-background-color-field-border-focus-contrast {
  background-color: var(--agorum-color-field-border-focus-contrast);
  color: var(--agorum-color-field-border-focus-contrast-contrast);
  stroke: var(--agorum-color-field-border-focus-contrast-contrast);
  fill: var(--agorum-color-field-border-focus-contrast-contrast);
}

.agorum-chip.agorum-background-color-field-border-focus-contrast {
  background-color: rgba(var(--agorum-color-field-border-focus-contrast-rgb), 0.2);
  color: var(--agorum-color-field-border-focus-contrast-shade);
  stroke: var(--agorum-color-field-border-focus-contrast-shade);
  fill: var(--agorum-color-field-border-focus-contrast-shade);
}

.agorum-card.mark-field-border-focus-light {
  border-left: 4px solid var(--agorum-color-field-border-focus-light);
}

.agorum-card.background-field-border-focus-light {
  background: var(--agorum-color-field-border-focus-light-light);
}

.agorum-background-color-field-border-focus-light {
  background-color: var(--agorum-color-field-border-focus-light);
  color: var(--agorum-color-field-border-focus-light-contrast);
  stroke: var(--agorum-color-field-border-focus-light-contrast);
  fill: var(--agorum-color-field-border-focus-light-contrast);
}

.agorum-chip.agorum-background-color-field-border-focus-light {
  background-color: rgba(var(--agorum-color-field-border-focus-light-rgb), 0.2);
  color: var(--agorum-color-field-border-focus-light-shade);
  stroke: var(--agorum-color-field-border-focus-light-shade);
  fill: var(--agorum-color-field-border-focus-light-shade);
}

.agorum-card.mark-field-border-focus-shade {
  border-left: 4px solid var(--agorum-color-field-border-focus-shade);
}

.agorum-card.background-field-border-focus-shade {
  background: var(--agorum-color-field-border-focus-shade-light);
}

.agorum-background-color-field-border-focus-shade {
  background-color: var(--agorum-color-field-border-focus-shade);
  color: var(--agorum-color-field-border-focus-shade-contrast);
  stroke: var(--agorum-color-field-border-focus-shade-contrast);
  fill: var(--agorum-color-field-border-focus-shade-contrast);
}

.agorum-chip.agorum-background-color-field-border-focus-shade {
  background-color: rgba(var(--agorum-color-field-border-focus-shade-rgb), 0.2);
  color: var(--agorum-color-field-border-focus-shade-shade);
  stroke: var(--agorum-color-field-border-focus-shade-shade);
  fill: var(--agorum-color-field-border-focus-shade-shade);
}

.agorum-card.mark-browser-site-icon {
  border-left: 4px solid var(--agorum-color-browser-site-icon);
}

.agorum-card.background-browser-site-icon {
  background: var(--agorum-color-browser-site-icon-light);
}

.agorum-background-color-browser-site-icon {
  background-color: var(--agorum-color-browser-site-icon);
  color: var(--agorum-color-browser-site-icon-contrast);
  stroke: var(--agorum-color-browser-site-icon-contrast);
  fill: var(--agorum-color-browser-site-icon-contrast);
}

.agorum-chip.agorum-background-color-browser-site-icon {
  background-color: rgba(var(--agorum-color-browser-site-icon-rgb), 0.2);
  color: var(--agorum-color-browser-site-icon-shade);
  stroke: var(--agorum-color-browser-site-icon-shade);
  fill: var(--agorum-color-browser-site-icon-shade);
}

.agorum-card.mark-browser-site-icon-contrast {
  border-left: 4px solid var(--agorum-color-browser-site-icon-contrast);
}

.agorum-card.background-browser-site-icon-contrast {
  background: var(--agorum-color-browser-site-icon-contrast-light);
}

.agorum-background-color-browser-site-icon-contrast {
  background-color: var(--agorum-color-browser-site-icon-contrast);
  color: var(--agorum-color-browser-site-icon-contrast-contrast);
  stroke: var(--agorum-color-browser-site-icon-contrast-contrast);
  fill: var(--agorum-color-browser-site-icon-contrast-contrast);
}

.agorum-chip.agorum-background-color-browser-site-icon-contrast {
  background-color: rgba(var(--agorum-color-browser-site-icon-contrast-rgb), 0.2);
  color: var(--agorum-color-browser-site-icon-contrast-shade);
  stroke: var(--agorum-color-browser-site-icon-contrast-shade);
  fill: var(--agorum-color-browser-site-icon-contrast-shade);
}

.agorum-card.mark-browser-site-icon-light {
  border-left: 4px solid var(--agorum-color-browser-site-icon-light);
}

.agorum-card.background-browser-site-icon-light {
  background: var(--agorum-color-browser-site-icon-light-light);
}

.agorum-background-color-browser-site-icon-light {
  background-color: var(--agorum-color-browser-site-icon-light);
  color: var(--agorum-color-browser-site-icon-light-contrast);
  stroke: var(--agorum-color-browser-site-icon-light-contrast);
  fill: var(--agorum-color-browser-site-icon-light-contrast);
}

.agorum-chip.agorum-background-color-browser-site-icon-light {
  background-color: rgba(var(--agorum-color-browser-site-icon-light-rgb), 0.2);
  color: var(--agorum-color-browser-site-icon-light-shade);
  stroke: var(--agorum-color-browser-site-icon-light-shade);
  fill: var(--agorum-color-browser-site-icon-light-shade);
}

.agorum-card.mark-browser-site-icon-shade {
  border-left: 4px solid var(--agorum-color-browser-site-icon-shade);
}

.agorum-card.background-browser-site-icon-shade {
  background: var(--agorum-color-browser-site-icon-shade-light);
}

.agorum-background-color-browser-site-icon-shade {
  background-color: var(--agorum-color-browser-site-icon-shade);
  color: var(--agorum-color-browser-site-icon-shade-contrast);
  stroke: var(--agorum-color-browser-site-icon-shade-contrast);
  fill: var(--agorum-color-browser-site-icon-shade-contrast);
}

.agorum-chip.agorum-background-color-browser-site-icon-shade {
  background-color: rgba(var(--agorum-color-browser-site-icon-shade-rgb), 0.2);
  color: var(--agorum-color-browser-site-icon-shade-shade);
  stroke: var(--agorum-color-browser-site-icon-shade-shade);
  fill: var(--agorum-color-browser-site-icon-shade-shade);
}

.agorum-card.mark-home-settings-icon {
  border-left: 4px solid var(--agorum-color-home-settings-icon);
}

.agorum-card.background-home-settings-icon {
  background: var(--agorum-color-home-settings-icon-light);
}

.agorum-background-color-home-settings-icon {
  background-color: var(--agorum-color-home-settings-icon);
  color: var(--agorum-color-home-settings-icon-contrast);
  stroke: var(--agorum-color-home-settings-icon-contrast);
  fill: var(--agorum-color-home-settings-icon-contrast);
}

.agorum-chip.agorum-background-color-home-settings-icon {
  background-color: rgba(var(--agorum-color-home-settings-icon-rgb), 0.2);
  color: var(--agorum-color-home-settings-icon-shade);
  stroke: var(--agorum-color-home-settings-icon-shade);
  fill: var(--agorum-color-home-settings-icon-shade);
}

.agorum-card.mark-home-settings-icon-contrast {
  border-left: 4px solid var(--agorum-color-home-settings-icon-contrast);
}

.agorum-card.background-home-settings-icon-contrast {
  background: var(--agorum-color-home-settings-icon-contrast-light);
}

.agorum-background-color-home-settings-icon-contrast {
  background-color: var(--agorum-color-home-settings-icon-contrast);
  color: var(--agorum-color-home-settings-icon-contrast-contrast);
  stroke: var(--agorum-color-home-settings-icon-contrast-contrast);
  fill: var(--agorum-color-home-settings-icon-contrast-contrast);
}

.agorum-chip.agorum-background-color-home-settings-icon-contrast {
  background-color: rgba(var(--agorum-color-home-settings-icon-contrast-rgb), 0.2);
  color: var(--agorum-color-home-settings-icon-contrast-shade);
  stroke: var(--agorum-color-home-settings-icon-contrast-shade);
  fill: var(--agorum-color-home-settings-icon-contrast-shade);
}

.agorum-card.mark-home-settings-icon-light {
  border-left: 4px solid var(--agorum-color-home-settings-icon-light);
}

.agorum-card.background-home-settings-icon-light {
  background: var(--agorum-color-home-settings-icon-light-light);
}

.agorum-background-color-home-settings-icon-light {
  background-color: var(--agorum-color-home-settings-icon-light);
  color: var(--agorum-color-home-settings-icon-light-contrast);
  stroke: var(--agorum-color-home-settings-icon-light-contrast);
  fill: var(--agorum-color-home-settings-icon-light-contrast);
}

.agorum-chip.agorum-background-color-home-settings-icon-light {
  background-color: rgba(var(--agorum-color-home-settings-icon-light-rgb), 0.2);
  color: var(--agorum-color-home-settings-icon-light-shade);
  stroke: var(--agorum-color-home-settings-icon-light-shade);
  fill: var(--agorum-color-home-settings-icon-light-shade);
}

.agorum-card.mark-home-settings-icon-shade {
  border-left: 4px solid var(--agorum-color-home-settings-icon-shade);
}

.agorum-card.background-home-settings-icon-shade {
  background: var(--agorum-color-home-settings-icon-shade-light);
}

.agorum-background-color-home-settings-icon-shade {
  background-color: var(--agorum-color-home-settings-icon-shade);
  color: var(--agorum-color-home-settings-icon-shade-contrast);
  stroke: var(--agorum-color-home-settings-icon-shade-contrast);
  fill: var(--agorum-color-home-settings-icon-shade-contrast);
}

.agorum-chip.agorum-background-color-home-settings-icon-shade {
  background-color: rgba(var(--agorum-color-home-settings-icon-shade-rgb), 0.2);
  color: var(--agorum-color-home-settings-icon-shade-shade);
  stroke: var(--agorum-color-home-settings-icon-shade-shade);
  fill: var(--agorum-color-home-settings-icon-shade-shade);
}

.agorum-card.mark-home-settings-icon-invisible {
  border-left: 4px solid var(--agorum-color-home-settings-icon-invisible);
}

.agorum-card.background-home-settings-icon-invisible {
  background: var(--agorum-color-home-settings-icon-invisible-light);
}

.agorum-background-color-home-settings-icon-invisible {
  background-color: var(--agorum-color-home-settings-icon-invisible);
  color: var(--agorum-color-home-settings-icon-invisible-contrast);
  stroke: var(--agorum-color-home-settings-icon-invisible-contrast);
  fill: var(--agorum-color-home-settings-icon-invisible-contrast);
}

.agorum-chip.agorum-background-color-home-settings-icon-invisible {
  background-color: rgba(var(--agorum-color-home-settings-icon-invisible-rgb), 0.2);
  color: var(--agorum-color-home-settings-icon-invisible-shade);
  stroke: var(--agorum-color-home-settings-icon-invisible-shade);
  fill: var(--agorum-color-home-settings-icon-invisible-shade);
}

.agorum-card.mark-home-settings-icon-invisible-contrast {
  border-left: 4px solid var(--agorum-color-home-settings-icon-invisible-contrast);
}

.agorum-card.background-home-settings-icon-invisible-contrast {
  background: var(--agorum-color-home-settings-icon-invisible-contrast-light);
}

.agorum-background-color-home-settings-icon-invisible-contrast {
  background-color: var(--agorum-color-home-settings-icon-invisible-contrast);
  color: var(--agorum-color-home-settings-icon-invisible-contrast-contrast);
  stroke: var(--agorum-color-home-settings-icon-invisible-contrast-contrast);
  fill: var(--agorum-color-home-settings-icon-invisible-contrast-contrast);
}

.agorum-chip.agorum-background-color-home-settings-icon-invisible-contrast {
  background-color: rgba(var(--agorum-color-home-settings-icon-invisible-contrast-rgb), 0.2);
  color: var(--agorum-color-home-settings-icon-invisible-contrast-shade);
  stroke: var(--agorum-color-home-settings-icon-invisible-contrast-shade);
  fill: var(--agorum-color-home-settings-icon-invisible-contrast-shade);
}

.agorum-card.mark-home-settings-icon-invisible-light {
  border-left: 4px solid var(--agorum-color-home-settings-icon-invisible-light);
}

.agorum-card.background-home-settings-icon-invisible-light {
  background: var(--agorum-color-home-settings-icon-invisible-light-light);
}

.agorum-background-color-home-settings-icon-invisible-light {
  background-color: var(--agorum-color-home-settings-icon-invisible-light);
  color: var(--agorum-color-home-settings-icon-invisible-light-contrast);
  stroke: var(--agorum-color-home-settings-icon-invisible-light-contrast);
  fill: var(--agorum-color-home-settings-icon-invisible-light-contrast);
}

.agorum-chip.agorum-background-color-home-settings-icon-invisible-light {
  background-color: rgba(var(--agorum-color-home-settings-icon-invisible-light-rgb), 0.2);
  color: var(--agorum-color-home-settings-icon-invisible-light-shade);
  stroke: var(--agorum-color-home-settings-icon-invisible-light-shade);
  fill: var(--agorum-color-home-settings-icon-invisible-light-shade);
}

.agorum-card.mark-home-settings-icon-invisible-shade {
  border-left: 4px solid var(--agorum-color-home-settings-icon-invisible-shade);
}

.agorum-card.background-home-settings-icon-invisible-shade {
  background: var(--agorum-color-home-settings-icon-invisible-shade-light);
}

.agorum-background-color-home-settings-icon-invisible-shade {
  background-color: var(--agorum-color-home-settings-icon-invisible-shade);
  color: var(--agorum-color-home-settings-icon-invisible-shade-contrast);
  stroke: var(--agorum-color-home-settings-icon-invisible-shade-contrast);
  fill: var(--agorum-color-home-settings-icon-invisible-shade-contrast);
}

.agorum-chip.agorum-background-color-home-settings-icon-invisible-shade {
  background-color: rgba(var(--agorum-color-home-settings-icon-invisible-shade-rgb), 0.2);
  color: var(--agorum-color-home-settings-icon-invisible-shade-shade);
  stroke: var(--agorum-color-home-settings-icon-invisible-shade-shade);
  fill: var(--agorum-color-home-settings-icon-invisible-shade-shade);
}

.agorum-card.mark-home-header-bar {
  border-left: 4px solid var(--agorum-color-home-header-bar);
}

.agorum-card.background-home-header-bar {
  background: var(--agorum-color-home-header-bar-light);
}

.agorum-background-color-home-header-bar {
  background-color: var(--agorum-color-home-header-bar);
  color: var(--agorum-color-home-header-bar-contrast);
  stroke: var(--agorum-color-home-header-bar-contrast);
  fill: var(--agorum-color-home-header-bar-contrast);
}

.agorum-chip.agorum-background-color-home-header-bar {
  background-color: rgba(var(--agorum-color-home-header-bar-rgb), 0.2);
  color: var(--agorum-color-home-header-bar-shade);
  stroke: var(--agorum-color-home-header-bar-shade);
  fill: var(--agorum-color-home-header-bar-shade);
}

.agorum-card.mark-home-header-bar-contrast {
  border-left: 4px solid var(--agorum-color-home-header-bar-contrast);
}

.agorum-card.background-home-header-bar-contrast {
  background: var(--agorum-color-home-header-bar-contrast-light);
}

.agorum-background-color-home-header-bar-contrast {
  background-color: var(--agorum-color-home-header-bar-contrast);
  color: var(--agorum-color-home-header-bar-contrast-contrast);
  stroke: var(--agorum-color-home-header-bar-contrast-contrast);
  fill: var(--agorum-color-home-header-bar-contrast-contrast);
}

.agorum-chip.agorum-background-color-home-header-bar-contrast {
  background-color: rgba(var(--agorum-color-home-header-bar-contrast-rgb), 0.2);
  color: var(--agorum-color-home-header-bar-contrast-shade);
  stroke: var(--agorum-color-home-header-bar-contrast-shade);
  fill: var(--agorum-color-home-header-bar-contrast-shade);
}

.agorum-card.mark-home-header-bar-light {
  border-left: 4px solid var(--agorum-color-home-header-bar-light);
}

.agorum-card.background-home-header-bar-light {
  background: var(--agorum-color-home-header-bar-light-light);
}

.agorum-background-color-home-header-bar-light {
  background-color: var(--agorum-color-home-header-bar-light);
  color: var(--agorum-color-home-header-bar-light-contrast);
  stroke: var(--agorum-color-home-header-bar-light-contrast);
  fill: var(--agorum-color-home-header-bar-light-contrast);
}

.agorum-chip.agorum-background-color-home-header-bar-light {
  background-color: rgba(var(--agorum-color-home-header-bar-light-rgb), 0.2);
  color: var(--agorum-color-home-header-bar-light-shade);
  stroke: var(--agorum-color-home-header-bar-light-shade);
  fill: var(--agorum-color-home-header-bar-light-shade);
}

.agorum-card.mark-home-header-bar-shade {
  border-left: 4px solid var(--agorum-color-home-header-bar-shade);
}

.agorum-card.background-home-header-bar-shade {
  background: var(--agorum-color-home-header-bar-shade-light);
}

.agorum-background-color-home-header-bar-shade {
  background-color: var(--agorum-color-home-header-bar-shade);
  color: var(--agorum-color-home-header-bar-shade-contrast);
  stroke: var(--agorum-color-home-header-bar-shade-contrast);
  fill: var(--agorum-color-home-header-bar-shade-contrast);
}

.agorum-chip.agorum-background-color-home-header-bar-shade {
  background-color: rgba(var(--agorum-color-home-header-bar-shade-rgb), 0.2);
  color: var(--agorum-color-home-header-bar-shade-shade);
  stroke: var(--agorum-color-home-header-bar-shade-shade);
  fill: var(--agorum-color-home-header-bar-shade-shade);
}

.agorum-card.mark-home-header-bar-button-hover {
  border-left: 4px solid var(--agorum-color-home-header-bar-button-hover);
}

.agorum-card.background-home-header-bar-button-hover {
  background: var(--agorum-color-home-header-bar-button-hover-light);
}

.agorum-background-color-home-header-bar-button-hover {
  background-color: var(--agorum-color-home-header-bar-button-hover);
  color: var(--agorum-color-home-header-bar-button-hover-contrast);
  stroke: var(--agorum-color-home-header-bar-button-hover-contrast);
  fill: var(--agorum-color-home-header-bar-button-hover-contrast);
}

.agorum-chip.agorum-background-color-home-header-bar-button-hover {
  background-color: rgba(var(--agorum-color-home-header-bar-button-hover-rgb), 0.2);
  color: var(--agorum-color-home-header-bar-button-hover-shade);
  stroke: var(--agorum-color-home-header-bar-button-hover-shade);
  fill: var(--agorum-color-home-header-bar-button-hover-shade);
}

.agorum-card.mark-home-header-bar-button-hover-contrast {
  border-left: 4px solid var(--agorum-color-home-header-bar-button-hover-contrast);
}

.agorum-card.background-home-header-bar-button-hover-contrast {
  background: var(--agorum-color-home-header-bar-button-hover-contrast-light);
}

.agorum-background-color-home-header-bar-button-hover-contrast {
  background-color: var(--agorum-color-home-header-bar-button-hover-contrast);
  color: var(--agorum-color-home-header-bar-button-hover-contrast-contrast);
  stroke: var(--agorum-color-home-header-bar-button-hover-contrast-contrast);
  fill: var(--agorum-color-home-header-bar-button-hover-contrast-contrast);
}

.agorum-chip.agorum-background-color-home-header-bar-button-hover-contrast {
  background-color: rgba(var(--agorum-color-home-header-bar-button-hover-contrast-rgb), 0.2);
  color: var(--agorum-color-home-header-bar-button-hover-contrast-shade);
  stroke: var(--agorum-color-home-header-bar-button-hover-contrast-shade);
  fill: var(--agorum-color-home-header-bar-button-hover-contrast-shade);
}

.agorum-card.mark-home-header-bar-button-hover-light {
  border-left: 4px solid var(--agorum-color-home-header-bar-button-hover-light);
}

.agorum-card.background-home-header-bar-button-hover-light {
  background: var(--agorum-color-home-header-bar-button-hover-light-light);
}

.agorum-background-color-home-header-bar-button-hover-light {
  background-color: var(--agorum-color-home-header-bar-button-hover-light);
  color: var(--agorum-color-home-header-bar-button-hover-light-contrast);
  stroke: var(--agorum-color-home-header-bar-button-hover-light-contrast);
  fill: var(--agorum-color-home-header-bar-button-hover-light-contrast);
}

.agorum-chip.agorum-background-color-home-header-bar-button-hover-light {
  background-color: rgba(var(--agorum-color-home-header-bar-button-hover-light-rgb), 0.2);
  color: var(--agorum-color-home-header-bar-button-hover-light-shade);
  stroke: var(--agorum-color-home-header-bar-button-hover-light-shade);
  fill: var(--agorum-color-home-header-bar-button-hover-light-shade);
}

.agorum-card.mark-home-header-bar-button-hover-shade {
  border-left: 4px solid var(--agorum-color-home-header-bar-button-hover-shade);
}

.agorum-card.background-home-header-bar-button-hover-shade {
  background: var(--agorum-color-home-header-bar-button-hover-shade-light);
}

.agorum-background-color-home-header-bar-button-hover-shade {
  background-color: var(--agorum-color-home-header-bar-button-hover-shade);
  color: var(--agorum-color-home-header-bar-button-hover-shade-contrast);
  stroke: var(--agorum-color-home-header-bar-button-hover-shade-contrast);
  fill: var(--agorum-color-home-header-bar-button-hover-shade-contrast);
}

.agorum-chip.agorum-background-color-home-header-bar-button-hover-shade {
  background-color: rgba(var(--agorum-color-home-header-bar-button-hover-shade-rgb), 0.2);
  color: var(--agorum-color-home-header-bar-button-hover-shade-shade);
  stroke: var(--agorum-color-home-header-bar-button-hover-shade-shade);
  fill: var(--agorum-color-home-header-bar-button-hover-shade-shade);
}

.agorum-card.mark-#home-tab-bar-background {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-background);
}

.agorum-card.background-#home-tab-bar-background {
  background: var(--agorum-color-#home-tab-bar-background-light);
}

.agorum-background-color-#home-tab-bar-background {
  background-color: var(--agorum-color-#home-tab-bar-background);
  color: var(--agorum-color-#home-tab-bar-background-contrast);
  stroke: var(--agorum-color-#home-tab-bar-background-contrast);
  fill: var(--agorum-color-#home-tab-bar-background-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-background {
  background-color: rgba(var(--agorum-color-#home-tab-bar-background-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-background-shade);
  stroke: var(--agorum-color-#home-tab-bar-background-shade);
  fill: var(--agorum-color-#home-tab-bar-background-shade);
}

.agorum-card.mark-#home-tab-bar-background-contrast {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-background-contrast);
}

.agorum-card.background-#home-tab-bar-background-contrast {
  background: var(--agorum-color-#home-tab-bar-background-contrast-light);
}

.agorum-background-color-#home-tab-bar-background-contrast {
  background-color: var(--agorum-color-#home-tab-bar-background-contrast);
  color: var(--agorum-color-#home-tab-bar-background-contrast-contrast);
  stroke: var(--agorum-color-#home-tab-bar-background-contrast-contrast);
  fill: var(--agorum-color-#home-tab-bar-background-contrast-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-background-contrast {
  background-color: rgba(var(--agorum-color-#home-tab-bar-background-contrast-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-background-contrast-shade);
  stroke: var(--agorum-color-#home-tab-bar-background-contrast-shade);
  fill: var(--agorum-color-#home-tab-bar-background-contrast-shade);
}

.agorum-card.mark-#home-tab-bar-background-light {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-background-light);
}

.agorum-card.background-#home-tab-bar-background-light {
  background: var(--agorum-color-#home-tab-bar-background-light-light);
}

.agorum-background-color-#home-tab-bar-background-light {
  background-color: var(--agorum-color-#home-tab-bar-background-light);
  color: var(--agorum-color-#home-tab-bar-background-light-contrast);
  stroke: var(--agorum-color-#home-tab-bar-background-light-contrast);
  fill: var(--agorum-color-#home-tab-bar-background-light-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-background-light {
  background-color: rgba(var(--agorum-color-#home-tab-bar-background-light-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-background-light-shade);
  stroke: var(--agorum-color-#home-tab-bar-background-light-shade);
  fill: var(--agorum-color-#home-tab-bar-background-light-shade);
}

.agorum-card.mark-#home-tab-bar-background-shade {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-background-shade);
}

.agorum-card.background-#home-tab-bar-background-shade {
  background: var(--agorum-color-#home-tab-bar-background-shade-light);
}

.agorum-background-color-#home-tab-bar-background-shade {
  background-color: var(--agorum-color-#home-tab-bar-background-shade);
  color: var(--agorum-color-#home-tab-bar-background-shade-contrast);
  stroke: var(--agorum-color-#home-tab-bar-background-shade-contrast);
  fill: var(--agorum-color-#home-tab-bar-background-shade-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-background-shade {
  background-color: rgba(var(--agorum-color-#home-tab-bar-background-shade-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-background-shade-shade);
  stroke: var(--agorum-color-#home-tab-bar-background-shade-shade);
  fill: var(--agorum-color-#home-tab-bar-background-shade-shade);
}

.agorum-card.mark-#home-tab-bar {
  border-left: 4px solid var(--agorum-color-#home-tab-bar);
}

.agorum-card.background-#home-tab-bar {
  background: var(--agorum-color-#home-tab-bar-light);
}

.agorum-background-color-#home-tab-bar {
  background-color: var(--agorum-color-#home-tab-bar);
  color: var(--agorum-color-#home-tab-bar-contrast);
  stroke: var(--agorum-color-#home-tab-bar-contrast);
  fill: var(--agorum-color-#home-tab-bar-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar {
  background-color: rgba(var(--agorum-color-#home-tab-bar-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-shade);
  stroke: var(--agorum-color-#home-tab-bar-shade);
  fill: var(--agorum-color-#home-tab-bar-shade);
}

.agorum-card.mark-#home-tab-bar-contrast {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-contrast);
}

.agorum-card.background-#home-tab-bar-contrast {
  background: var(--agorum-color-#home-tab-bar-contrast-light);
}

.agorum-background-color-#home-tab-bar-contrast {
  background-color: var(--agorum-color-#home-tab-bar-contrast);
  color: var(--agorum-color-#home-tab-bar-contrast-contrast);
  stroke: var(--agorum-color-#home-tab-bar-contrast-contrast);
  fill: var(--agorum-color-#home-tab-bar-contrast-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-contrast {
  background-color: rgba(var(--agorum-color-#home-tab-bar-contrast-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-contrast-shade);
  stroke: var(--agorum-color-#home-tab-bar-contrast-shade);
  fill: var(--agorum-color-#home-tab-bar-contrast-shade);
}

.agorum-card.mark-#home-tab-bar-light {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-light);
}

.agorum-card.background-#home-tab-bar-light {
  background: var(--agorum-color-#home-tab-bar-light-light);
}

.agorum-background-color-#home-tab-bar-light {
  background-color: var(--agorum-color-#home-tab-bar-light);
  color: var(--agorum-color-#home-tab-bar-light-contrast);
  stroke: var(--agorum-color-#home-tab-bar-light-contrast);
  fill: var(--agorum-color-#home-tab-bar-light-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-light {
  background-color: rgba(var(--agorum-color-#home-tab-bar-light-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-light-shade);
  stroke: var(--agorum-color-#home-tab-bar-light-shade);
  fill: var(--agorum-color-#home-tab-bar-light-shade);
}

.agorum-card.mark-#home-tab-bar-shade {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-shade);
}

.agorum-card.background-#home-tab-bar-shade {
  background: var(--agorum-color-#home-tab-bar-shade-light);
}

.agorum-background-color-#home-tab-bar-shade {
  background-color: var(--agorum-color-#home-tab-bar-shade);
  color: var(--agorum-color-#home-tab-bar-shade-contrast);
  stroke: var(--agorum-color-#home-tab-bar-shade-contrast);
  fill: var(--agorum-color-#home-tab-bar-shade-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-shade {
  background-color: rgba(var(--agorum-color-#home-tab-bar-shade-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-shade-shade);
  stroke: var(--agorum-color-#home-tab-bar-shade-shade);
  fill: var(--agorum-color-#home-tab-bar-shade-shade);
}

.agorum-card.mark-#home-tab-bar-selected {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-selected);
}

.agorum-card.background-#home-tab-bar-selected {
  background: var(--agorum-color-#home-tab-bar-selected-light);
}

.agorum-background-color-#home-tab-bar-selected {
  background-color: var(--agorum-color-#home-tab-bar-selected);
  color: var(--agorum-color-#home-tab-bar-selected-contrast);
  stroke: var(--agorum-color-#home-tab-bar-selected-contrast);
  fill: var(--agorum-color-#home-tab-bar-selected-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-selected {
  background-color: rgba(var(--agorum-color-#home-tab-bar-selected-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-selected-shade);
  stroke: var(--agorum-color-#home-tab-bar-selected-shade);
  fill: var(--agorum-color-#home-tab-bar-selected-shade);
}

.agorum-card.mark-#home-tab-bar-selected-contrast {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-selected-contrast);
}

.agorum-card.background-#home-tab-bar-selected-contrast {
  background: var(--agorum-color-#home-tab-bar-selected-contrast-light);
}

.agorum-background-color-#home-tab-bar-selected-contrast {
  background-color: var(--agorum-color-#home-tab-bar-selected-contrast);
  color: var(--agorum-color-#home-tab-bar-selected-contrast-contrast);
  stroke: var(--agorum-color-#home-tab-bar-selected-contrast-contrast);
  fill: var(--agorum-color-#home-tab-bar-selected-contrast-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-selected-contrast {
  background-color: rgba(var(--agorum-color-#home-tab-bar-selected-contrast-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-selected-contrast-shade);
  stroke: var(--agorum-color-#home-tab-bar-selected-contrast-shade);
  fill: var(--agorum-color-#home-tab-bar-selected-contrast-shade);
}

.agorum-card.mark-#home-tab-bar-selected-light {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-selected-light);
}

.agorum-card.background-#home-tab-bar-selected-light {
  background: var(--agorum-color-#home-tab-bar-selected-light-light);
}

.agorum-background-color-#home-tab-bar-selected-light {
  background-color: var(--agorum-color-#home-tab-bar-selected-light);
  color: var(--agorum-color-#home-tab-bar-selected-light-contrast);
  stroke: var(--agorum-color-#home-tab-bar-selected-light-contrast);
  fill: var(--agorum-color-#home-tab-bar-selected-light-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-selected-light {
  background-color: rgba(var(--agorum-color-#home-tab-bar-selected-light-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-selected-light-shade);
  stroke: var(--agorum-color-#home-tab-bar-selected-light-shade);
  fill: var(--agorum-color-#home-tab-bar-selected-light-shade);
}

.agorum-card.mark-#home-tab-bar-selected-shade {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-selected-shade);
}

.agorum-card.background-#home-tab-bar-selected-shade {
  background: var(--agorum-color-#home-tab-bar-selected-shade-light);
}

.agorum-background-color-#home-tab-bar-selected-shade {
  background-color: var(--agorum-color-#home-tab-bar-selected-shade);
  color: var(--agorum-color-#home-tab-bar-selected-shade-contrast);
  stroke: var(--agorum-color-#home-tab-bar-selected-shade-contrast);
  fill: var(--agorum-color-#home-tab-bar-selected-shade-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-selected-shade {
  background-color: rgba(var(--agorum-color-#home-tab-bar-selected-shade-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-selected-shade-shade);
  stroke: var(--agorum-color-#home-tab-bar-selected-shade-shade);
  fill: var(--agorum-color-#home-tab-bar-selected-shade-shade);
}

.agorum-card.mark-#home-tab-bar-background-hover {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-background-hover);
}

.agorum-card.background-#home-tab-bar-background-hover {
  background: var(--agorum-color-#home-tab-bar-background-hover-light);
}

.agorum-background-color-#home-tab-bar-background-hover {
  background-color: var(--agorum-color-#home-tab-bar-background-hover);
  color: var(--agorum-color-#home-tab-bar-background-hover-contrast);
  stroke: var(--agorum-color-#home-tab-bar-background-hover-contrast);
  fill: var(--agorum-color-#home-tab-bar-background-hover-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-background-hover {
  background-color: rgba(var(--agorum-color-#home-tab-bar-background-hover-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-background-hover-shade);
  stroke: var(--agorum-color-#home-tab-bar-background-hover-shade);
  fill: var(--agorum-color-#home-tab-bar-background-hover-shade);
}

.agorum-card.mark-#home-tab-bar-background-hover-contrast {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-background-hover-contrast);
}

.agorum-card.background-#home-tab-bar-background-hover-contrast {
  background: var(--agorum-color-#home-tab-bar-background-hover-contrast-light);
}

.agorum-background-color-#home-tab-bar-background-hover-contrast {
  background-color: var(--agorum-color-#home-tab-bar-background-hover-contrast);
  color: var(--agorum-color-#home-tab-bar-background-hover-contrast-contrast);
  stroke: var(--agorum-color-#home-tab-bar-background-hover-contrast-contrast);
  fill: var(--agorum-color-#home-tab-bar-background-hover-contrast-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-background-hover-contrast {
  background-color: rgba(var(--agorum-color-#home-tab-bar-background-hover-contrast-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-background-hover-contrast-shade);
  stroke: var(--agorum-color-#home-tab-bar-background-hover-contrast-shade);
  fill: var(--agorum-color-#home-tab-bar-background-hover-contrast-shade);
}

.agorum-card.mark-#home-tab-bar-background-hover-light {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-background-hover-light);
}

.agorum-card.background-#home-tab-bar-background-hover-light {
  background: var(--agorum-color-#home-tab-bar-background-hover-light-light);
}

.agorum-background-color-#home-tab-bar-background-hover-light {
  background-color: var(--agorum-color-#home-tab-bar-background-hover-light);
  color: var(--agorum-color-#home-tab-bar-background-hover-light-contrast);
  stroke: var(--agorum-color-#home-tab-bar-background-hover-light-contrast);
  fill: var(--agorum-color-#home-tab-bar-background-hover-light-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-background-hover-light {
  background-color: rgba(var(--agorum-color-#home-tab-bar-background-hover-light-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-background-hover-light-shade);
  stroke: var(--agorum-color-#home-tab-bar-background-hover-light-shade);
  fill: var(--agorum-color-#home-tab-bar-background-hover-light-shade);
}

.agorum-card.mark-#home-tab-bar-background-hover-shade {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-background-hover-shade);
}

.agorum-card.background-#home-tab-bar-background-hover-shade {
  background: var(--agorum-color-#home-tab-bar-background-hover-shade-light);
}

.agorum-background-color-#home-tab-bar-background-hover-shade {
  background-color: var(--agorum-color-#home-tab-bar-background-hover-shade);
  color: var(--agorum-color-#home-tab-bar-background-hover-shade-contrast);
  stroke: var(--agorum-color-#home-tab-bar-background-hover-shade-contrast);
  fill: var(--agorum-color-#home-tab-bar-background-hover-shade-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-background-hover-shade {
  background-color: rgba(var(--agorum-color-#home-tab-bar-background-hover-shade-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-background-hover-shade-shade);
  stroke: var(--agorum-color-#home-tab-bar-background-hover-shade-shade);
  fill: var(--agorum-color-#home-tab-bar-background-hover-shade-shade);
}

.agorum-card.mark-#home-tab-bar-background-selected {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-background-selected);
}

.agorum-card.background-#home-tab-bar-background-selected {
  background: var(--agorum-color-#home-tab-bar-background-selected-light);
}

.agorum-background-color-#home-tab-bar-background-selected {
  background-color: var(--agorum-color-#home-tab-bar-background-selected);
  color: var(--agorum-color-#home-tab-bar-background-selected-contrast);
  stroke: var(--agorum-color-#home-tab-bar-background-selected-contrast);
  fill: var(--agorum-color-#home-tab-bar-background-selected-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-background-selected {
  background-color: rgba(var(--agorum-color-#home-tab-bar-background-selected-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-background-selected-shade);
  stroke: var(--agorum-color-#home-tab-bar-background-selected-shade);
  fill: var(--agorum-color-#home-tab-bar-background-selected-shade);
}

.agorum-card.mark-#home-tab-bar-background-selected-contrast {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-background-selected-contrast);
}

.agorum-card.background-#home-tab-bar-background-selected-contrast {
  background: var(--agorum-color-#home-tab-bar-background-selected-contrast-light);
}

.agorum-background-color-#home-tab-bar-background-selected-contrast {
  background-color: var(--agorum-color-#home-tab-bar-background-selected-contrast);
  color: var(--agorum-color-#home-tab-bar-background-selected-contrast-contrast);
  stroke: var(--agorum-color-#home-tab-bar-background-selected-contrast-contrast);
  fill: var(--agorum-color-#home-tab-bar-background-selected-contrast-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-background-selected-contrast {
  background-color: rgba(var(--agorum-color-#home-tab-bar-background-selected-contrast-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-background-selected-contrast-shade);
  stroke: var(--agorum-color-#home-tab-bar-background-selected-contrast-shade);
  fill: var(--agorum-color-#home-tab-bar-background-selected-contrast-shade);
}

.agorum-card.mark-#home-tab-bar-background-selected-light {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-background-selected-light);
}

.agorum-card.background-#home-tab-bar-background-selected-light {
  background: var(--agorum-color-#home-tab-bar-background-selected-light-light);
}

.agorum-background-color-#home-tab-bar-background-selected-light {
  background-color: var(--agorum-color-#home-tab-bar-background-selected-light);
  color: var(--agorum-color-#home-tab-bar-background-selected-light-contrast);
  stroke: var(--agorum-color-#home-tab-bar-background-selected-light-contrast);
  fill: var(--agorum-color-#home-tab-bar-background-selected-light-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-background-selected-light {
  background-color: rgba(var(--agorum-color-#home-tab-bar-background-selected-light-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-background-selected-light-shade);
  stroke: var(--agorum-color-#home-tab-bar-background-selected-light-shade);
  fill: var(--agorum-color-#home-tab-bar-background-selected-light-shade);
}

.agorum-card.mark-#home-tab-bar-background-selected-shade {
  border-left: 4px solid var(--agorum-color-#home-tab-bar-background-selected-shade);
}

.agorum-card.background-#home-tab-bar-background-selected-shade {
  background: var(--agorum-color-#home-tab-bar-background-selected-shade-light);
}

.agorum-background-color-#home-tab-bar-background-selected-shade {
  background-color: var(--agorum-color-#home-tab-bar-background-selected-shade);
  color: var(--agorum-color-#home-tab-bar-background-selected-shade-contrast);
  stroke: var(--agorum-color-#home-tab-bar-background-selected-shade-contrast);
  fill: var(--agorum-color-#home-tab-bar-background-selected-shade-contrast);
}

.agorum-chip.agorum-background-color-#home-tab-bar-background-selected-shade {
  background-color: rgba(var(--agorum-color-#home-tab-bar-background-selected-shade-rgb), 0.2);
  color: var(--agorum-color-#home-tab-bar-background-selected-shade-shade);
  stroke: var(--agorum-color-#home-tab-bar-background-selected-shade-shade);
  fill: var(--agorum-color-#home-tab-bar-background-selected-shade-shade);
}

.agorum-card.mark-home-tab-bar-background {
  border-left: 4px solid var(--agorum-color-home-tab-bar-background);
}

.agorum-card.background-home-tab-bar-background {
  background: var(--agorum-color-home-tab-bar-background-light);
}

.agorum-background-color-home-tab-bar-background {
  background-color: var(--agorum-color-home-tab-bar-background);
  color: var(--agorum-color-home-tab-bar-background-contrast);
  stroke: var(--agorum-color-home-tab-bar-background-contrast);
  fill: var(--agorum-color-home-tab-bar-background-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-background {
  background-color: rgba(var(--agorum-color-home-tab-bar-background-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-background-shade);
  stroke: var(--agorum-color-home-tab-bar-background-shade);
  fill: var(--agorum-color-home-tab-bar-background-shade);
}

.agorum-card.mark-home-tab-bar-background-contrast {
  border-left: 4px solid var(--agorum-color-home-tab-bar-background-contrast);
}

.agorum-card.background-home-tab-bar-background-contrast {
  background: var(--agorum-color-home-tab-bar-background-contrast-light);
}

.agorum-background-color-home-tab-bar-background-contrast {
  background-color: var(--agorum-color-home-tab-bar-background-contrast);
  color: var(--agorum-color-home-tab-bar-background-contrast-contrast);
  stroke: var(--agorum-color-home-tab-bar-background-contrast-contrast);
  fill: var(--agorum-color-home-tab-bar-background-contrast-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-background-contrast {
  background-color: rgba(var(--agorum-color-home-tab-bar-background-contrast-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-background-contrast-shade);
  stroke: var(--agorum-color-home-tab-bar-background-contrast-shade);
  fill: var(--agorum-color-home-tab-bar-background-contrast-shade);
}

.agorum-card.mark-home-tab-bar-background-light {
  border-left: 4px solid var(--agorum-color-home-tab-bar-background-light);
}

.agorum-card.background-home-tab-bar-background-light {
  background: var(--agorum-color-home-tab-bar-background-light-light);
}

.agorum-background-color-home-tab-bar-background-light {
  background-color: var(--agorum-color-home-tab-bar-background-light);
  color: var(--agorum-color-home-tab-bar-background-light-contrast);
  stroke: var(--agorum-color-home-tab-bar-background-light-contrast);
  fill: var(--agorum-color-home-tab-bar-background-light-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-background-light {
  background-color: rgba(var(--agorum-color-home-tab-bar-background-light-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-background-light-shade);
  stroke: var(--agorum-color-home-tab-bar-background-light-shade);
  fill: var(--agorum-color-home-tab-bar-background-light-shade);
}

.agorum-card.mark-home-tab-bar-background-shade {
  border-left: 4px solid var(--agorum-color-home-tab-bar-background-shade);
}

.agorum-card.background-home-tab-bar-background-shade {
  background: var(--agorum-color-home-tab-bar-background-shade-light);
}

.agorum-background-color-home-tab-bar-background-shade {
  background-color: var(--agorum-color-home-tab-bar-background-shade);
  color: var(--agorum-color-home-tab-bar-background-shade-contrast);
  stroke: var(--agorum-color-home-tab-bar-background-shade-contrast);
  fill: var(--agorum-color-home-tab-bar-background-shade-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-background-shade {
  background-color: rgba(var(--agorum-color-home-tab-bar-background-shade-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-background-shade-shade);
  stroke: var(--agorum-color-home-tab-bar-background-shade-shade);
  fill: var(--agorum-color-home-tab-bar-background-shade-shade);
}

.agorum-card.mark-home-tab-bar {
  border-left: 4px solid var(--agorum-color-home-tab-bar);
}

.agorum-card.background-home-tab-bar {
  background: var(--agorum-color-home-tab-bar-light);
}

.agorum-background-color-home-tab-bar {
  background-color: var(--agorum-color-home-tab-bar);
  color: var(--agorum-color-home-tab-bar-contrast);
  stroke: var(--agorum-color-home-tab-bar-contrast);
  fill: var(--agorum-color-home-tab-bar-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar {
  background-color: rgba(var(--agorum-color-home-tab-bar-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-shade);
  stroke: var(--agorum-color-home-tab-bar-shade);
  fill: var(--agorum-color-home-tab-bar-shade);
}

.agorum-card.mark-home-tab-bar-contrast {
  border-left: 4px solid var(--agorum-color-home-tab-bar-contrast);
}

.agorum-card.background-home-tab-bar-contrast {
  background: var(--agorum-color-home-tab-bar-contrast-light);
}

.agorum-background-color-home-tab-bar-contrast {
  background-color: var(--agorum-color-home-tab-bar-contrast);
  color: var(--agorum-color-home-tab-bar-contrast-contrast);
  stroke: var(--agorum-color-home-tab-bar-contrast-contrast);
  fill: var(--agorum-color-home-tab-bar-contrast-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-contrast {
  background-color: rgba(var(--agorum-color-home-tab-bar-contrast-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-contrast-shade);
  stroke: var(--agorum-color-home-tab-bar-contrast-shade);
  fill: var(--agorum-color-home-tab-bar-contrast-shade);
}

.agorum-card.mark-home-tab-bar-light {
  border-left: 4px solid var(--agorum-color-home-tab-bar-light);
}

.agorum-card.background-home-tab-bar-light {
  background: var(--agorum-color-home-tab-bar-light-light);
}

.agorum-background-color-home-tab-bar-light {
  background-color: var(--agorum-color-home-tab-bar-light);
  color: var(--agorum-color-home-tab-bar-light-contrast);
  stroke: var(--agorum-color-home-tab-bar-light-contrast);
  fill: var(--agorum-color-home-tab-bar-light-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-light {
  background-color: rgba(var(--agorum-color-home-tab-bar-light-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-light-shade);
  stroke: var(--agorum-color-home-tab-bar-light-shade);
  fill: var(--agorum-color-home-tab-bar-light-shade);
}

.agorum-card.mark-home-tab-bar-shade {
  border-left: 4px solid var(--agorum-color-home-tab-bar-shade);
}

.agorum-card.background-home-tab-bar-shade {
  background: var(--agorum-color-home-tab-bar-shade-light);
}

.agorum-background-color-home-tab-bar-shade {
  background-color: var(--agorum-color-home-tab-bar-shade);
  color: var(--agorum-color-home-tab-bar-shade-contrast);
  stroke: var(--agorum-color-home-tab-bar-shade-contrast);
  fill: var(--agorum-color-home-tab-bar-shade-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-shade {
  background-color: rgba(var(--agorum-color-home-tab-bar-shade-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-shade-shade);
  stroke: var(--agorum-color-home-tab-bar-shade-shade);
  fill: var(--agorum-color-home-tab-bar-shade-shade);
}

.agorum-card.mark-home-tab-bar-selected {
  border-left: 4px solid var(--agorum-color-home-tab-bar-selected);
}

.agorum-card.background-home-tab-bar-selected {
  background: var(--agorum-color-home-tab-bar-selected-light);
}

.agorum-background-color-home-tab-bar-selected {
  background-color: var(--agorum-color-home-tab-bar-selected);
  color: var(--agorum-color-home-tab-bar-selected-contrast);
  stroke: var(--agorum-color-home-tab-bar-selected-contrast);
  fill: var(--agorum-color-home-tab-bar-selected-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-selected {
  background-color: rgba(var(--agorum-color-home-tab-bar-selected-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-selected-shade);
  stroke: var(--agorum-color-home-tab-bar-selected-shade);
  fill: var(--agorum-color-home-tab-bar-selected-shade);
}

.agorum-card.mark-home-tab-bar-selected-contrast {
  border-left: 4px solid var(--agorum-color-home-tab-bar-selected-contrast);
}

.agorum-card.background-home-tab-bar-selected-contrast {
  background: var(--agorum-color-home-tab-bar-selected-contrast-light);
}

.agorum-background-color-home-tab-bar-selected-contrast {
  background-color: var(--agorum-color-home-tab-bar-selected-contrast);
  color: var(--agorum-color-home-tab-bar-selected-contrast-contrast);
  stroke: var(--agorum-color-home-tab-bar-selected-contrast-contrast);
  fill: var(--agorum-color-home-tab-bar-selected-contrast-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-selected-contrast {
  background-color: rgba(var(--agorum-color-home-tab-bar-selected-contrast-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-selected-contrast-shade);
  stroke: var(--agorum-color-home-tab-bar-selected-contrast-shade);
  fill: var(--agorum-color-home-tab-bar-selected-contrast-shade);
}

.agorum-card.mark-home-tab-bar-selected-light {
  border-left: 4px solid var(--agorum-color-home-tab-bar-selected-light);
}

.agorum-card.background-home-tab-bar-selected-light {
  background: var(--agorum-color-home-tab-bar-selected-light-light);
}

.agorum-background-color-home-tab-bar-selected-light {
  background-color: var(--agorum-color-home-tab-bar-selected-light);
  color: var(--agorum-color-home-tab-bar-selected-light-contrast);
  stroke: var(--agorum-color-home-tab-bar-selected-light-contrast);
  fill: var(--agorum-color-home-tab-bar-selected-light-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-selected-light {
  background-color: rgba(var(--agorum-color-home-tab-bar-selected-light-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-selected-light-shade);
  stroke: var(--agorum-color-home-tab-bar-selected-light-shade);
  fill: var(--agorum-color-home-tab-bar-selected-light-shade);
}

.agorum-card.mark-home-tab-bar-selected-shade {
  border-left: 4px solid var(--agorum-color-home-tab-bar-selected-shade);
}

.agorum-card.background-home-tab-bar-selected-shade {
  background: var(--agorum-color-home-tab-bar-selected-shade-light);
}

.agorum-background-color-home-tab-bar-selected-shade {
  background-color: var(--agorum-color-home-tab-bar-selected-shade);
  color: var(--agorum-color-home-tab-bar-selected-shade-contrast);
  stroke: var(--agorum-color-home-tab-bar-selected-shade-contrast);
  fill: var(--agorum-color-home-tab-bar-selected-shade-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-selected-shade {
  background-color: rgba(var(--agorum-color-home-tab-bar-selected-shade-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-selected-shade-shade);
  stroke: var(--agorum-color-home-tab-bar-selected-shade-shade);
  fill: var(--agorum-color-home-tab-bar-selected-shade-shade);
}

.agorum-card.mark-home-tab-bar-background-hover {
  border-left: 4px solid var(--agorum-color-home-tab-bar-background-hover);
}

.agorum-card.background-home-tab-bar-background-hover {
  background: var(--agorum-color-home-tab-bar-background-hover-light);
}

.agorum-background-color-home-tab-bar-background-hover {
  background-color: var(--agorum-color-home-tab-bar-background-hover);
  color: var(--agorum-color-home-tab-bar-background-hover-contrast);
  stroke: var(--agorum-color-home-tab-bar-background-hover-contrast);
  fill: var(--agorum-color-home-tab-bar-background-hover-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-background-hover {
  background-color: rgba(var(--agorum-color-home-tab-bar-background-hover-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-background-hover-shade);
  stroke: var(--agorum-color-home-tab-bar-background-hover-shade);
  fill: var(--agorum-color-home-tab-bar-background-hover-shade);
}

.agorum-card.mark-home-tab-bar-background-hover-contrast {
  border-left: 4px solid var(--agorum-color-home-tab-bar-background-hover-contrast);
}

.agorum-card.background-home-tab-bar-background-hover-contrast {
  background: var(--agorum-color-home-tab-bar-background-hover-contrast-light);
}

.agorum-background-color-home-tab-bar-background-hover-contrast {
  background-color: var(--agorum-color-home-tab-bar-background-hover-contrast);
  color: var(--agorum-color-home-tab-bar-background-hover-contrast-contrast);
  stroke: var(--agorum-color-home-tab-bar-background-hover-contrast-contrast);
  fill: var(--agorum-color-home-tab-bar-background-hover-contrast-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-background-hover-contrast {
  background-color: rgba(var(--agorum-color-home-tab-bar-background-hover-contrast-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-background-hover-contrast-shade);
  stroke: var(--agorum-color-home-tab-bar-background-hover-contrast-shade);
  fill: var(--agorum-color-home-tab-bar-background-hover-contrast-shade);
}

.agorum-card.mark-home-tab-bar-background-hover-light {
  border-left: 4px solid var(--agorum-color-home-tab-bar-background-hover-light);
}

.agorum-card.background-home-tab-bar-background-hover-light {
  background: var(--agorum-color-home-tab-bar-background-hover-light-light);
}

.agorum-background-color-home-tab-bar-background-hover-light {
  background-color: var(--agorum-color-home-tab-bar-background-hover-light);
  color: var(--agorum-color-home-tab-bar-background-hover-light-contrast);
  stroke: var(--agorum-color-home-tab-bar-background-hover-light-contrast);
  fill: var(--agorum-color-home-tab-bar-background-hover-light-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-background-hover-light {
  background-color: rgba(var(--agorum-color-home-tab-bar-background-hover-light-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-background-hover-light-shade);
  stroke: var(--agorum-color-home-tab-bar-background-hover-light-shade);
  fill: var(--agorum-color-home-tab-bar-background-hover-light-shade);
}

.agorum-card.mark-home-tab-bar-background-hover-shade {
  border-left: 4px solid var(--agorum-color-home-tab-bar-background-hover-shade);
}

.agorum-card.background-home-tab-bar-background-hover-shade {
  background: var(--agorum-color-home-tab-bar-background-hover-shade-light);
}

.agorum-background-color-home-tab-bar-background-hover-shade {
  background-color: var(--agorum-color-home-tab-bar-background-hover-shade);
  color: var(--agorum-color-home-tab-bar-background-hover-shade-contrast);
  stroke: var(--agorum-color-home-tab-bar-background-hover-shade-contrast);
  fill: var(--agorum-color-home-tab-bar-background-hover-shade-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-background-hover-shade {
  background-color: rgba(var(--agorum-color-home-tab-bar-background-hover-shade-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-background-hover-shade-shade);
  stroke: var(--agorum-color-home-tab-bar-background-hover-shade-shade);
  fill: var(--agorum-color-home-tab-bar-background-hover-shade-shade);
}

.agorum-card.mark-home-tab-bar-background-selected {
  border-left: 4px solid var(--agorum-color-home-tab-bar-background-selected);
}

.agorum-card.background-home-tab-bar-background-selected {
  background: var(--agorum-color-home-tab-bar-background-selected-light);
}

.agorum-background-color-home-tab-bar-background-selected {
  background-color: var(--agorum-color-home-tab-bar-background-selected);
  color: var(--agorum-color-home-tab-bar-background-selected-contrast);
  stroke: var(--agorum-color-home-tab-bar-background-selected-contrast);
  fill: var(--agorum-color-home-tab-bar-background-selected-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-background-selected {
  background-color: rgba(var(--agorum-color-home-tab-bar-background-selected-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-background-selected-shade);
  stroke: var(--agorum-color-home-tab-bar-background-selected-shade);
  fill: var(--agorum-color-home-tab-bar-background-selected-shade);
}

.agorum-card.mark-home-tab-bar-background-selected-contrast {
  border-left: 4px solid var(--agorum-color-home-tab-bar-background-selected-contrast);
}

.agorum-card.background-home-tab-bar-background-selected-contrast {
  background: var(--agorum-color-home-tab-bar-background-selected-contrast-light);
}

.agorum-background-color-home-tab-bar-background-selected-contrast {
  background-color: var(--agorum-color-home-tab-bar-background-selected-contrast);
  color: var(--agorum-color-home-tab-bar-background-selected-contrast-contrast);
  stroke: var(--agorum-color-home-tab-bar-background-selected-contrast-contrast);
  fill: var(--agorum-color-home-tab-bar-background-selected-contrast-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-background-selected-contrast {
  background-color: rgba(var(--agorum-color-home-tab-bar-background-selected-contrast-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-background-selected-contrast-shade);
  stroke: var(--agorum-color-home-tab-bar-background-selected-contrast-shade);
  fill: var(--agorum-color-home-tab-bar-background-selected-contrast-shade);
}

.agorum-card.mark-home-tab-bar-background-selected-light {
  border-left: 4px solid var(--agorum-color-home-tab-bar-background-selected-light);
}

.agorum-card.background-home-tab-bar-background-selected-light {
  background: var(--agorum-color-home-tab-bar-background-selected-light-light);
}

.agorum-background-color-home-tab-bar-background-selected-light {
  background-color: var(--agorum-color-home-tab-bar-background-selected-light);
  color: var(--agorum-color-home-tab-bar-background-selected-light-contrast);
  stroke: var(--agorum-color-home-tab-bar-background-selected-light-contrast);
  fill: var(--agorum-color-home-tab-bar-background-selected-light-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-background-selected-light {
  background-color: rgba(var(--agorum-color-home-tab-bar-background-selected-light-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-background-selected-light-shade);
  stroke: var(--agorum-color-home-tab-bar-background-selected-light-shade);
  fill: var(--agorum-color-home-tab-bar-background-selected-light-shade);
}

.agorum-card.mark-home-tab-bar-background-selected-shade {
  border-left: 4px solid var(--agorum-color-home-tab-bar-background-selected-shade);
}

.agorum-card.background-home-tab-bar-background-selected-shade {
  background: var(--agorum-color-home-tab-bar-background-selected-shade-light);
}

.agorum-background-color-home-tab-bar-background-selected-shade {
  background-color: var(--agorum-color-home-tab-bar-background-selected-shade);
  color: var(--agorum-color-home-tab-bar-background-selected-shade-contrast);
  stroke: var(--agorum-color-home-tab-bar-background-selected-shade-contrast);
  fill: var(--agorum-color-home-tab-bar-background-selected-shade-contrast);
}

.agorum-chip.agorum-background-color-home-tab-bar-background-selected-shade {
  background-color: rgba(var(--agorum-color-home-tab-bar-background-selected-shade-rgb), 0.2);
  color: var(--agorum-color-home-tab-bar-background-selected-shade-shade);
  stroke: var(--agorum-color-home-tab-bar-background-selected-shade-shade);
  fill: var(--agorum-color-home-tab-bar-background-selected-shade-shade);
}