novo-elements 13.2.0 → 13.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/elements/breadcrumbs/Breadcrumb.scss +1 -1
  2. package/elements/button/styles/button-dialogue.scss +12 -0
  3. package/elements/button/styles/button-icon.scss +20 -0
  4. package/elements/button/styles/button-primary.scss +16 -1
  5. package/elements/button/styles/button-secondary.scss +14 -1
  6. package/elements/button/styles/button-standard.scss +14 -0
  7. package/elements/button/styles/button.scss +11 -0
  8. package/elements/card/Card.scss +80 -19
  9. package/elements/card/CardContent.scss +3 -0
  10. package/elements/card/CardHeader.scss +23 -0
  11. package/elements/card/index.d.ts +5 -3
  12. package/elements/category-dropdown/CategoryDropdown.scss +1 -1
  13. package/elements/checkbox/CheckList.scss +69 -0
  14. package/elements/checkbox/Checkbox.scss +104 -0
  15. package/elements/chips/Chip.scss +3 -1
  16. package/elements/common/index.d.ts +14 -4
  17. package/elements/common/option/option.component.scss +11 -0
  18. package/elements/data-table/data-table.component.scss +81 -3
  19. package/elements/data-table/pagination/data-table-pagination.component.scss +73 -0
  20. package/elements/date-picker/DatePicker.scss +1 -6
  21. package/elements/date-time-picker/_DateTimePicker.scss +1 -1
  22. package/elements/dropdown/Dropdown.scss +17 -1
  23. package/elements/field/field.scss +10 -6
  24. package/elements/field/hint/hint.scss +6 -0
  25. package/elements/form/ControlGroup.scss +13 -0
  26. package/elements/form/Form.scss +46 -0
  27. package/elements/header/Header.scss +45 -3
  28. package/elements/layout/index.d.ts +10 -2
  29. package/elements/list/list-item-content.scss +11 -10
  30. package/elements/menu/menu-content.component.scss +1 -0
  31. package/elements/modal/modal.component.scss +3 -13
  32. package/elements/modal/notification.component.scss +1 -6
  33. package/elements/picker/extras/picker-results/PickerResults.scss +51 -0
  34. package/elements/progress/Progress.scss +8 -0
  35. package/elements/progress/ProgressBar.scss +4 -1
  36. package/elements/search/SearchBox.scss +53 -0
  37. package/elements/search/index.d.ts +19 -9
  38. package/elements/select/Select.scss +1 -0
  39. package/elements/simple-table/table.scss +1 -1
  40. package/elements/stepper/stepper.component.scss +4 -4
  41. package/elements/switch/Switch.scss +39 -3
  42. package/elements/tabbed-group-picker/TabbedGroupPicker.scss +47 -0
  43. package/elements/tabs/tab.scss +17 -14
  44. package/elements/tiles/Tiles.scss +24 -2
  45. package/elements/time-picker/TimePicker.scss +2 -2
  46. package/elements/tip-well/TipWell.scss +34 -0
  47. package/elements/tip-well/index.d.ts +5 -1
  48. package/elements/toolbar/toolbar.component.scss +15 -0
  49. package/elements/tooltip/Tooltip.scss +1 -6
  50. package/fesm2022/novo-elements-elements-breadcrumbs.mjs +3 -3
  51. package/fesm2022/novo-elements-elements-breadcrumbs.mjs.map +1 -1
  52. package/fesm2022/novo-elements-elements-button.mjs +2 -2
  53. package/fesm2022/novo-elements-elements-button.mjs.map +1 -1
  54. package/fesm2022/novo-elements-elements-card.mjs +27 -21
  55. package/fesm2022/novo-elements-elements-card.mjs.map +1 -1
  56. package/fesm2022/novo-elements-elements-category-dropdown.mjs +2 -2
  57. package/fesm2022/novo-elements-elements-category-dropdown.mjs.map +1 -1
  58. package/fesm2022/novo-elements-elements-checkbox.mjs +4 -4
  59. package/fesm2022/novo-elements-elements-checkbox.mjs.map +1 -1
  60. package/fesm2022/novo-elements-elements-chips.mjs +2 -2
  61. package/fesm2022/novo-elements-elements-chips.mjs.map +1 -1
  62. package/fesm2022/novo-elements-elements-common.mjs +48 -17
  63. package/fesm2022/novo-elements-elements-common.mjs.map +1 -1
  64. package/fesm2022/novo-elements-elements-data-table.mjs +4 -4
  65. package/fesm2022/novo-elements-elements-data-table.mjs.map +1 -1
  66. package/fesm2022/novo-elements-elements-date-picker.mjs +2 -2
  67. package/fesm2022/novo-elements-elements-date-picker.mjs.map +1 -1
  68. package/fesm2022/novo-elements-elements-date-time-picker.mjs +2 -2
  69. package/fesm2022/novo-elements-elements-date-time-picker.mjs.map +1 -1
  70. package/fesm2022/novo-elements-elements-dropdown.mjs +2 -2
  71. package/fesm2022/novo-elements-elements-dropdown.mjs.map +1 -1
  72. package/fesm2022/novo-elements-elements-field.mjs +4 -4
  73. package/fesm2022/novo-elements-elements-field.mjs.map +1 -1
  74. package/fesm2022/novo-elements-elements-form.mjs +7 -7
  75. package/fesm2022/novo-elements-elements-form.mjs.map +1 -1
  76. package/fesm2022/novo-elements-elements-header.mjs +2 -2
  77. package/fesm2022/novo-elements-elements-header.mjs.map +1 -1
  78. package/fesm2022/novo-elements-elements-layout.mjs +29 -13
  79. package/fesm2022/novo-elements-elements-layout.mjs.map +1 -1
  80. package/fesm2022/novo-elements-elements-list.mjs +2 -2
  81. package/fesm2022/novo-elements-elements-list.mjs.map +1 -1
  82. package/fesm2022/novo-elements-elements-menu.mjs +2 -2
  83. package/fesm2022/novo-elements-elements-menu.mjs.map +1 -1
  84. package/fesm2022/novo-elements-elements-modal.mjs +4 -4
  85. package/fesm2022/novo-elements-elements-modal.mjs.map +1 -1
  86. package/fesm2022/novo-elements-elements-picker.mjs +4 -4
  87. package/fesm2022/novo-elements-elements-picker.mjs.map +1 -1
  88. package/fesm2022/novo-elements-elements-progress.mjs +4 -4
  89. package/fesm2022/novo-elements-elements-progress.mjs.map +1 -1
  90. package/fesm2022/novo-elements-elements-search.mjs +63 -17
  91. package/fesm2022/novo-elements-elements-search.mjs.map +1 -1
  92. package/fesm2022/novo-elements-elements-select.mjs +2 -2
  93. package/fesm2022/novo-elements-elements-select.mjs.map +1 -1
  94. package/fesm2022/novo-elements-elements-simple-table.mjs +4 -4
  95. package/fesm2022/novo-elements-elements-simple-table.mjs.map +1 -1
  96. package/fesm2022/novo-elements-elements-stepper.mjs +6 -6
  97. package/fesm2022/novo-elements-elements-stepper.mjs.map +1 -1
  98. package/fesm2022/novo-elements-elements-switch.mjs +2 -2
  99. package/fesm2022/novo-elements-elements-switch.mjs.map +1 -1
  100. package/fesm2022/novo-elements-elements-tabbed-group-picker.mjs +2 -2
  101. package/fesm2022/novo-elements-elements-tabbed-group-picker.mjs.map +1 -1
  102. package/fesm2022/novo-elements-elements-tabs.mjs +4 -4
  103. package/fesm2022/novo-elements-elements-tabs.mjs.map +1 -1
  104. package/fesm2022/novo-elements-elements-tiles.mjs +2 -2
  105. package/fesm2022/novo-elements-elements-tiles.mjs.map +1 -1
  106. package/fesm2022/novo-elements-elements-time-picker.mjs +2 -2
  107. package/fesm2022/novo-elements-elements-time-picker.mjs.map +1 -1
  108. package/fesm2022/novo-elements-elements-tip-well.mjs +26 -6
  109. package/fesm2022/novo-elements-elements-tip-well.mjs.map +1 -1
  110. package/fesm2022/novo-elements-elements-toolbar.mjs +2 -2
  111. package/fesm2022/novo-elements-elements-toolbar.mjs.map +1 -1
  112. package/fesm2022/novo-elements-elements-tooltip.mjs +2 -2
  113. package/fesm2022/novo-elements-elements-tooltip.mjs.map +1 -1
  114. package/fesm2022/novo-elements-utils.mjs +4822 -364
  115. package/fesm2022/novo-elements-utils.mjs.map +1 -1
  116. package/package.json +1 -1
  117. package/styles/content/links.scss +4 -0
  118. package/styles/themes/bh2026.scss +131 -53
  119. package/utils/index.d.ts +2 -2
package/fesm2022/novo-elements-elements-common.mjs CHANGED
@@ -1,8 +1,9 @@
1
1
  import * as i1 from '@angular/common';
2
2
  import { CommonModule } from '@angular/common';
3
3
  import * as i0 from '@angular/core';
4
- import { EventEmitter, Injectable, HostBinding, Input, Directive, Host, Optional, Inject, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule, InjectionToken, Output, input, inject, DestroyRef, DOCUMENT, TemplateRef, ViewChild } from '@angular/core';
5
- import { of, Subject, fromEvent, merge } from 'rxjs';
4
+ import { signal, inject, DOCUMENT, computed, Injectable, HostBinding, Input, Directive, Host, Optional, Inject, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule, InjectionToken, EventEmitter, Output, input, Pipe, DestroyRef, TemplateRef, ViewChild } from '@angular/core';
5
+ import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
6
+ import { map, of, Subject, fromEvent, merge } from 'rxjs';
6
7
  import { spacing } from 'novo-design-tokens';
7
8
  import { BooleanInput, Helpers } from 'novo-elements/utils';
8
9
  import { ANIMATION_MODULE_TYPE } from '@angular/platform-browser/animations';
@@ -11,7 +12,6 @@ import { hasModifierKey } from '@angular/cdk/keycodes';
11
12
  import * as i1$1 from '@angular/cdk/overlay';
12
13
  import { OverlayContainer, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
13
14
  import { TemplatePortal } from '@angular/cdk/portal';
14
- import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
15
15
  import { filter, first, switchMap } from 'rxjs/operators';
16
16
  import { ScrollingModule } from '@angular/cdk/scrolling';
17
17
  import { FormsModule } from '@angular/forms';
@@ -41,15 +41,24 @@ class NovoThemeOptions {
41
41
  class NovoTheme {
42
42
  constructor() {
43
43
  this._defaultTheme = { themeName: DEFAULT_THEME };
44
- this.onThemeChange = new EventEmitter();
44
+ this._currentTheme = signal(undefined, ...(ngDevMode ? [{ debugName: "_currentTheme" }] : []));
45
+ this.currentTheme = this._currentTheme.asReadonly();
46
+ this.onThemeChange = toObservable(this._currentTheme).pipe(map(theme => ({
47
+ themeName: theme?.themeName,
48
+ options: theme,
49
+ })));
50
+ this.document = inject(DOCUMENT);
51
+ this.isBh2026 = computed(() => {
52
+ return this.currentTheme()?.themeName?.includes('bh2026');
53
+ }, ...(ngDevMode ? [{ debugName: "isBh2026" }] : []));
45
54
  }
46
55
  /** Name of the theme being used. defaults to `bh2022-light`. */
47
56
  get themeName() {
48
- return this._currentTheme?.themeName || this._defaultTheme.themeName;
57
+ return this._currentTheme()?.themeName || this._defaultTheme.themeName;
49
58
  }
50
59
  set themeName(value) {
51
- this._currentTheme = { themeName: value };
52
- this.changeTheme(this._currentTheme);
60
+ const newTheme = { themeName: value };
61
+ this.changeTheme(newTheme);
53
62
  }
54
63
  use(options) {
55
64
  // future: don't change the theme if the theme given is already selected
@@ -61,15 +70,14 @@ class NovoTheme {
61
70
  * Changes the current theme
62
71
  */
63
72
  changeTheme(theme) {
64
- this._currentTheme = theme;
73
+ this._currentTheme.set(theme);
65
74
  this.applyThemeToDom(theme.themeName);
66
- this.onThemeChange.emit({ themeName: theme.themeName, options: theme });
67
75
  }
68
76
  applyThemeToDom(themeName) {
69
- if (typeof document === 'undefined' || !document.documentElement) {
77
+ if (typeof this.document === 'undefined' || !this.document.documentElement) {
70
78
  return;
71
79
  }
72
- const root = document.documentElement;
80
+ const root = this.document.documentElement;
73
81
  const normalized = normalizeThemeName(themeName);
74
82
  const generation = normalized.split('-')[0];
75
83
  root.classList.toggle('theme-dark', normalized.endsWith('-dark'));
@@ -97,7 +105,7 @@ class AccentColorDirective {
97
105
  return `novo-theme-${this.accent}`;
98
106
  }
99
107
  const normalized = normalizeThemeName(this.theme.themeName);
100
- if (normalized.includes('bh2022')) {
108
+ if (normalized.includes('bh2022') || normalized.includes('bh2026')) {
101
109
  return `novo-accent-${this.accent}`;
102
110
  }
103
111
  return '';
@@ -1102,7 +1110,7 @@ class NovoOption extends NovoOptionBase {
1102
1110
  super(element, changeDetectorRef, parent, group);
1103
1111
  }
1104
1112
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoOption, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: NOVO_OPTION_PARENT_COMPONENT, optional: true }, { token: NOVO_OPTGROUP, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
1105
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoOption, isStandalone: false, selector: "novo-option", inputs: { selected: "selected", keepOpen: "keepOpen", novoInert: "novoInert", value: "value", disabled: "disabled" }, host: { attributes: { "role": "option" }, listeners: { "keydown": "_handleKeydown($event)" }, properties: { "id": "id", "attr.tabindex": "_getTabIndex()", "attr.aria-selected": "_getAriaSelected()", "attr.aria-disabled": "disabled.toString()", "class.novo-active": "active", "class.novo-selected": "selectable && selected", "class.novo-option-multiple": "multiple", "class.novo-option-disabled": "disabled", "class.novo-option-inert": "novoInert" }, classAttribute: "novo-option novo-focus-indicator" }, exportAs: ["novoOption"], usesInheritance: true, ngImport: i0, template: "<novo-pseudo-checkbox *ngIf=\"selectable && multiple\" class=\"novo-option-pseudo-checkbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\" [disabled]=\"disabled\"></novo-pseudo-checkbox>\n\n<span class=\"novo-option-text\">\n <ng-content></ng-content>\n</span>\n\n<novo-pseudo-checkbox *ngIf=\"selectable && !multiple && selected\" class=\"novo-option-pseudo-checkbox\" state=\"checked\"\n shape=\"line\"\n [disabled]=\"disabled\"></novo-pseudo-checkbox>\n\n<ng-content select=\"[novoSuffix]\"></ng-content>\n<!-- See a11y notes inside optgroup.ts for context behind this element. -->\n<span class=\"cdk-visually-hidden\" *ngIf=\"group && group._novoInert\">({{ group.label }})</span>", styles: [":root{--menu-side-padding: var(--spacing-sm)}.novo-option{display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;position:relative;cursor:pointer;outline:none;display:flex;flex-direction:row;max-width:100%;box-sizing:border-box;align-items:center;margin:0;padding:1rem 1rem 1rem 1.6rem;gap:1rem;flex:1;-webkit-tap-highlight-color:transparent}.novo-option.text-capitalize{text-transform:capitalize}.novo-option.text-uppercase{text-transform:uppercase}.novo-option.text-nowrap{white-space:nowrap}.novo-option.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novo-option.text-size-default{font-size:inherit}.novo-option.text-size-body{font-size:var(--font-size-body)}.novo-option.text-size-xs{font-size:var(--font-size-xs)}.novo-option.text-size-sm{font-size:var(--font-size-sm)}.novo-option.text-size-md{font-size:var(--font-size-md)}.novo-option.text-size-lg{font-size:var(--font-size-lg)}.novo-option.text-size-xl{font-size:var(--font-size-xl)}.novo-option.text-size-2xl{font-size:var(--font-size-2xl)}.novo-option.text-size-3xl{font-size:var(--font-size-3xl)}.novo-option.text-size-smaller{font-size:.8em}.novo-option.text-size-larger{font-size:1.2em}.novo-option.text-color-black{color:var(--color-black)}.novo-option.text-color-white{color:var(--color-white)}.novo-option.text-color-gray{color:var(--color-gray)}.novo-option.text-color-grey{color:var(--color-grey)}.novo-option.text-color-offWhite{color:var(--color-off-white)}.novo-option.text-color-bright{color:var(--color-bright)}.novo-option.text-color-light{color:var(--color-light)}.novo-option.text-color-neutral{color:var(--color-neutral)}.novo-option.text-color-dark{color:var(--color-dark)}.novo-option.text-color-orange{color:var(--color-orange)}.novo-option.text-color-navigation{color:var(--color-navigation)}.novo-option.text-color-skyBlue{color:var(--color-sky-blue)}.novo-option.text-color-steel{color:var(--color-steel)}.novo-option.text-color-metal{color:var(--color-metal)}.novo-option.text-color-sand{color:var(--color-sand)}.novo-option.text-color-silver{color:var(--color-silver)}.novo-option.text-color-stone{color:var(--color-stone)}.novo-option.text-color-ash{color:var(--color-ash)}.novo-option.text-color-anonymous{color:var(--color-anonymous)}.novo-option.text-color-slate{color:var(--color-slate)}.novo-option.text-color-onyx{color:var(--color-onyx)}.novo-option.text-color-charcoal{color:var(--color-charcoal)}.novo-option.text-color-moonlight{color:var(--color-moonlight)}.novo-option.text-color-midnight{color:var(--color-midnight)}.novo-option.text-color-darkness{color:var(--color-darkness)}.novo-option.text-color-navy{color:var(--color-navy)}.novo-option.text-color-aqua{color:var(--color-aqua)}.novo-option.text-color-ocean{color:var(--color-ocean)}.novo-option.text-color-mint{color:var(--color-mint)}.novo-option.text-color-grass{color:var(--color-grass)}.novo-option.text-color-sunflower{color:var(--color-sunflower)}.novo-option.text-color-bittersweet{color:var(--color-bittersweet)}.novo-option.text-color-grapefruit{color:var(--color-grapefruit)}.novo-option.text-color-carnation{color:var(--color-carnation)}.novo-option.text-color-lavender{color:var(--color-lavender)}.novo-option.text-color-mountain{color:var(--color-mountain)}.novo-option.text-color-info{color:var(--color-info)}.novo-option.text-color-positive{color:var(--color-positive)}.novo-option.text-color-success{color:var(--color-success)}.novo-option.text-color-negative{color:var(--color-negative)}.novo-option.text-color-danger{color:var(--color-danger)}.novo-option.text-color-error{color:var(--color-error)}.novo-option.text-color-warning{color:var(--color-warning)}.novo-option.text-color-empty{color:var(--color-empty)}.novo-option.text-color-disabled{color:var(--color-disabled)}.novo-option.text-color-background{color:var(--color-background)}.novo-option.text-color-backgroundDark{color:var(--color-background-dark)}.novo-option.text-color-border{color:var(--color-border)}.novo-option.text-color-border2{color:var(--color-border2)}.novo-option.text-color-text{color:var(--color-text)}.novo-option.text-color-presentation{color:var(--color-presentation)}.novo-option.text-color-bullhorn{color:var(--color-bullhorn)}.novo-option.text-color-pulse{color:var(--color-pulse)}.novo-option.text-color-fastFind{color:var(--color-fast-find)}.novo-option.text-color-toast{color:var(--color-toast)}.novo-option.text-color-company{color:var(--color-company)}.novo-option.text-color-candidate{color:var(--color-candidate)}.novo-option.text-color-lead{color:var(--color-lead)}.novo-option.text-color-contact{color:var(--color-contact)}.novo-option.text-color-clientcontact{color:var(--color-clientcontact)}.novo-option.text-color-opportunity{color:var(--color-opportunity)}.novo-option.text-color-job{color:var(--color-job)}.novo-option.text-color-joborder{color:var(--color-joborder)}.novo-option.text-color-submission{color:var(--color-submission)}.novo-option.text-color-sendout{color:var(--color-sendout)}.novo-option.text-color-placement{color:var(--color-placement)}.novo-option.text-color-note{color:var(--color-note)}.novo-option.text-color-contract{color:var(--color-contract)}.novo-option.text-color-task{color:var(--color-task)}.novo-option.text-color-jobCode{color:var(--color-job-code)}.novo-option.text-color-earnCode{color:var(--color-earn-code)}.novo-option.text-color-invoiceStatement{color:var(--color-invoice-statement)}.novo-option.text-color-billableCharge{color:var(--color-billable-charge)}.novo-option.text-color-payableCharge{color:var(--color-payable-charge)}.novo-option.text-color-user{color:var(--color-user)}.novo-option.text-color-corporateUser{color:var(--color-corporate-user)}.novo-option.text-color-distributionList{color:var(--color-distribution-list)}.novo-option.text-color-credential{color:var(--color-credential)}.novo-option.text-color-person{color:var(--color-person)}.novo-option.margin-before{margin-top:.4rem}.novo-option.margin-after{margin-bottom:.8rem}.novo-option.text-length-small{max-width:40ch}.novo-option.text-length-medium{max-width:55ch}.novo-option.text-length-large{max-width:70ch}.novo-option.text-weight-hairline{font-weight:var(--font-weight-hairline)}.novo-option.text-weight-thin{font-weight:var(--font-weight-thin)}.novo-option.text-weight-light{font-weight:var(--font-weight-light)}.novo-option.text-weight-normal{font-weight:var(--font-weight-normal)}.novo-option.text-weight-medium{font-weight:var(--font-weight-medium)}.novo-option.text-weight-semibold{font-weight:var(--font-weight-semibold)}.novo-option.text-weight-bold{font-weight:var(--font-weight-bold)}.novo-option.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}.novo-option.text-weight-heavy{font-weight:var(--font-weight-heavy)}.novo-option.text-weight-lighter{font-weight:lighter}.novo-option.text-weight-bolder{font-weight:bolder}.novo-option:hover:not(.novo-option-inert){background:var(--background-main, rgb(from var(--color-positive) r g b/.1))}.novo-option:active:not(.novo-option-inert),.novo-option.novo-active:not(.novo-option-inert){background:rgb(from var(--color-positive) r g b/.3)}.novo-option.novo-selected,.novo-option .add-icon{color:var(--color-positive)}.novo-option.disabled,.novo-option[aria-disabled=true]{cursor:not-allowed;color:var(--color-disabled)}.novo-option.disabled:hover,.novo-option[aria-disabled=true]:hover{background:rgba(var(--color-negative),10%)}.novo-optgroup .novo-option:not(.novo-option-multiple){padding-left:calc(var(--menu-side-padding) * 2)}[dir=rtl] .novo-optgroup .novo-option:not(.novo-option-multiple){padding-left:var(--menu-side-padding);padding-right:calc(var(--menu-side-padding) * 2)}.novo-option.novo-accent-border-default{border-left:4px solid}.novo-option.novo-accent-black{border-left:4px solid var(--color-black)}.novo-option.novo-fill-black:not(.novo-option-inert){color:var(--color-contrast-black);background-color:var(--color-black)}.novo-option.novo-fill-black:not(.novo-option-inert):hover,.novo-option.novo-fill-black:not(.novo-option-inert):focus{background:var(--color-tint-black)}.novo-option.novo-fill-black:not(.novo-option-inert):active{background:var(--color-shade-black)}.novo-option.novo-accent-white{border-left:4px solid var(--color-white)}.novo-option.novo-fill-white:not(.novo-option-inert){color:var(--color-contrast-white);background-color:var(--color-white)}.novo-option.novo-fill-white:not(.novo-option-inert):hover,.novo-option.novo-fill-white:not(.novo-option-inert):focus{background:var(--color-tint-white)}.novo-option.novo-fill-white:not(.novo-option-inert):active{background:var(--color-shade-white)}.novo-option.novo-accent-gray{border-left:4px solid var(--color-gray)}.novo-option.novo-fill-gray:not(.novo-option-inert){color:var(--color-contrast-gray);background-color:var(--color-gray)}.novo-option.novo-fill-gray:not(.novo-option-inert):hover,.novo-option.novo-fill-gray:not(.novo-option-inert):focus{background:var(--color-tint-gray)}.novo-option.novo-fill-gray:not(.novo-option-inert):active{background:var(--color-shade-gray)}.novo-option.novo-accent-grey{border-left:4px solid var(--color-grey)}.novo-option.novo-fill-grey:not(.novo-option-inert){color:var(--color-contrast-grey);background-color:var(--color-grey)}.novo-option.novo-fill-grey:not(.novo-option-inert):hover,.novo-option.novo-fill-grey:not(.novo-option-inert):focus{background:var(--color-tint-grey)}.novo-option.novo-fill-grey:not(.novo-option-inert):active{background:var(--color-shade-grey)}.novo-option.novo-accent-offWhite{border-left:4px solid var(--color-off-white)}.novo-option.novo-fill-offWhite:not(.novo-option-inert){color:var(--color-contrast-off-white);background-color:var(--color-off-white)}.novo-option.novo-fill-offWhite:not(.novo-option-inert):hover,.novo-option.novo-fill-offWhite:not(.novo-option-inert):focus{background:var(--color-tint-off-white)}.novo-option.novo-fill-offWhite:not(.novo-option-inert):active{background:var(--color-shade-off-white)}.novo-option.novo-accent-bright{border-left:4px solid var(--color-bright)}.novo-option.novo-fill-bright:not(.novo-option-inert){color:var(--color-contrast-bright);background-color:var(--color-bright)}.novo-option.novo-fill-bright:not(.novo-option-inert):hover,.novo-option.novo-fill-bright:not(.novo-option-inert):focus{background:var(--color-tint-bright)}.novo-option.novo-fill-bright:not(.novo-option-inert):active{background:var(--color-shade-bright)}.novo-option.novo-accent-light{border-left:4px solid var(--color-light)}.novo-option.novo-fill-light:not(.novo-option-inert){color:var(--color-contrast-light);background-color:var(--color-light)}.novo-option.novo-fill-light:not(.novo-option-inert):hover,.novo-option.novo-fill-light:not(.novo-option-inert):focus{background:var(--color-tint-light)}.novo-option.novo-fill-light:not(.novo-option-inert):active{background:var(--color-shade-light)}.novo-option.novo-accent-neutral{border-left:4px solid var(--color-neutral)}.novo-option.novo-fill-neutral:not(.novo-option-inert){color:var(--color-contrast-neutral);background-color:var(--color-neutral)}.novo-option.novo-fill-neutral:not(.novo-option-inert):hover,.novo-option.novo-fill-neutral:not(.novo-option-inert):focus{background:var(--color-tint-neutral)}.novo-option.novo-fill-neutral:not(.novo-option-inert):active{background:var(--color-shade-neutral)}.novo-option.novo-accent-dark{border-left:4px solid var(--color-dark)}.novo-option.novo-fill-dark:not(.novo-option-inert){color:var(--color-contrast-dark);background-color:var(--color-dark)}.novo-option.novo-fill-dark:not(.novo-option-inert):hover,.novo-option.novo-fill-dark:not(.novo-option-inert):focus{background:var(--color-tint-dark)}.novo-option.novo-fill-dark:not(.novo-option-inert):active{background:var(--color-shade-dark)}.novo-option.novo-accent-orange{border-left:4px solid var(--color-orange)}.novo-option.novo-fill-orange:not(.novo-option-inert){color:var(--color-contrast-orange);background-color:var(--color-orange)}.novo-option.novo-fill-orange:not(.novo-option-inert):hover,.novo-option.novo-fill-orange:not(.novo-option-inert):focus{background:var(--color-tint-orange)}.novo-option.novo-fill-orange:not(.novo-option-inert):active{background:var(--color-shade-orange)}.novo-option.novo-accent-navigation{border-left:4px solid var(--color-navigation)}.novo-option.novo-fill-navigation:not(.novo-option-inert){color:var(--color-contrast-navigation);background-color:var(--color-navigation)}.novo-option.novo-fill-navigation:not(.novo-option-inert):hover,.novo-option.novo-fill-navigation:not(.novo-option-inert):focus{background:var(--color-tint-navigation)}.novo-option.novo-fill-navigation:not(.novo-option-inert):active{background:var(--color-shade-navigation)}.novo-option.novo-accent-skyBlue{border-left:4px solid var(--color-sky-blue)}.novo-option.novo-fill-skyBlue:not(.novo-option-inert){color:var(--color-contrast-sky-blue);background-color:var(--color-sky-blue)}.novo-option.novo-fill-skyBlue:not(.novo-option-inert):hover,.novo-option.novo-fill-skyBlue:not(.novo-option-inert):focus{background:var(--color-tint-sky-blue)}.novo-option.novo-fill-skyBlue:not(.novo-option-inert):active{background:var(--color-shade-sky-blue)}.novo-option.novo-accent-steel{border-left:4px solid var(--color-steel)}.novo-option.novo-fill-steel:not(.novo-option-inert){color:var(--color-contrast-steel);background-color:var(--color-steel)}.novo-option.novo-fill-steel:not(.novo-option-inert):hover,.novo-option.novo-fill-steel:not(.novo-option-inert):focus{background:var(--color-tint-steel)}.novo-option.novo-fill-steel:not(.novo-option-inert):active{background:var(--color-shade-steel)}.novo-option.novo-accent-metal{border-left:4px solid var(--color-metal)}.novo-option.novo-fill-metal:not(.novo-option-inert){color:var(--color-contrast-metal);background-color:var(--color-metal)}.novo-option.novo-fill-metal:not(.novo-option-inert):hover,.novo-option.novo-fill-metal:not(.novo-option-inert):focus{background:var(--color-tint-metal)}.novo-option.novo-fill-metal:not(.novo-option-inert):active{background:var(--color-shade-metal)}.novo-option.novo-accent-sand{border-left:4px solid var(--color-sand)}.novo-option.novo-fill-sand:not(.novo-option-inert){color:var(--color-contrast-sand);background-color:var(--color-sand)}.novo-option.novo-fill-sand:not(.novo-option-inert):hover,.novo-option.novo-fill-sand:not(.novo-option-inert):focus{background:var(--color-tint-sand)}.novo-option.novo-fill-sand:not(.novo-option-inert):active{background:var(--color-shade-sand)}.novo-option.novo-accent-silver{border-left:4px solid var(--color-silver)}.novo-option.novo-fill-silver:not(.novo-option-inert){color:var(--color-contrast-silver);background-color:var(--color-silver)}.novo-option.novo-fill-silver:not(.novo-option-inert):hover,.novo-option.novo-fill-silver:not(.novo-option-inert):focus{background:var(--color-tint-silver)}.novo-option.novo-fill-silver:not(.novo-option-inert):active{background:var(--color-shade-silver)}.novo-option.novo-accent-stone{border-left:4px solid var(--color-stone)}.novo-option.novo-fill-stone:not(.novo-option-inert){color:var(--color-contrast-stone);background-color:var(--color-stone)}.novo-option.novo-fill-stone:not(.novo-option-inert):hover,.novo-option.novo-fill-stone:not(.novo-option-inert):focus{background:var(--color-tint-stone)}.novo-option.novo-fill-stone:not(.novo-option-inert):active{background:var(--color-shade-stone)}.novo-option.novo-accent-ash{border-left:4px solid var(--color-ash)}.novo-option.novo-fill-ash:not(.novo-option-inert){color:var(--color-contrast-ash);background-color:var(--color-ash)}.novo-option.novo-fill-ash:not(.novo-option-inert):hover,.novo-option.novo-fill-ash:not(.novo-option-inert):focus{background:var(--color-tint-ash)}.novo-option.novo-fill-ash:not(.novo-option-inert):active{background:var(--color-shade-ash)}.novo-option.novo-accent-anonymous{border-left:4px solid var(--color-anonymous)}.novo-option.novo-fill-anonymous:not(.novo-option-inert){color:var(--color-contrast-anonymous);background-color:var(--color-anonymous)}.novo-option.novo-fill-anonymous:not(.novo-option-inert):hover,.novo-option.novo-fill-anonymous:not(.novo-option-inert):focus{background:var(--color-tint-anonymous)}.novo-option.novo-fill-anonymous:not(.novo-option-inert):active{background:var(--color-shade-anonymous)}.novo-option.novo-accent-slate{border-left:4px solid var(--color-slate)}.novo-option.novo-fill-slate:not(.novo-option-inert){color:var(--color-contrast-slate);background-color:var(--color-slate)}.novo-option.novo-fill-slate:not(.novo-option-inert):hover,.novo-option.novo-fill-slate:not(.novo-option-inert):focus{background:var(--color-tint-slate)}.novo-option.novo-fill-slate:not(.novo-option-inert):active{background:var(--color-shade-slate)}.novo-option.novo-accent-onyx{border-left:4px solid var(--color-onyx)}.novo-option.novo-fill-onyx:not(.novo-option-inert){color:var(--color-contrast-onyx);background-color:var(--color-onyx)}.novo-option.novo-fill-onyx:not(.novo-option-inert):hover,.novo-option.novo-fill-onyx:not(.novo-option-inert):focus{background:var(--color-tint-onyx)}.novo-option.novo-fill-onyx:not(.novo-option-inert):active{background:var(--color-shade-onyx)}.novo-option.novo-accent-charcoal{border-left:4px solid var(--color-charcoal)}.novo-option.novo-fill-charcoal:not(.novo-option-inert){color:var(--color-contrast-charcoal);background-color:var(--color-charcoal)}.novo-option.novo-fill-charcoal:not(.novo-option-inert):hover,.novo-option.novo-fill-charcoal:not(.novo-option-inert):focus{background:var(--color-tint-charcoal)}.novo-option.novo-fill-charcoal:not(.novo-option-inert):active{background:var(--color-shade-charcoal)}.novo-option.novo-accent-moonlight{border-left:4px solid var(--color-moonlight)}.novo-option.novo-fill-moonlight:not(.novo-option-inert){color:var(--color-contrast-moonlight);background-color:var(--color-moonlight)}.novo-option.novo-fill-moonlight:not(.novo-option-inert):hover,.novo-option.novo-fill-moonlight:not(.novo-option-inert):focus{background:var(--color-tint-moonlight)}.novo-option.novo-fill-moonlight:not(.novo-option-inert):active{background:var(--color-shade-moonlight)}.novo-option.novo-accent-midnight{border-left:4px solid var(--color-midnight)}.novo-option.novo-fill-midnight:not(.novo-option-inert){color:var(--color-contrast-midnight);background-color:var(--color-midnight)}.novo-option.novo-fill-midnight:not(.novo-option-inert):hover,.novo-option.novo-fill-midnight:not(.novo-option-inert):focus{background:var(--color-tint-midnight)}.novo-option.novo-fill-midnight:not(.novo-option-inert):active{background:var(--color-shade-midnight)}.novo-option.novo-accent-darkness{border-left:4px solid var(--color-darkness)}.novo-option.novo-fill-darkness:not(.novo-option-inert){color:var(--color-contrast-darkness);background-color:var(--color-darkness)}.novo-option.novo-fill-darkness:not(.novo-option-inert):hover,.novo-option.novo-fill-darkness:not(.novo-option-inert):focus{background:var(--color-tint-darkness)}.novo-option.novo-fill-darkness:not(.novo-option-inert):active{background:var(--color-shade-darkness)}.novo-option.novo-accent-navy{border-left:4px solid var(--color-navy)}.novo-option.novo-fill-navy:not(.novo-option-inert){color:var(--color-contrast-navy);background-color:var(--color-navy)}.novo-option.novo-fill-navy:not(.novo-option-inert):hover,.novo-option.novo-fill-navy:not(.novo-option-inert):focus{background:var(--color-tint-navy)}.novo-option.novo-fill-navy:not(.novo-option-inert):active{background:var(--color-shade-navy)}.novo-option.novo-accent-aqua{border-left:4px solid var(--color-aqua)}.novo-option.novo-fill-aqua:not(.novo-option-inert){color:var(--color-contrast-aqua);background-color:var(--color-aqua)}.novo-option.novo-fill-aqua:not(.novo-option-inert):hover,.novo-option.novo-fill-aqua:not(.novo-option-inert):focus{background:var(--color-tint-aqua)}.novo-option.novo-fill-aqua:not(.novo-option-inert):active{background:var(--color-shade-aqua)}.novo-option.novo-accent-ocean{border-left:4px solid var(--color-ocean)}.novo-option.novo-fill-ocean:not(.novo-option-inert){color:var(--color-contrast-ocean);background-color:var(--color-ocean)}.novo-option.novo-fill-ocean:not(.novo-option-inert):hover,.novo-option.novo-fill-ocean:not(.novo-option-inert):focus{background:var(--color-tint-ocean)}.novo-option.novo-fill-ocean:not(.novo-option-inert):active{background:var(--color-shade-ocean)}.novo-option.novo-accent-mint{border-left:4px solid var(--color-mint)}.novo-option.novo-fill-mint:not(.novo-option-inert){color:var(--color-contrast-mint);background-color:var(--color-mint)}.novo-option.novo-fill-mint:not(.novo-option-inert):hover,.novo-option.novo-fill-mint:not(.novo-option-inert):focus{background:var(--color-tint-mint)}.novo-option.novo-fill-mint:not(.novo-option-inert):active{background:var(--color-shade-mint)}.novo-option.novo-accent-grass{border-left:4px solid var(--color-grass)}.novo-option.novo-fill-grass:not(.novo-option-inert){color:var(--color-contrast-grass);background-color:var(--color-grass)}.novo-option.novo-fill-grass:not(.novo-option-inert):hover,.novo-option.novo-fill-grass:not(.novo-option-inert):focus{background:var(--color-tint-grass)}.novo-option.novo-fill-grass:not(.novo-option-inert):active{background:var(--color-shade-grass)}.novo-option.novo-accent-sunflower{border-left:4px solid var(--color-sunflower)}.novo-option.novo-fill-sunflower:not(.novo-option-inert){color:var(--color-contrast-sunflower);background-color:var(--color-sunflower)}.novo-option.novo-fill-sunflower:not(.novo-option-inert):hover,.novo-option.novo-fill-sunflower:not(.novo-option-inert):focus{background:var(--color-tint-sunflower)}.novo-option.novo-fill-sunflower:not(.novo-option-inert):active{background:var(--color-shade-sunflower)}.novo-option.novo-accent-bittersweet{border-left:4px solid var(--color-bittersweet)}.novo-option.novo-fill-bittersweet:not(.novo-option-inert){color:var(--color-contrast-bittersweet);background-color:var(--color-bittersweet)}.novo-option.novo-fill-bittersweet:not(.novo-option-inert):hover,.novo-option.novo-fill-bittersweet:not(.novo-option-inert):focus{background:var(--color-tint-bittersweet)}.novo-option.novo-fill-bittersweet:not(.novo-option-inert):active{background:var(--color-shade-bittersweet)}.novo-option.novo-accent-grapefruit{border-left:4px solid var(--color-grapefruit)}.novo-option.novo-fill-grapefruit:not(.novo-option-inert){color:var(--color-contrast-grapefruit);background-color:var(--color-grapefruit)}.novo-option.novo-fill-grapefruit:not(.novo-option-inert):hover,.novo-option.novo-fill-grapefruit:not(.novo-option-inert):focus{background:var(--color-tint-grapefruit)}.novo-option.novo-fill-grapefruit:not(.novo-option-inert):active{background:var(--color-shade-grapefruit)}.novo-option.novo-accent-carnation{border-left:4px solid var(--color-carnation)}.novo-option.novo-fill-carnation:not(.novo-option-inert){color:var(--color-contrast-carnation);background-color:var(--color-carnation)}.novo-option.novo-fill-carnation:not(.novo-option-inert):hover,.novo-option.novo-fill-carnation:not(.novo-option-inert):focus{background:var(--color-tint-carnation)}.novo-option.novo-fill-carnation:not(.novo-option-inert):active{background:var(--color-shade-carnation)}.novo-option.novo-accent-lavender{border-left:4px solid var(--color-lavender)}.novo-option.novo-fill-lavender:not(.novo-option-inert){color:var(--color-contrast-lavender);background-color:var(--color-lavender)}.novo-option.novo-fill-lavender:not(.novo-option-inert):hover,.novo-option.novo-fill-lavender:not(.novo-option-inert):focus{background:var(--color-tint-lavender)}.novo-option.novo-fill-lavender:not(.novo-option-inert):active{background:var(--color-shade-lavender)}.novo-option.novo-accent-mountain{border-left:4px solid var(--color-mountain)}.novo-option.novo-fill-mountain:not(.novo-option-inert){color:var(--color-contrast-mountain);background-color:var(--color-mountain)}.novo-option.novo-fill-mountain:not(.novo-option-inert):hover,.novo-option.novo-fill-mountain:not(.novo-option-inert):focus{background:var(--color-tint-mountain)}.novo-option.novo-fill-mountain:not(.novo-option-inert):active{background:var(--color-shade-mountain)}.novo-option.novo-accent-info{border-left:4px solid var(--color-info)}.novo-option.novo-fill-info:not(.novo-option-inert){color:var(--color-contrast-info);background-color:var(--color-info)}.novo-option.novo-fill-info:not(.novo-option-inert):hover,.novo-option.novo-fill-info:not(.novo-option-inert):focus{background:var(--color-tint-info)}.novo-option.novo-fill-info:not(.novo-option-inert):active{background:var(--color-shade-info)}.novo-option.novo-accent-positive{border-left:4px solid var(--color-positive)}.novo-option.novo-fill-positive:not(.novo-option-inert){color:var(--color-contrast-positive);background-color:var(--color-positive)}.novo-option.novo-fill-positive:not(.novo-option-inert):hover,.novo-option.novo-fill-positive:not(.novo-option-inert):focus{background:var(--color-tint-positive)}.novo-option.novo-fill-positive:not(.novo-option-inert):active{background:var(--color-shade-positive)}.novo-option.novo-accent-success{border-left:4px solid var(--color-success)}.novo-option.novo-fill-success:not(.novo-option-inert){color:var(--color-contrast-success);background-color:var(--color-success)}.novo-option.novo-fill-success:not(.novo-option-inert):hover,.novo-option.novo-fill-success:not(.novo-option-inert):focus{background:var(--color-tint-success)}.novo-option.novo-fill-success:not(.novo-option-inert):active{background:var(--color-shade-success)}.novo-option.novo-accent-negative{border-left:4px solid var(--color-negative)}.novo-option.novo-fill-negative:not(.novo-option-inert){color:var(--color-contrast-negative);background-color:var(--color-negative)}.novo-option.novo-fill-negative:not(.novo-option-inert):hover,.novo-option.novo-fill-negative:not(.novo-option-inert):focus{background:var(--color-tint-negative)}.novo-option.novo-fill-negative:not(.novo-option-inert):active{background:var(--color-shade-negative)}.novo-option.novo-accent-danger{border-left:4px solid var(--color-danger)}.novo-option.novo-fill-danger:not(.novo-option-inert){color:var(--color-contrast-danger);background-color:var(--color-danger)}.novo-option.novo-fill-danger:not(.novo-option-inert):hover,.novo-option.novo-fill-danger:not(.novo-option-inert):focus{background:var(--color-tint-danger)}.novo-option.novo-fill-danger:not(.novo-option-inert):active{background:var(--color-shade-danger)}.novo-option.novo-accent-error{border-left:4px solid var(--color-error)}.novo-option.novo-fill-error:not(.novo-option-inert){color:var(--color-contrast-error);background-color:var(--color-error)}.novo-option.novo-fill-error:not(.novo-option-inert):hover,.novo-option.novo-fill-error:not(.novo-option-inert):focus{background:var(--color-tint-error)}.novo-option.novo-fill-error:not(.novo-option-inert):active{background:var(--color-shade-error)}.novo-option.novo-accent-warning{border-left:4px solid var(--color-warning)}.novo-option.novo-fill-warning:not(.novo-option-inert){color:var(--color-contrast-warning);background-color:var(--color-warning)}.novo-option.novo-fill-warning:not(.novo-option-inert):hover,.novo-option.novo-fill-warning:not(.novo-option-inert):focus{background:var(--color-tint-warning)}.novo-option.novo-fill-warning:not(.novo-option-inert):active{background:var(--color-shade-warning)}.novo-option.novo-accent-empty{border-left:4px solid var(--color-empty)}.novo-option.novo-fill-empty:not(.novo-option-inert){color:var(--color-contrast-empty);background-color:var(--color-empty)}.novo-option.novo-fill-empty:not(.novo-option-inert):hover,.novo-option.novo-fill-empty:not(.novo-option-inert):focus{background:var(--color-tint-empty)}.novo-option.novo-fill-empty:not(.novo-option-inert):active{background:var(--color-shade-empty)}.novo-option.novo-accent-disabled{border-left:4px solid var(--color-disabled)}.novo-option.novo-fill-disabled:not(.novo-option-inert){color:var(--color-contrast-disabled);background-color:var(--color-disabled)}.novo-option.novo-fill-disabled:not(.novo-option-inert):hover,.novo-option.novo-fill-disabled:not(.novo-option-inert):focus{background:var(--color-tint-disabled)}.novo-option.novo-fill-disabled:not(.novo-option-inert):active{background:var(--color-shade-disabled)}.novo-option.novo-accent-background{border-left:4px solid var(--color-background)}.novo-option.novo-fill-background:not(.novo-option-inert){color:var(--color-contrast-background);background-color:var(--color-background)}.novo-option.novo-fill-background:not(.novo-option-inert):hover,.novo-option.novo-fill-background:not(.novo-option-inert):focus{background:var(--color-tint-background)}.novo-option.novo-fill-background:not(.novo-option-inert):active{background:var(--color-shade-background)}.novo-option.novo-accent-backgroundDark{border-left:4px solid var(--color-background-dark)}.novo-option.novo-fill-backgroundDark:not(.novo-option-inert){color:var(--color-contrast-background-dark);background-color:var(--color-background-dark)}.novo-option.novo-fill-backgroundDark:not(.novo-option-inert):hover,.novo-option.novo-fill-backgroundDark:not(.novo-option-inert):focus{background:var(--color-tint-background-dark)}.novo-option.novo-fill-backgroundDark:not(.novo-option-inert):active{background:var(--color-shade-background-dark)}.novo-option.novo-accent-border{border-left:4px solid var(--color-border)}.novo-option.novo-fill-border:not(.novo-option-inert){color:var(--color-contrast-border);background-color:var(--color-border)}.novo-option.novo-fill-border:not(.novo-option-inert):hover,.novo-option.novo-fill-border:not(.novo-option-inert):focus{background:var(--color-tint-border)}.novo-option.novo-fill-border:not(.novo-option-inert):active{background:var(--color-shade-border)}.novo-option.novo-accent-border2{border-left:4px solid var(--color-border2)}.novo-option.novo-fill-border2:not(.novo-option-inert){color:var(--color-contrast-border2);background-color:var(--color-border2)}.novo-option.novo-fill-border2:not(.novo-option-inert):hover,.novo-option.novo-fill-border2:not(.novo-option-inert):focus{background:var(--color-tint-border2)}.novo-option.novo-fill-border2:not(.novo-option-inert):active{background:var(--color-shade-border2)}.novo-option.novo-accent-text{border-left:4px solid var(--color-text)}.novo-option.novo-fill-text:not(.novo-option-inert){color:var(--color-contrast-text);background-color:var(--color-text)}.novo-option.novo-fill-text:not(.novo-option-inert):hover,.novo-option.novo-fill-text:not(.novo-option-inert):focus{background:var(--color-tint-text)}.novo-option.novo-fill-text:not(.novo-option-inert):active{background:var(--color-shade-text)}.novo-option.novo-accent-presentation{border-left:4px solid var(--color-presentation)}.novo-option.novo-fill-presentation:not(.novo-option-inert){color:var(--color-contrast-presentation);background-color:var(--color-presentation)}.novo-option.novo-fill-presentation:not(.novo-option-inert):hover,.novo-option.novo-fill-presentation:not(.novo-option-inert):focus{background:var(--color-tint-presentation)}.novo-option.novo-fill-presentation:not(.novo-option-inert):active{background:var(--color-shade-presentation)}.novo-option.novo-accent-bullhorn{border-left:4px solid var(--color-bullhorn)}.novo-option.novo-fill-bullhorn:not(.novo-option-inert){color:var(--color-contrast-bullhorn);background-color:var(--color-bullhorn)}.novo-option.novo-fill-bullhorn:not(.novo-option-inert):hover,.novo-option.novo-fill-bullhorn:not(.novo-option-inert):focus{background:var(--color-tint-bullhorn)}.novo-option.novo-fill-bullhorn:not(.novo-option-inert):active{background:var(--color-shade-bullhorn)}.novo-option.novo-accent-pulse{border-left:4px solid var(--color-pulse)}.novo-option.novo-fill-pulse:not(.novo-option-inert){color:var(--color-contrast-pulse);background-color:var(--color-pulse)}.novo-option.novo-fill-pulse:not(.novo-option-inert):hover,.novo-option.novo-fill-pulse:not(.novo-option-inert):focus{background:var(--color-tint-pulse)}.novo-option.novo-fill-pulse:not(.novo-option-inert):active{background:var(--color-shade-pulse)}.novo-option.novo-accent-fastFind{border-left:4px solid var(--color-fast-find)}.novo-option.novo-fill-fastFind:not(.novo-option-inert){color:var(--color-contrast-fast-find);background-color:var(--color-fast-find)}.novo-option.novo-fill-fastFind:not(.novo-option-inert):hover,.novo-option.novo-fill-fastFind:not(.novo-option-inert):focus{background:var(--color-tint-fast-find)}.novo-option.novo-fill-fastFind:not(.novo-option-inert):active{background:var(--color-shade-fast-find)}.novo-option.novo-accent-toast{border-left:4px solid var(--color-toast)}.novo-option.novo-fill-toast:not(.novo-option-inert){color:var(--color-contrast-toast);background-color:var(--color-toast)}.novo-option.novo-fill-toast:not(.novo-option-inert):hover,.novo-option.novo-fill-toast:not(.novo-option-inert):focus{background:var(--color-tint-toast)}.novo-option.novo-fill-toast:not(.novo-option-inert):active{background:var(--color-shade-toast)}.novo-option.novo-accent-company{border-left:4px solid var(--color-company)}.novo-option.novo-fill-company:not(.novo-option-inert){color:var(--color-contrast-company);background-color:var(--color-company)}.novo-option.novo-fill-company:not(.novo-option-inert):hover,.novo-option.novo-fill-company:not(.novo-option-inert):focus{background:var(--color-tint-company)}.novo-option.novo-fill-company:not(.novo-option-inert):active{background:var(--color-shade-company)}.novo-option.novo-accent-candidate{border-left:4px solid var(--color-candidate)}.novo-option.novo-fill-candidate:not(.novo-option-inert){color:var(--color-contrast-candidate);background-color:var(--color-candidate)}.novo-option.novo-fill-candidate:not(.novo-option-inert):hover,.novo-option.novo-fill-candidate:not(.novo-option-inert):focus{background:var(--color-tint-candidate)}.novo-option.novo-fill-candidate:not(.novo-option-inert):active{background:var(--color-shade-candidate)}.novo-option.novo-accent-lead{border-left:4px solid var(--color-lead)}.novo-option.novo-fill-lead:not(.novo-option-inert){color:var(--color-contrast-lead);background-color:var(--color-lead)}.novo-option.novo-fill-lead:not(.novo-option-inert):hover,.novo-option.novo-fill-lead:not(.novo-option-inert):focus{background:var(--color-tint-lead)}.novo-option.novo-fill-lead:not(.novo-option-inert):active{background:var(--color-shade-lead)}.novo-option.novo-accent-contact{border-left:4px solid var(--color-contact)}.novo-option.novo-fill-contact:not(.novo-option-inert){color:var(--color-contrast-contact);background-color:var(--color-contact)}.novo-option.novo-fill-contact:not(.novo-option-inert):hover,.novo-option.novo-fill-contact:not(.novo-option-inert):focus{background:var(--color-tint-contact)}.novo-option.novo-fill-contact:not(.novo-option-inert):active{background:var(--color-shade-contact)}.novo-option.novo-accent-clientcontact{border-left:4px solid var(--color-clientcontact)}.novo-option.novo-fill-clientcontact:not(.novo-option-inert){color:var(--color-contrast-clientcontact);background-color:var(--color-clientcontact)}.novo-option.novo-fill-clientcontact:not(.novo-option-inert):hover,.novo-option.novo-fill-clientcontact:not(.novo-option-inert):focus{background:var(--color-tint-clientcontact)}.novo-option.novo-fill-clientcontact:not(.novo-option-inert):active{background:var(--color-shade-clientcontact)}.novo-option.novo-accent-opportunity{border-left:4px solid var(--color-opportunity)}.novo-option.novo-fill-opportunity:not(.novo-option-inert){color:var(--color-contrast-opportunity);background-color:var(--color-opportunity)}.novo-option.novo-fill-opportunity:not(.novo-option-inert):hover,.novo-option.novo-fill-opportunity:not(.novo-option-inert):focus{background:var(--color-tint-opportunity)}.novo-option.novo-fill-opportunity:not(.novo-option-inert):active{background:var(--color-shade-opportunity)}.novo-option.novo-accent-job{border-left:4px solid var(--color-job)}.novo-option.novo-fill-job:not(.novo-option-inert){color:var(--color-contrast-job);background-color:var(--color-job)}.novo-option.novo-fill-job:not(.novo-option-inert):hover,.novo-option.novo-fill-job:not(.novo-option-inert):focus{background:var(--color-tint-job)}.novo-option.novo-fill-job:not(.novo-option-inert):active{background:var(--color-shade-job)}.novo-option.novo-accent-joborder{border-left:4px solid var(--color-joborder)}.novo-option.novo-fill-joborder:not(.novo-option-inert){color:var(--color-contrast-joborder);background-color:var(--color-joborder)}.novo-option.novo-fill-joborder:not(.novo-option-inert):hover,.novo-option.novo-fill-joborder:not(.novo-option-inert):focus{background:var(--color-tint-joborder)}.novo-option.novo-fill-joborder:not(.novo-option-inert):active{background:var(--color-shade-joborder)}.novo-option.novo-accent-submission{border-left:4px solid var(--color-submission)}.novo-option.novo-fill-submission:not(.novo-option-inert){color:var(--color-contrast-submission);background-color:var(--color-submission)}.novo-option.novo-fill-submission:not(.novo-option-inert):hover,.novo-option.novo-fill-submission:not(.novo-option-inert):focus{background:var(--color-tint-submission)}.novo-option.novo-fill-submission:not(.novo-option-inert):active{background:var(--color-shade-submission)}.novo-option.novo-accent-sendout{border-left:4px solid var(--color-sendout)}.novo-option.novo-fill-sendout:not(.novo-option-inert){color:var(--color-contrast-sendout);background-color:var(--color-sendout)}.novo-option.novo-fill-sendout:not(.novo-option-inert):hover,.novo-option.novo-fill-sendout:not(.novo-option-inert):focus{background:var(--color-tint-sendout)}.novo-option.novo-fill-sendout:not(.novo-option-inert):active{background:var(--color-shade-sendout)}.novo-option.novo-accent-placement{border-left:4px solid var(--color-placement)}.novo-option.novo-fill-placement:not(.novo-option-inert){color:var(--color-contrast-placement);background-color:var(--color-placement)}.novo-option.novo-fill-placement:not(.novo-option-inert):hover,.novo-option.novo-fill-placement:not(.novo-option-inert):focus{background:var(--color-tint-placement)}.novo-option.novo-fill-placement:not(.novo-option-inert):active{background:var(--color-shade-placement)}.novo-option.novo-accent-note{border-left:4px solid var(--color-note)}.novo-option.novo-fill-note:not(.novo-option-inert){color:var(--color-contrast-note);background-color:var(--color-note)}.novo-option.novo-fill-note:not(.novo-option-inert):hover,.novo-option.novo-fill-note:not(.novo-option-inert):focus{background:var(--color-tint-note)}.novo-option.novo-fill-note:not(.novo-option-inert):active{background:var(--color-shade-note)}.novo-option.novo-accent-contract{border-left:4px solid var(--color-contract)}.novo-option.novo-fill-contract:not(.novo-option-inert){color:var(--color-contrast-contract);background-color:var(--color-contract)}.novo-option.novo-fill-contract:not(.novo-option-inert):hover,.novo-option.novo-fill-contract:not(.novo-option-inert):focus{background:var(--color-tint-contract)}.novo-option.novo-fill-contract:not(.novo-option-inert):active{background:var(--color-shade-contract)}.novo-option.novo-accent-task{border-left:4px solid var(--color-task)}.novo-option.novo-fill-task:not(.novo-option-inert){color:var(--color-contrast-task);background-color:var(--color-task)}.novo-option.novo-fill-task:not(.novo-option-inert):hover,.novo-option.novo-fill-task:not(.novo-option-inert):focus{background:var(--color-tint-task)}.novo-option.novo-fill-task:not(.novo-option-inert):active{background:var(--color-shade-task)}.novo-option.novo-accent-jobCode{border-left:4px solid var(--color-job-code)}.novo-option.novo-fill-jobCode:not(.novo-option-inert){color:var(--color-contrast-job-code);background-color:var(--color-job-code)}.novo-option.novo-fill-jobCode:not(.novo-option-inert):hover,.novo-option.novo-fill-jobCode:not(.novo-option-inert):focus{background:var(--color-tint-job-code)}.novo-option.novo-fill-jobCode:not(.novo-option-inert):active{background:var(--color-shade-job-code)}.novo-option.novo-accent-earnCode{border-left:4px solid var(--color-earn-code)}.novo-option.novo-fill-earnCode:not(.novo-option-inert){color:var(--color-contrast-earn-code);background-color:var(--color-earn-code)}.novo-option.novo-fill-earnCode:not(.novo-option-inert):hover,.novo-option.novo-fill-earnCode:not(.novo-option-inert):focus{background:var(--color-tint-earn-code)}.novo-option.novo-fill-earnCode:not(.novo-option-inert):active{background:var(--color-shade-earn-code)}.novo-option.novo-accent-invoiceStatement{border-left:4px solid var(--color-invoice-statement)}.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert){color:var(--color-contrast-invoice-statement);background-color:var(--color-invoice-statement)}.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert):hover,.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert):focus{background:var(--color-tint-invoice-statement)}.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert):active{background:var(--color-shade-invoice-statement)}.novo-option.novo-accent-billableCharge{border-left:4px solid var(--color-billable-charge)}.novo-option.novo-fill-billableCharge:not(.novo-option-inert){color:var(--color-contrast-billable-charge);background-color:var(--color-billable-charge)}.novo-option.novo-fill-billableCharge:not(.novo-option-inert):hover,.novo-option.novo-fill-billableCharge:not(.novo-option-inert):focus{background:var(--color-tint-billable-charge)}.novo-option.novo-fill-billableCharge:not(.novo-option-inert):active{background:var(--color-shade-billable-charge)}.novo-option.novo-accent-payableCharge{border-left:4px solid var(--color-payable-charge)}.novo-option.novo-fill-payableCharge:not(.novo-option-inert){color:var(--color-contrast-payable-charge);background-color:var(--color-payable-charge)}.novo-option.novo-fill-payableCharge:not(.novo-option-inert):hover,.novo-option.novo-fill-payableCharge:not(.novo-option-inert):focus{background:var(--color-tint-payable-charge)}.novo-option.novo-fill-payableCharge:not(.novo-option-inert):active{background:var(--color-shade-payable-charge)}.novo-option.novo-accent-user{border-left:4px solid var(--color-user)}.novo-option.novo-fill-user:not(.novo-option-inert){color:var(--color-contrast-user);background-color:var(--color-user)}.novo-option.novo-fill-user:not(.novo-option-inert):hover,.novo-option.novo-fill-user:not(.novo-option-inert):focus{background:var(--color-tint-user)}.novo-option.novo-fill-user:not(.novo-option-inert):active{background:var(--color-shade-user)}.novo-option.novo-accent-corporateUser{border-left:4px solid var(--color-corporate-user)}.novo-option.novo-fill-corporateUser:not(.novo-option-inert){color:var(--color-contrast-corporate-user);background-color:var(--color-corporate-user)}.novo-option.novo-fill-corporateUser:not(.novo-option-inert):hover,.novo-option.novo-fill-corporateUser:not(.novo-option-inert):focus{background:var(--color-tint-corporate-user)}.novo-option.novo-fill-corporateUser:not(.novo-option-inert):active{background:var(--color-shade-corporate-user)}.novo-option.novo-accent-distributionList{border-left:4px solid var(--color-distribution-list)}.novo-option.novo-fill-distributionList:not(.novo-option-inert){color:var(--color-contrast-distribution-list);background-color:var(--color-distribution-list)}.novo-option.novo-fill-distributionList:not(.novo-option-inert):hover,.novo-option.novo-fill-distributionList:not(.novo-option-inert):focus{background:var(--color-tint-distribution-list)}.novo-option.novo-fill-distributionList:not(.novo-option-inert):active{background:var(--color-shade-distribution-list)}.novo-option.novo-accent-credential{border-left:4px solid var(--color-credential)}.novo-option.novo-fill-credential:not(.novo-option-inert){color:var(--color-contrast-credential);background-color:var(--color-credential)}.novo-option.novo-fill-credential:not(.novo-option-inert):hover,.novo-option.novo-fill-credential:not(.novo-option-inert):focus{background:var(--color-tint-credential)}.novo-option.novo-fill-credential:not(.novo-option-inert):active{background:var(--color-shade-credential)}.novo-option.novo-accent-person{border-left:4px solid var(--color-person)}.novo-option.novo-fill-person:not(.novo-option-inert){color:var(--color-contrast-person);background-color:var(--color-person)}.novo-option.novo-fill-person:not(.novo-option-inert):hover,.novo-option.novo-fill-person:not(.novo-option-inert):focus{background:var(--color-tint-person)}.novo-option.novo-fill-person:not(.novo-option-inert):active{background:var(--color-shade-person)}.novo-option-text{display:inline-block;display:inline-flex;flex-direction:row;align-items:center;flex-grow:1;overflow:hidden;text-overflow:ellipsis;gap:1rem}.novo-option-pseudo-checkbox{margin-inline-end:calc(var(--menu-side-padding) / 2)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NovoPseudoCheckbox, selector: "novo-pseudo-checkbox", inputs: ["state", "shape", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1113
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoOption, isStandalone: false, selector: "novo-option", inputs: { selected: "selected", keepOpen: "keepOpen", novoInert: "novoInert", value: "value", disabled: "disabled" }, host: { attributes: { "role": "option" }, listeners: { "keydown": "_handleKeydown($event)" }, properties: { "id": "id", "attr.tabindex": "_getTabIndex()", "attr.aria-selected": "_getAriaSelected()", "attr.aria-disabled": "disabled.toString()", "class.novo-active": "active", "class.novo-selected": "selectable && selected", "class.novo-option-multiple": "multiple", "class.novo-option-disabled": "disabled", "class.novo-option-inert": "novoInert" }, classAttribute: "novo-option novo-focus-indicator" }, exportAs: ["novoOption"], usesInheritance: true, ngImport: i0, template: "<novo-pseudo-checkbox *ngIf=\"selectable && multiple\" class=\"novo-option-pseudo-checkbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\" [disabled]=\"disabled\"></novo-pseudo-checkbox>\n\n<span class=\"novo-option-text\">\n <ng-content></ng-content>\n</span>\n\n<novo-pseudo-checkbox *ngIf=\"selectable && !multiple && selected\" class=\"novo-option-pseudo-checkbox\" state=\"checked\"\n shape=\"line\"\n [disabled]=\"disabled\"></novo-pseudo-checkbox>\n\n<ng-content select=\"[novoSuffix]\"></ng-content>\n<!-- See a11y notes inside optgroup.ts for context behind this element. -->\n<span class=\"cdk-visually-hidden\" *ngIf=\"group && group._novoInert\">({{ group.label }})</span>", styles: [":root{--menu-side-padding: var(--spacing-sm)}.novo-option{display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;position:relative;cursor:pointer;outline:none;display:flex;flex-direction:row;max-width:100%;box-sizing:border-box;align-items:center;margin:0;padding:1rem 1rem 1rem 1.6rem;gap:1rem;flex:1;-webkit-tap-highlight-color:transparent}.novo-option.text-capitalize{text-transform:capitalize}.novo-option.text-uppercase{text-transform:uppercase}.novo-option.text-nowrap{white-space:nowrap}.novo-option.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novo-option.text-size-default{font-size:inherit}.novo-option.text-size-body{font-size:var(--font-size-body)}.novo-option.text-size-xs{font-size:var(--font-size-xs)}.novo-option.text-size-sm{font-size:var(--font-size-sm)}.novo-option.text-size-md{font-size:var(--font-size-md)}.novo-option.text-size-lg{font-size:var(--font-size-lg)}.novo-option.text-size-xl{font-size:var(--font-size-xl)}.novo-option.text-size-2xl{font-size:var(--font-size-2xl)}.novo-option.text-size-3xl{font-size:var(--font-size-3xl)}.novo-option.text-size-smaller{font-size:.8em}.novo-option.text-size-larger{font-size:1.2em}.novo-option.text-color-black{color:var(--color-black)}.novo-option.text-color-white{color:var(--color-white)}.novo-option.text-color-gray{color:var(--color-gray)}.novo-option.text-color-grey{color:var(--color-grey)}.novo-option.text-color-offWhite{color:var(--color-off-white)}.novo-option.text-color-bright{color:var(--color-bright)}.novo-option.text-color-light{color:var(--color-light)}.novo-option.text-color-neutral{color:var(--color-neutral)}.novo-option.text-color-dark{color:var(--color-dark)}.novo-option.text-color-orange{color:var(--color-orange)}.novo-option.text-color-navigation{color:var(--color-navigation)}.novo-option.text-color-skyBlue{color:var(--color-sky-blue)}.novo-option.text-color-steel{color:var(--color-steel)}.novo-option.text-color-metal{color:var(--color-metal)}.novo-option.text-color-sand{color:var(--color-sand)}.novo-option.text-color-silver{color:var(--color-silver)}.novo-option.text-color-stone{color:var(--color-stone)}.novo-option.text-color-ash{color:var(--color-ash)}.novo-option.text-color-anonymous{color:var(--color-anonymous)}.novo-option.text-color-slate{color:var(--color-slate)}.novo-option.text-color-onyx{color:var(--color-onyx)}.novo-option.text-color-charcoal{color:var(--color-charcoal)}.novo-option.text-color-moonlight{color:var(--color-moonlight)}.novo-option.text-color-midnight{color:var(--color-midnight)}.novo-option.text-color-darkness{color:var(--color-darkness)}.novo-option.text-color-navy{color:var(--color-navy)}.novo-option.text-color-aqua{color:var(--color-aqua)}.novo-option.text-color-ocean{color:var(--color-ocean)}.novo-option.text-color-mint{color:var(--color-mint)}.novo-option.text-color-grass{color:var(--color-grass)}.novo-option.text-color-sunflower{color:var(--color-sunflower)}.novo-option.text-color-bittersweet{color:var(--color-bittersweet)}.novo-option.text-color-grapefruit{color:var(--color-grapefruit)}.novo-option.text-color-carnation{color:var(--color-carnation)}.novo-option.text-color-lavender{color:var(--color-lavender)}.novo-option.text-color-mountain{color:var(--color-mountain)}.novo-option.text-color-info{color:var(--color-info)}.novo-option.text-color-positive{color:var(--color-positive)}.novo-option.text-color-success{color:var(--color-success)}.novo-option.text-color-negative{color:var(--color-negative)}.novo-option.text-color-danger{color:var(--color-danger)}.novo-option.text-color-error{color:var(--color-error)}.novo-option.text-color-warning{color:var(--color-warning)}.novo-option.text-color-empty{color:var(--color-empty)}.novo-option.text-color-disabled{color:var(--color-disabled)}.novo-option.text-color-background{color:var(--color-background)}.novo-option.text-color-backgroundDark{color:var(--color-background-dark)}.novo-option.text-color-border{color:var(--color-border)}.novo-option.text-color-border2{color:var(--color-border2)}.novo-option.text-color-text{color:var(--color-text)}.novo-option.text-color-presentation{color:var(--color-presentation)}.novo-option.text-color-bullhorn{color:var(--color-bullhorn)}.novo-option.text-color-pulse{color:var(--color-pulse)}.novo-option.text-color-fastFind{color:var(--color-fast-find)}.novo-option.text-color-toast{color:var(--color-toast)}.novo-option.text-color-company{color:var(--color-company)}.novo-option.text-color-candidate{color:var(--color-candidate)}.novo-option.text-color-lead{color:var(--color-lead)}.novo-option.text-color-contact{color:var(--color-contact)}.novo-option.text-color-clientcontact{color:var(--color-clientcontact)}.novo-option.text-color-opportunity{color:var(--color-opportunity)}.novo-option.text-color-job{color:var(--color-job)}.novo-option.text-color-joborder{color:var(--color-joborder)}.novo-option.text-color-submission{color:var(--color-submission)}.novo-option.text-color-sendout{color:var(--color-sendout)}.novo-option.text-color-placement{color:var(--color-placement)}.novo-option.text-color-note{color:var(--color-note)}.novo-option.text-color-contract{color:var(--color-contract)}.novo-option.text-color-task{color:var(--color-task)}.novo-option.text-color-jobCode{color:var(--color-job-code)}.novo-option.text-color-earnCode{color:var(--color-earn-code)}.novo-option.text-color-invoiceStatement{color:var(--color-invoice-statement)}.novo-option.text-color-billableCharge{color:var(--color-billable-charge)}.novo-option.text-color-payableCharge{color:var(--color-payable-charge)}.novo-option.text-color-user{color:var(--color-user)}.novo-option.text-color-corporateUser{color:var(--color-corporate-user)}.novo-option.text-color-distributionList{color:var(--color-distribution-list)}.novo-option.text-color-credential{color:var(--color-credential)}.novo-option.text-color-person{color:var(--color-person)}.novo-option.margin-before{margin-top:.4rem}.novo-option.margin-after{margin-bottom:.8rem}.novo-option.text-length-small{max-width:40ch}.novo-option.text-length-medium{max-width:55ch}.novo-option.text-length-large{max-width:70ch}.novo-option.text-weight-hairline{font-weight:var(--font-weight-hairline)}.novo-option.text-weight-thin{font-weight:var(--font-weight-thin)}.novo-option.text-weight-light{font-weight:var(--font-weight-light)}.novo-option.text-weight-normal{font-weight:var(--font-weight-normal)}.novo-option.text-weight-medium{font-weight:var(--font-weight-medium)}.novo-option.text-weight-semibold{font-weight:var(--font-weight-semibold)}.novo-option.text-weight-bold{font-weight:var(--font-weight-bold)}.novo-option.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}.novo-option.text-weight-heavy{font-weight:var(--font-weight-heavy)}.novo-option.text-weight-lighter{font-weight:lighter}.novo-option.text-weight-bolder{font-weight:bolder}.novo-option:hover:not(.novo-option-inert){background:var(--background-main, rgb(from var(--color-positive) r g b/.1))}.novo-option:active:not(.novo-option-inert),.novo-option.novo-active:not(.novo-option-inert){background:rgb(from var(--color-positive) r g b/.3)}.novo-option.novo-selected,.novo-option .add-icon{color:var(--color-positive)}.novo-option.disabled,.novo-option[aria-disabled=true]{cursor:not-allowed;color:var(--color-disabled)}.novo-option.disabled:hover,.novo-option[aria-disabled=true]:hover{background:rgba(var(--color-negative),10%)}.novo-optgroup .novo-option:not(.novo-option-multiple){padding-left:calc(var(--menu-side-padding) * 2)}[dir=rtl] .novo-optgroup .novo-option:not(.novo-option-multiple){padding-left:var(--menu-side-padding);padding-right:calc(var(--menu-side-padding) * 2)}.novo-option.novo-accent-border-default{border-left:4px solid}.novo-option.novo-accent-black{border-left:4px solid var(--color-black)}.novo-option.novo-fill-black:not(.novo-option-inert){color:var(--color-contrast-black);background-color:var(--color-black)}.novo-option.novo-fill-black:not(.novo-option-inert):hover,.novo-option.novo-fill-black:not(.novo-option-inert):focus{background:var(--color-tint-black)}.novo-option.novo-fill-black:not(.novo-option-inert):active{background:var(--color-shade-black)}.novo-option.novo-accent-white{border-left:4px solid var(--color-white)}.novo-option.novo-fill-white:not(.novo-option-inert){color:var(--color-contrast-white);background-color:var(--color-white)}.novo-option.novo-fill-white:not(.novo-option-inert):hover,.novo-option.novo-fill-white:not(.novo-option-inert):focus{background:var(--color-tint-white)}.novo-option.novo-fill-white:not(.novo-option-inert):active{background:var(--color-shade-white)}.novo-option.novo-accent-gray{border-left:4px solid var(--color-gray)}.novo-option.novo-fill-gray:not(.novo-option-inert){color:var(--color-contrast-gray);background-color:var(--color-gray)}.novo-option.novo-fill-gray:not(.novo-option-inert):hover,.novo-option.novo-fill-gray:not(.novo-option-inert):focus{background:var(--color-tint-gray)}.novo-option.novo-fill-gray:not(.novo-option-inert):active{background:var(--color-shade-gray)}.novo-option.novo-accent-grey{border-left:4px solid var(--color-grey)}.novo-option.novo-fill-grey:not(.novo-option-inert){color:var(--color-contrast-grey);background-color:var(--color-grey)}.novo-option.novo-fill-grey:not(.novo-option-inert):hover,.novo-option.novo-fill-grey:not(.novo-option-inert):focus{background:var(--color-tint-grey)}.novo-option.novo-fill-grey:not(.novo-option-inert):active{background:var(--color-shade-grey)}.novo-option.novo-accent-offWhite{border-left:4px solid var(--color-off-white)}.novo-option.novo-fill-offWhite:not(.novo-option-inert){color:var(--color-contrast-off-white);background-color:var(--color-off-white)}.novo-option.novo-fill-offWhite:not(.novo-option-inert):hover,.novo-option.novo-fill-offWhite:not(.novo-option-inert):focus{background:var(--color-tint-off-white)}.novo-option.novo-fill-offWhite:not(.novo-option-inert):active{background:var(--color-shade-off-white)}.novo-option.novo-accent-bright{border-left:4px solid var(--color-bright)}.novo-option.novo-fill-bright:not(.novo-option-inert){color:var(--color-contrast-bright);background-color:var(--color-bright)}.novo-option.novo-fill-bright:not(.novo-option-inert):hover,.novo-option.novo-fill-bright:not(.novo-option-inert):focus{background:var(--color-tint-bright)}.novo-option.novo-fill-bright:not(.novo-option-inert):active{background:var(--color-shade-bright)}.novo-option.novo-accent-light{border-left:4px solid var(--color-light)}.novo-option.novo-fill-light:not(.novo-option-inert){color:var(--color-contrast-light);background-color:var(--color-light)}.novo-option.novo-fill-light:not(.novo-option-inert):hover,.novo-option.novo-fill-light:not(.novo-option-inert):focus{background:var(--color-tint-light)}.novo-option.novo-fill-light:not(.novo-option-inert):active{background:var(--color-shade-light)}.novo-option.novo-accent-neutral{border-left:4px solid var(--color-neutral)}.novo-option.novo-fill-neutral:not(.novo-option-inert){color:var(--color-contrast-neutral);background-color:var(--color-neutral)}.novo-option.novo-fill-neutral:not(.novo-option-inert):hover,.novo-option.novo-fill-neutral:not(.novo-option-inert):focus{background:var(--color-tint-neutral)}.novo-option.novo-fill-neutral:not(.novo-option-inert):active{background:var(--color-shade-neutral)}.novo-option.novo-accent-dark{border-left:4px solid var(--color-dark)}.novo-option.novo-fill-dark:not(.novo-option-inert){color:var(--color-contrast-dark);background-color:var(--color-dark)}.novo-option.novo-fill-dark:not(.novo-option-inert):hover,.novo-option.novo-fill-dark:not(.novo-option-inert):focus{background:var(--color-tint-dark)}.novo-option.novo-fill-dark:not(.novo-option-inert):active{background:var(--color-shade-dark)}.novo-option.novo-accent-orange{border-left:4px solid var(--color-orange)}.novo-option.novo-fill-orange:not(.novo-option-inert){color:var(--color-contrast-orange);background-color:var(--color-orange)}.novo-option.novo-fill-orange:not(.novo-option-inert):hover,.novo-option.novo-fill-orange:not(.novo-option-inert):focus{background:var(--color-tint-orange)}.novo-option.novo-fill-orange:not(.novo-option-inert):active{background:var(--color-shade-orange)}.novo-option.novo-accent-navigation{border-left:4px solid var(--color-navigation)}.novo-option.novo-fill-navigation:not(.novo-option-inert){color:var(--color-contrast-navigation);background-color:var(--color-navigation)}.novo-option.novo-fill-navigation:not(.novo-option-inert):hover,.novo-option.novo-fill-navigation:not(.novo-option-inert):focus{background:var(--color-tint-navigation)}.novo-option.novo-fill-navigation:not(.novo-option-inert):active{background:var(--color-shade-navigation)}.novo-option.novo-accent-skyBlue{border-left:4px solid var(--color-sky-blue)}.novo-option.novo-fill-skyBlue:not(.novo-option-inert){color:var(--color-contrast-sky-blue);background-color:var(--color-sky-blue)}.novo-option.novo-fill-skyBlue:not(.novo-option-inert):hover,.novo-option.novo-fill-skyBlue:not(.novo-option-inert):focus{background:var(--color-tint-sky-blue)}.novo-option.novo-fill-skyBlue:not(.novo-option-inert):active{background:var(--color-shade-sky-blue)}.novo-option.novo-accent-steel{border-left:4px solid var(--color-steel)}.novo-option.novo-fill-steel:not(.novo-option-inert){color:var(--color-contrast-steel);background-color:var(--color-steel)}.novo-option.novo-fill-steel:not(.novo-option-inert):hover,.novo-option.novo-fill-steel:not(.novo-option-inert):focus{background:var(--color-tint-steel)}.novo-option.novo-fill-steel:not(.novo-option-inert):active{background:var(--color-shade-steel)}.novo-option.novo-accent-metal{border-left:4px solid var(--color-metal)}.novo-option.novo-fill-metal:not(.novo-option-inert){color:var(--color-contrast-metal);background-color:var(--color-metal)}.novo-option.novo-fill-metal:not(.novo-option-inert):hover,.novo-option.novo-fill-metal:not(.novo-option-inert):focus{background:var(--color-tint-metal)}.novo-option.novo-fill-metal:not(.novo-option-inert):active{background:var(--color-shade-metal)}.novo-option.novo-accent-sand{border-left:4px solid var(--color-sand)}.novo-option.novo-fill-sand:not(.novo-option-inert){color:var(--color-contrast-sand);background-color:var(--color-sand)}.novo-option.novo-fill-sand:not(.novo-option-inert):hover,.novo-option.novo-fill-sand:not(.novo-option-inert):focus{background:var(--color-tint-sand)}.novo-option.novo-fill-sand:not(.novo-option-inert):active{background:var(--color-shade-sand)}.novo-option.novo-accent-silver{border-left:4px solid var(--color-silver)}.novo-option.novo-fill-silver:not(.novo-option-inert){color:var(--color-contrast-silver);background-color:var(--color-silver)}.novo-option.novo-fill-silver:not(.novo-option-inert):hover,.novo-option.novo-fill-silver:not(.novo-option-inert):focus{background:var(--color-tint-silver)}.novo-option.novo-fill-silver:not(.novo-option-inert):active{background:var(--color-shade-silver)}.novo-option.novo-accent-stone{border-left:4px solid var(--color-stone)}.novo-option.novo-fill-stone:not(.novo-option-inert){color:var(--color-contrast-stone);background-color:var(--color-stone)}.novo-option.novo-fill-stone:not(.novo-option-inert):hover,.novo-option.novo-fill-stone:not(.novo-option-inert):focus{background:var(--color-tint-stone)}.novo-option.novo-fill-stone:not(.novo-option-inert):active{background:var(--color-shade-stone)}.novo-option.novo-accent-ash{border-left:4px solid var(--color-ash)}.novo-option.novo-fill-ash:not(.novo-option-inert){color:var(--color-contrast-ash);background-color:var(--color-ash)}.novo-option.novo-fill-ash:not(.novo-option-inert):hover,.novo-option.novo-fill-ash:not(.novo-option-inert):focus{background:var(--color-tint-ash)}.novo-option.novo-fill-ash:not(.novo-option-inert):active{background:var(--color-shade-ash)}.novo-option.novo-accent-anonymous{border-left:4px solid var(--color-anonymous)}.novo-option.novo-fill-anonymous:not(.novo-option-inert){color:var(--color-contrast-anonymous);background-color:var(--color-anonymous)}.novo-option.novo-fill-anonymous:not(.novo-option-inert):hover,.novo-option.novo-fill-anonymous:not(.novo-option-inert):focus{background:var(--color-tint-anonymous)}.novo-option.novo-fill-anonymous:not(.novo-option-inert):active{background:var(--color-shade-anonymous)}.novo-option.novo-accent-slate{border-left:4px solid var(--color-slate)}.novo-option.novo-fill-slate:not(.novo-option-inert){color:var(--color-contrast-slate);background-color:var(--color-slate)}.novo-option.novo-fill-slate:not(.novo-option-inert):hover,.novo-option.novo-fill-slate:not(.novo-option-inert):focus{background:var(--color-tint-slate)}.novo-option.novo-fill-slate:not(.novo-option-inert):active{background:var(--color-shade-slate)}.novo-option.novo-accent-onyx{border-left:4px solid var(--color-onyx)}.novo-option.novo-fill-onyx:not(.novo-option-inert){color:var(--color-contrast-onyx);background-color:var(--color-onyx)}.novo-option.novo-fill-onyx:not(.novo-option-inert):hover,.novo-option.novo-fill-onyx:not(.novo-option-inert):focus{background:var(--color-tint-onyx)}.novo-option.novo-fill-onyx:not(.novo-option-inert):active{background:var(--color-shade-onyx)}.novo-option.novo-accent-charcoal{border-left:4px solid var(--color-charcoal)}.novo-option.novo-fill-charcoal:not(.novo-option-inert){color:var(--color-contrast-charcoal);background-color:var(--color-charcoal)}.novo-option.novo-fill-charcoal:not(.novo-option-inert):hover,.novo-option.novo-fill-charcoal:not(.novo-option-inert):focus{background:var(--color-tint-charcoal)}.novo-option.novo-fill-charcoal:not(.novo-option-inert):active{background:var(--color-shade-charcoal)}.novo-option.novo-accent-moonlight{border-left:4px solid var(--color-moonlight)}.novo-option.novo-fill-moonlight:not(.novo-option-inert){color:var(--color-contrast-moonlight);background-color:var(--color-moonlight)}.novo-option.novo-fill-moonlight:not(.novo-option-inert):hover,.novo-option.novo-fill-moonlight:not(.novo-option-inert):focus{background:var(--color-tint-moonlight)}.novo-option.novo-fill-moonlight:not(.novo-option-inert):active{background:var(--color-shade-moonlight)}.novo-option.novo-accent-midnight{border-left:4px solid var(--color-midnight)}.novo-option.novo-fill-midnight:not(.novo-option-inert){color:var(--color-contrast-midnight);background-color:var(--color-midnight)}.novo-option.novo-fill-midnight:not(.novo-option-inert):hover,.novo-option.novo-fill-midnight:not(.novo-option-inert):focus{background:var(--color-tint-midnight)}.novo-option.novo-fill-midnight:not(.novo-option-inert):active{background:var(--color-shade-midnight)}.novo-option.novo-accent-darkness{border-left:4px solid var(--color-darkness)}.novo-option.novo-fill-darkness:not(.novo-option-inert){color:var(--color-contrast-darkness);background-color:var(--color-darkness)}.novo-option.novo-fill-darkness:not(.novo-option-inert):hover,.novo-option.novo-fill-darkness:not(.novo-option-inert):focus{background:var(--color-tint-darkness)}.novo-option.novo-fill-darkness:not(.novo-option-inert):active{background:var(--color-shade-darkness)}.novo-option.novo-accent-navy{border-left:4px solid var(--color-navy)}.novo-option.novo-fill-navy:not(.novo-option-inert){color:var(--color-contrast-navy);background-color:var(--color-navy)}.novo-option.novo-fill-navy:not(.novo-option-inert):hover,.novo-option.novo-fill-navy:not(.novo-option-inert):focus{background:var(--color-tint-navy)}.novo-option.novo-fill-navy:not(.novo-option-inert):active{background:var(--color-shade-navy)}.novo-option.novo-accent-aqua{border-left:4px solid var(--color-aqua)}.novo-option.novo-fill-aqua:not(.novo-option-inert){color:var(--color-contrast-aqua);background-color:var(--color-aqua)}.novo-option.novo-fill-aqua:not(.novo-option-inert):hover,.novo-option.novo-fill-aqua:not(.novo-option-inert):focus{background:var(--color-tint-aqua)}.novo-option.novo-fill-aqua:not(.novo-option-inert):active{background:var(--color-shade-aqua)}.novo-option.novo-accent-ocean{border-left:4px solid var(--color-ocean)}.novo-option.novo-fill-ocean:not(.novo-option-inert){color:var(--color-contrast-ocean);background-color:var(--color-ocean)}.novo-option.novo-fill-ocean:not(.novo-option-inert):hover,.novo-option.novo-fill-ocean:not(.novo-option-inert):focus{background:var(--color-tint-ocean)}.novo-option.novo-fill-ocean:not(.novo-option-inert):active{background:var(--color-shade-ocean)}.novo-option.novo-accent-mint{border-left:4px solid var(--color-mint)}.novo-option.novo-fill-mint:not(.novo-option-inert){color:var(--color-contrast-mint);background-color:var(--color-mint)}.novo-option.novo-fill-mint:not(.novo-option-inert):hover,.novo-option.novo-fill-mint:not(.novo-option-inert):focus{background:var(--color-tint-mint)}.novo-option.novo-fill-mint:not(.novo-option-inert):active{background:var(--color-shade-mint)}.novo-option.novo-accent-grass{border-left:4px solid var(--color-grass)}.novo-option.novo-fill-grass:not(.novo-option-inert){color:var(--color-contrast-grass);background-color:var(--color-grass)}.novo-option.novo-fill-grass:not(.novo-option-inert):hover,.novo-option.novo-fill-grass:not(.novo-option-inert):focus{background:var(--color-tint-grass)}.novo-option.novo-fill-grass:not(.novo-option-inert):active{background:var(--color-shade-grass)}.novo-option.novo-accent-sunflower{border-left:4px solid var(--color-sunflower)}.novo-option.novo-fill-sunflower:not(.novo-option-inert){color:var(--color-contrast-sunflower);background-color:var(--color-sunflower)}.novo-option.novo-fill-sunflower:not(.novo-option-inert):hover,.novo-option.novo-fill-sunflower:not(.novo-option-inert):focus{background:var(--color-tint-sunflower)}.novo-option.novo-fill-sunflower:not(.novo-option-inert):active{background:var(--color-shade-sunflower)}.novo-option.novo-accent-bittersweet{border-left:4px solid var(--color-bittersweet)}.novo-option.novo-fill-bittersweet:not(.novo-option-inert){color:var(--color-contrast-bittersweet);background-color:var(--color-bittersweet)}.novo-option.novo-fill-bittersweet:not(.novo-option-inert):hover,.novo-option.novo-fill-bittersweet:not(.novo-option-inert):focus{background:var(--color-tint-bittersweet)}.novo-option.novo-fill-bittersweet:not(.novo-option-inert):active{background:var(--color-shade-bittersweet)}.novo-option.novo-accent-grapefruit{border-left:4px solid var(--color-grapefruit)}.novo-option.novo-fill-grapefruit:not(.novo-option-inert){color:var(--color-contrast-grapefruit);background-color:var(--color-grapefruit)}.novo-option.novo-fill-grapefruit:not(.novo-option-inert):hover,.novo-option.novo-fill-grapefruit:not(.novo-option-inert):focus{background:var(--color-tint-grapefruit)}.novo-option.novo-fill-grapefruit:not(.novo-option-inert):active{background:var(--color-shade-grapefruit)}.novo-option.novo-accent-carnation{border-left:4px solid var(--color-carnation)}.novo-option.novo-fill-carnation:not(.novo-option-inert){color:var(--color-contrast-carnation);background-color:var(--color-carnation)}.novo-option.novo-fill-carnation:not(.novo-option-inert):hover,.novo-option.novo-fill-carnation:not(.novo-option-inert):focus{background:var(--color-tint-carnation)}.novo-option.novo-fill-carnation:not(.novo-option-inert):active{background:var(--color-shade-carnation)}.novo-option.novo-accent-lavender{border-left:4px solid var(--color-lavender)}.novo-option.novo-fill-lavender:not(.novo-option-inert){color:var(--color-contrast-lavender);background-color:var(--color-lavender)}.novo-option.novo-fill-lavender:not(.novo-option-inert):hover,.novo-option.novo-fill-lavender:not(.novo-option-inert):focus{background:var(--color-tint-lavender)}.novo-option.novo-fill-lavender:not(.novo-option-inert):active{background:var(--color-shade-lavender)}.novo-option.novo-accent-mountain{border-left:4px solid var(--color-mountain)}.novo-option.novo-fill-mountain:not(.novo-option-inert){color:var(--color-contrast-mountain);background-color:var(--color-mountain)}.novo-option.novo-fill-mountain:not(.novo-option-inert):hover,.novo-option.novo-fill-mountain:not(.novo-option-inert):focus{background:var(--color-tint-mountain)}.novo-option.novo-fill-mountain:not(.novo-option-inert):active{background:var(--color-shade-mountain)}.novo-option.novo-accent-info{border-left:4px solid var(--color-info)}.novo-option.novo-fill-info:not(.novo-option-inert){color:var(--color-contrast-info);background-color:var(--color-info)}.novo-option.novo-fill-info:not(.novo-option-inert):hover,.novo-option.novo-fill-info:not(.novo-option-inert):focus{background:var(--color-tint-info)}.novo-option.novo-fill-info:not(.novo-option-inert):active{background:var(--color-shade-info)}.novo-option.novo-accent-positive{border-left:4px solid var(--color-positive)}.novo-option.novo-fill-positive:not(.novo-option-inert){color:var(--color-contrast-positive);background-color:var(--color-positive)}.novo-option.novo-fill-positive:not(.novo-option-inert):hover,.novo-option.novo-fill-positive:not(.novo-option-inert):focus{background:var(--color-tint-positive)}.novo-option.novo-fill-positive:not(.novo-option-inert):active{background:var(--color-shade-positive)}.novo-option.novo-accent-success{border-left:4px solid var(--color-success)}.novo-option.novo-fill-success:not(.novo-option-inert){color:var(--color-contrast-success);background-color:var(--color-success)}.novo-option.novo-fill-success:not(.novo-option-inert):hover,.novo-option.novo-fill-success:not(.novo-option-inert):focus{background:var(--color-tint-success)}.novo-option.novo-fill-success:not(.novo-option-inert):active{background:var(--color-shade-success)}.novo-option.novo-accent-negative{border-left:4px solid var(--color-negative)}.novo-option.novo-fill-negative:not(.novo-option-inert){color:var(--color-contrast-negative);background-color:var(--color-negative)}.novo-option.novo-fill-negative:not(.novo-option-inert):hover,.novo-option.novo-fill-negative:not(.novo-option-inert):focus{background:var(--color-tint-negative)}.novo-option.novo-fill-negative:not(.novo-option-inert):active{background:var(--color-shade-negative)}.novo-option.novo-accent-danger{border-left:4px solid var(--color-danger)}.novo-option.novo-fill-danger:not(.novo-option-inert){color:var(--color-contrast-danger);background-color:var(--color-danger)}.novo-option.novo-fill-danger:not(.novo-option-inert):hover,.novo-option.novo-fill-danger:not(.novo-option-inert):focus{background:var(--color-tint-danger)}.novo-option.novo-fill-danger:not(.novo-option-inert):active{background:var(--color-shade-danger)}.novo-option.novo-accent-error{border-left:4px solid var(--color-error)}.novo-option.novo-fill-error:not(.novo-option-inert){color:var(--color-contrast-error);background-color:var(--color-error)}.novo-option.novo-fill-error:not(.novo-option-inert):hover,.novo-option.novo-fill-error:not(.novo-option-inert):focus{background:var(--color-tint-error)}.novo-option.novo-fill-error:not(.novo-option-inert):active{background:var(--color-shade-error)}.novo-option.novo-accent-warning{border-left:4px solid var(--color-warning)}.novo-option.novo-fill-warning:not(.novo-option-inert){color:var(--color-contrast-warning);background-color:var(--color-warning)}.novo-option.novo-fill-warning:not(.novo-option-inert):hover,.novo-option.novo-fill-warning:not(.novo-option-inert):focus{background:var(--color-tint-warning)}.novo-option.novo-fill-warning:not(.novo-option-inert):active{background:var(--color-shade-warning)}.novo-option.novo-accent-empty{border-left:4px solid var(--color-empty)}.novo-option.novo-fill-empty:not(.novo-option-inert){color:var(--color-contrast-empty);background-color:var(--color-empty)}.novo-option.novo-fill-empty:not(.novo-option-inert):hover,.novo-option.novo-fill-empty:not(.novo-option-inert):focus{background:var(--color-tint-empty)}.novo-option.novo-fill-empty:not(.novo-option-inert):active{background:var(--color-shade-empty)}.novo-option.novo-accent-disabled{border-left:4px solid var(--color-disabled)}.novo-option.novo-fill-disabled:not(.novo-option-inert){color:var(--color-contrast-disabled);background-color:var(--color-disabled)}.novo-option.novo-fill-disabled:not(.novo-option-inert):hover,.novo-option.novo-fill-disabled:not(.novo-option-inert):focus{background:var(--color-tint-disabled)}.novo-option.novo-fill-disabled:not(.novo-option-inert):active{background:var(--color-shade-disabled)}.novo-option.novo-accent-background{border-left:4px solid var(--color-background)}.novo-option.novo-fill-background:not(.novo-option-inert){color:var(--color-contrast-background);background-color:var(--color-background)}.novo-option.novo-fill-background:not(.novo-option-inert):hover,.novo-option.novo-fill-background:not(.novo-option-inert):focus{background:var(--color-tint-background)}.novo-option.novo-fill-background:not(.novo-option-inert):active{background:var(--color-shade-background)}.novo-option.novo-accent-backgroundDark{border-left:4px solid var(--color-background-dark)}.novo-option.novo-fill-backgroundDark:not(.novo-option-inert){color:var(--color-contrast-background-dark);background-color:var(--color-background-dark)}.novo-option.novo-fill-backgroundDark:not(.novo-option-inert):hover,.novo-option.novo-fill-backgroundDark:not(.novo-option-inert):focus{background:var(--color-tint-background-dark)}.novo-option.novo-fill-backgroundDark:not(.novo-option-inert):active{background:var(--color-shade-background-dark)}.novo-option.novo-accent-border{border-left:4px solid var(--color-border)}.novo-option.novo-fill-border:not(.novo-option-inert){color:var(--color-contrast-border);background-color:var(--color-border)}.novo-option.novo-fill-border:not(.novo-option-inert):hover,.novo-option.novo-fill-border:not(.novo-option-inert):focus{background:var(--color-tint-border)}.novo-option.novo-fill-border:not(.novo-option-inert):active{background:var(--color-shade-border)}.novo-option.novo-accent-border2{border-left:4px solid var(--color-border2)}.novo-option.novo-fill-border2:not(.novo-option-inert){color:var(--color-contrast-border2);background-color:var(--color-border2)}.novo-option.novo-fill-border2:not(.novo-option-inert):hover,.novo-option.novo-fill-border2:not(.novo-option-inert):focus{background:var(--color-tint-border2)}.novo-option.novo-fill-border2:not(.novo-option-inert):active{background:var(--color-shade-border2)}.novo-option.novo-accent-text{border-left:4px solid var(--color-text)}.novo-option.novo-fill-text:not(.novo-option-inert){color:var(--color-contrast-text);background-color:var(--color-text)}.novo-option.novo-fill-text:not(.novo-option-inert):hover,.novo-option.novo-fill-text:not(.novo-option-inert):focus{background:var(--color-tint-text)}.novo-option.novo-fill-text:not(.novo-option-inert):active{background:var(--color-shade-text)}.novo-option.novo-accent-presentation{border-left:4px solid var(--color-presentation)}.novo-option.novo-fill-presentation:not(.novo-option-inert){color:var(--color-contrast-presentation);background-color:var(--color-presentation)}.novo-option.novo-fill-presentation:not(.novo-option-inert):hover,.novo-option.novo-fill-presentation:not(.novo-option-inert):focus{background:var(--color-tint-presentation)}.novo-option.novo-fill-presentation:not(.novo-option-inert):active{background:var(--color-shade-presentation)}.novo-option.novo-accent-bullhorn{border-left:4px solid var(--color-bullhorn)}.novo-option.novo-fill-bullhorn:not(.novo-option-inert){color:var(--color-contrast-bullhorn);background-color:var(--color-bullhorn)}.novo-option.novo-fill-bullhorn:not(.novo-option-inert):hover,.novo-option.novo-fill-bullhorn:not(.novo-option-inert):focus{background:var(--color-tint-bullhorn)}.novo-option.novo-fill-bullhorn:not(.novo-option-inert):active{background:var(--color-shade-bullhorn)}.novo-option.novo-accent-pulse{border-left:4px solid var(--color-pulse)}.novo-option.novo-fill-pulse:not(.novo-option-inert){color:var(--color-contrast-pulse);background-color:var(--color-pulse)}.novo-option.novo-fill-pulse:not(.novo-option-inert):hover,.novo-option.novo-fill-pulse:not(.novo-option-inert):focus{background:var(--color-tint-pulse)}.novo-option.novo-fill-pulse:not(.novo-option-inert):active{background:var(--color-shade-pulse)}.novo-option.novo-accent-fastFind{border-left:4px solid var(--color-fast-find)}.novo-option.novo-fill-fastFind:not(.novo-option-inert){color:var(--color-contrast-fast-find);background-color:var(--color-fast-find)}.novo-option.novo-fill-fastFind:not(.novo-option-inert):hover,.novo-option.novo-fill-fastFind:not(.novo-option-inert):focus{background:var(--color-tint-fast-find)}.novo-option.novo-fill-fastFind:not(.novo-option-inert):active{background:var(--color-shade-fast-find)}.novo-option.novo-accent-toast{border-left:4px solid var(--color-toast)}.novo-option.novo-fill-toast:not(.novo-option-inert){color:var(--color-contrast-toast);background-color:var(--color-toast)}.novo-option.novo-fill-toast:not(.novo-option-inert):hover,.novo-option.novo-fill-toast:not(.novo-option-inert):focus{background:var(--color-tint-toast)}.novo-option.novo-fill-toast:not(.novo-option-inert):active{background:var(--color-shade-toast)}.novo-option.novo-accent-company{border-left:4px solid var(--color-company)}.novo-option.novo-fill-company:not(.novo-option-inert){color:var(--color-contrast-company);background-color:var(--color-company)}.novo-option.novo-fill-company:not(.novo-option-inert):hover,.novo-option.novo-fill-company:not(.novo-option-inert):focus{background:var(--color-tint-company)}.novo-option.novo-fill-company:not(.novo-option-inert):active{background:var(--color-shade-company)}.novo-option.novo-accent-candidate{border-left:4px solid var(--color-candidate)}.novo-option.novo-fill-candidate:not(.novo-option-inert){color:var(--color-contrast-candidate);background-color:var(--color-candidate)}.novo-option.novo-fill-candidate:not(.novo-option-inert):hover,.novo-option.novo-fill-candidate:not(.novo-option-inert):focus{background:var(--color-tint-candidate)}.novo-option.novo-fill-candidate:not(.novo-option-inert):active{background:var(--color-shade-candidate)}.novo-option.novo-accent-lead{border-left:4px solid var(--color-lead)}.novo-option.novo-fill-lead:not(.novo-option-inert){color:var(--color-contrast-lead);background-color:var(--color-lead)}.novo-option.novo-fill-lead:not(.novo-option-inert):hover,.novo-option.novo-fill-lead:not(.novo-option-inert):focus{background:var(--color-tint-lead)}.novo-option.novo-fill-lead:not(.novo-option-inert):active{background:var(--color-shade-lead)}.novo-option.novo-accent-contact{border-left:4px solid var(--color-contact)}.novo-option.novo-fill-contact:not(.novo-option-inert){color:var(--color-contrast-contact);background-color:var(--color-contact)}.novo-option.novo-fill-contact:not(.novo-option-inert):hover,.novo-option.novo-fill-contact:not(.novo-option-inert):focus{background:var(--color-tint-contact)}.novo-option.novo-fill-contact:not(.novo-option-inert):active{background:var(--color-shade-contact)}.novo-option.novo-accent-clientcontact{border-left:4px solid var(--color-clientcontact)}.novo-option.novo-fill-clientcontact:not(.novo-option-inert){color:var(--color-contrast-clientcontact);background-color:var(--color-clientcontact)}.novo-option.novo-fill-clientcontact:not(.novo-option-inert):hover,.novo-option.novo-fill-clientcontact:not(.novo-option-inert):focus{background:var(--color-tint-clientcontact)}.novo-option.novo-fill-clientcontact:not(.novo-option-inert):active{background:var(--color-shade-clientcontact)}.novo-option.novo-accent-opportunity{border-left:4px solid var(--color-opportunity)}.novo-option.novo-fill-opportunity:not(.novo-option-inert){color:var(--color-contrast-opportunity);background-color:var(--color-opportunity)}.novo-option.novo-fill-opportunity:not(.novo-option-inert):hover,.novo-option.novo-fill-opportunity:not(.novo-option-inert):focus{background:var(--color-tint-opportunity)}.novo-option.novo-fill-opportunity:not(.novo-option-inert):active{background:var(--color-shade-opportunity)}.novo-option.novo-accent-job{border-left:4px solid var(--color-job)}.novo-option.novo-fill-job:not(.novo-option-inert){color:var(--color-contrast-job);background-color:var(--color-job)}.novo-option.novo-fill-job:not(.novo-option-inert):hover,.novo-option.novo-fill-job:not(.novo-option-inert):focus{background:var(--color-tint-job)}.novo-option.novo-fill-job:not(.novo-option-inert):active{background:var(--color-shade-job)}.novo-option.novo-accent-joborder{border-left:4px solid var(--color-joborder)}.novo-option.novo-fill-joborder:not(.novo-option-inert){color:var(--color-contrast-joborder);background-color:var(--color-joborder)}.novo-option.novo-fill-joborder:not(.novo-option-inert):hover,.novo-option.novo-fill-joborder:not(.novo-option-inert):focus{background:var(--color-tint-joborder)}.novo-option.novo-fill-joborder:not(.novo-option-inert):active{background:var(--color-shade-joborder)}.novo-option.novo-accent-submission{border-left:4px solid var(--color-submission)}.novo-option.novo-fill-submission:not(.novo-option-inert){color:var(--color-contrast-submission);background-color:var(--color-submission)}.novo-option.novo-fill-submission:not(.novo-option-inert):hover,.novo-option.novo-fill-submission:not(.novo-option-inert):focus{background:var(--color-tint-submission)}.novo-option.novo-fill-submission:not(.novo-option-inert):active{background:var(--color-shade-submission)}.novo-option.novo-accent-sendout{border-left:4px solid var(--color-sendout)}.novo-option.novo-fill-sendout:not(.novo-option-inert){color:var(--color-contrast-sendout);background-color:var(--color-sendout)}.novo-option.novo-fill-sendout:not(.novo-option-inert):hover,.novo-option.novo-fill-sendout:not(.novo-option-inert):focus{background:var(--color-tint-sendout)}.novo-option.novo-fill-sendout:not(.novo-option-inert):active{background:var(--color-shade-sendout)}.novo-option.novo-accent-placement{border-left:4px solid var(--color-placement)}.novo-option.novo-fill-placement:not(.novo-option-inert){color:var(--color-contrast-placement);background-color:var(--color-placement)}.novo-option.novo-fill-placement:not(.novo-option-inert):hover,.novo-option.novo-fill-placement:not(.novo-option-inert):focus{background:var(--color-tint-placement)}.novo-option.novo-fill-placement:not(.novo-option-inert):active{background:var(--color-shade-placement)}.novo-option.novo-accent-note{border-left:4px solid var(--color-note)}.novo-option.novo-fill-note:not(.novo-option-inert){color:var(--color-contrast-note);background-color:var(--color-note)}.novo-option.novo-fill-note:not(.novo-option-inert):hover,.novo-option.novo-fill-note:not(.novo-option-inert):focus{background:var(--color-tint-note)}.novo-option.novo-fill-note:not(.novo-option-inert):active{background:var(--color-shade-note)}.novo-option.novo-accent-contract{border-left:4px solid var(--color-contract)}.novo-option.novo-fill-contract:not(.novo-option-inert){color:var(--color-contrast-contract);background-color:var(--color-contract)}.novo-option.novo-fill-contract:not(.novo-option-inert):hover,.novo-option.novo-fill-contract:not(.novo-option-inert):focus{background:var(--color-tint-contract)}.novo-option.novo-fill-contract:not(.novo-option-inert):active{background:var(--color-shade-contract)}.novo-option.novo-accent-task{border-left:4px solid var(--color-task)}.novo-option.novo-fill-task:not(.novo-option-inert){color:var(--color-contrast-task);background-color:var(--color-task)}.novo-option.novo-fill-task:not(.novo-option-inert):hover,.novo-option.novo-fill-task:not(.novo-option-inert):focus{background:var(--color-tint-task)}.novo-option.novo-fill-task:not(.novo-option-inert):active{background:var(--color-shade-task)}.novo-option.novo-accent-jobCode{border-left:4px solid var(--color-job-code)}.novo-option.novo-fill-jobCode:not(.novo-option-inert){color:var(--color-contrast-job-code);background-color:var(--color-job-code)}.novo-option.novo-fill-jobCode:not(.novo-option-inert):hover,.novo-option.novo-fill-jobCode:not(.novo-option-inert):focus{background:var(--color-tint-job-code)}.novo-option.novo-fill-jobCode:not(.novo-option-inert):active{background:var(--color-shade-job-code)}.novo-option.novo-accent-earnCode{border-left:4px solid var(--color-earn-code)}.novo-option.novo-fill-earnCode:not(.novo-option-inert){color:var(--color-contrast-earn-code);background-color:var(--color-earn-code)}.novo-option.novo-fill-earnCode:not(.novo-option-inert):hover,.novo-option.novo-fill-earnCode:not(.novo-option-inert):focus{background:var(--color-tint-earn-code)}.novo-option.novo-fill-earnCode:not(.novo-option-inert):active{background:var(--color-shade-earn-code)}.novo-option.novo-accent-invoiceStatement{border-left:4px solid var(--color-invoice-statement)}.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert){color:var(--color-contrast-invoice-statement);background-color:var(--color-invoice-statement)}.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert):hover,.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert):focus{background:var(--color-tint-invoice-statement)}.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert):active{background:var(--color-shade-invoice-statement)}.novo-option.novo-accent-billableCharge{border-left:4px solid var(--color-billable-charge)}.novo-option.novo-fill-billableCharge:not(.novo-option-inert){color:var(--color-contrast-billable-charge);background-color:var(--color-billable-charge)}.novo-option.novo-fill-billableCharge:not(.novo-option-inert):hover,.novo-option.novo-fill-billableCharge:not(.novo-option-inert):focus{background:var(--color-tint-billable-charge)}.novo-option.novo-fill-billableCharge:not(.novo-option-inert):active{background:var(--color-shade-billable-charge)}.novo-option.novo-accent-payableCharge{border-left:4px solid var(--color-payable-charge)}.novo-option.novo-fill-payableCharge:not(.novo-option-inert){color:var(--color-contrast-payable-charge);background-color:var(--color-payable-charge)}.novo-option.novo-fill-payableCharge:not(.novo-option-inert):hover,.novo-option.novo-fill-payableCharge:not(.novo-option-inert):focus{background:var(--color-tint-payable-charge)}.novo-option.novo-fill-payableCharge:not(.novo-option-inert):active{background:var(--color-shade-payable-charge)}.novo-option.novo-accent-user{border-left:4px solid var(--color-user)}.novo-option.novo-fill-user:not(.novo-option-inert){color:var(--color-contrast-user);background-color:var(--color-user)}.novo-option.novo-fill-user:not(.novo-option-inert):hover,.novo-option.novo-fill-user:not(.novo-option-inert):focus{background:var(--color-tint-user)}.novo-option.novo-fill-user:not(.novo-option-inert):active{background:var(--color-shade-user)}.novo-option.novo-accent-corporateUser{border-left:4px solid var(--color-corporate-user)}.novo-option.novo-fill-corporateUser:not(.novo-option-inert){color:var(--color-contrast-corporate-user);background-color:var(--color-corporate-user)}.novo-option.novo-fill-corporateUser:not(.novo-option-inert):hover,.novo-option.novo-fill-corporateUser:not(.novo-option-inert):focus{background:var(--color-tint-corporate-user)}.novo-option.novo-fill-corporateUser:not(.novo-option-inert):active{background:var(--color-shade-corporate-user)}.novo-option.novo-accent-distributionList{border-left:4px solid var(--color-distribution-list)}.novo-option.novo-fill-distributionList:not(.novo-option-inert){color:var(--color-contrast-distribution-list);background-color:var(--color-distribution-list)}.novo-option.novo-fill-distributionList:not(.novo-option-inert):hover,.novo-option.novo-fill-distributionList:not(.novo-option-inert):focus{background:var(--color-tint-distribution-list)}.novo-option.novo-fill-distributionList:not(.novo-option-inert):active{background:var(--color-shade-distribution-list)}.novo-option.novo-accent-credential{border-left:4px solid var(--color-credential)}.novo-option.novo-fill-credential:not(.novo-option-inert){color:var(--color-contrast-credential);background-color:var(--color-credential)}.novo-option.novo-fill-credential:not(.novo-option-inert):hover,.novo-option.novo-fill-credential:not(.novo-option-inert):focus{background:var(--color-tint-credential)}.novo-option.novo-fill-credential:not(.novo-option-inert):active{background:var(--color-shade-credential)}.novo-option.novo-accent-person{border-left:4px solid var(--color-person)}.novo-option.novo-fill-person:not(.novo-option-inert){color:var(--color-contrast-person);background-color:var(--color-person)}.novo-option.novo-fill-person:not(.novo-option-inert):hover,.novo-option.novo-fill-person:not(.novo-option-inert):focus{background:var(--color-tint-person)}.novo-option.novo-fill-person:not(.novo-option-inert):active{background:var(--color-shade-person)}.novo-option-text{display:inline-block;display:inline-flex;flex-direction:row;align-items:center;flex-grow:1;overflow:hidden;text-overflow:ellipsis;gap:1rem}.novo-option-pseudo-checkbox{margin-inline-end:calc(var(--menu-side-padding) / 2)}[data-theme=bh2026] .novo-option:hover:not(.novo-option-inert){background:var(--color-background-subtle)}[data-theme=bh2026] .novo-option:active:not(.novo-option-inert),[data-theme=bh2026] .novo-option.novo-active:not(.novo-option-inert){background:var(--color-background-subtle-hover)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NovoPseudoCheckbox, selector: "novo-pseudo-checkbox", inputs: ["state", "shape", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1106
1114
  }
1107
1115
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoOption, decorators: [{
1108
1116
  type: Component,
@@ -1119,7 +1127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
1119
1127
  '[class.novo-option-inert]': 'novoInert',
1120
1128
  '(keydown)': '_handleKeydown($event)',
1121
1129
  class: 'novo-option novo-focus-indicator',
1122
- }, inputs: ['selected', 'keepOpen', 'novoInert', 'value', 'disabled'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<novo-pseudo-checkbox *ngIf=\"selectable && multiple\" class=\"novo-option-pseudo-checkbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\" [disabled]=\"disabled\"></novo-pseudo-checkbox>\n\n<span class=\"novo-option-text\">\n <ng-content></ng-content>\n</span>\n\n<novo-pseudo-checkbox *ngIf=\"selectable && !multiple && selected\" class=\"novo-option-pseudo-checkbox\" state=\"checked\"\n shape=\"line\"\n [disabled]=\"disabled\"></novo-pseudo-checkbox>\n\n<ng-content select=\"[novoSuffix]\"></ng-content>\n<!-- See a11y notes inside optgroup.ts for context behind this element. -->\n<span class=\"cdk-visually-hidden\" *ngIf=\"group && group._novoInert\">({{ group.label }})</span>", styles: [":root{--menu-side-padding: var(--spacing-sm)}.novo-option{display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;position:relative;cursor:pointer;outline:none;display:flex;flex-direction:row;max-width:100%;box-sizing:border-box;align-items:center;margin:0;padding:1rem 1rem 1rem 1.6rem;gap:1rem;flex:1;-webkit-tap-highlight-color:transparent}.novo-option.text-capitalize{text-transform:capitalize}.novo-option.text-uppercase{text-transform:uppercase}.novo-option.text-nowrap{white-space:nowrap}.novo-option.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novo-option.text-size-default{font-size:inherit}.novo-option.text-size-body{font-size:var(--font-size-body)}.novo-option.text-size-xs{font-size:var(--font-size-xs)}.novo-option.text-size-sm{font-size:var(--font-size-sm)}.novo-option.text-size-md{font-size:var(--font-size-md)}.novo-option.text-size-lg{font-size:var(--font-size-lg)}.novo-option.text-size-xl{font-size:var(--font-size-xl)}.novo-option.text-size-2xl{font-size:var(--font-size-2xl)}.novo-option.text-size-3xl{font-size:var(--font-size-3xl)}.novo-option.text-size-smaller{font-size:.8em}.novo-option.text-size-larger{font-size:1.2em}.novo-option.text-color-black{color:var(--color-black)}.novo-option.text-color-white{color:var(--color-white)}.novo-option.text-color-gray{color:var(--color-gray)}.novo-option.text-color-grey{color:var(--color-grey)}.novo-option.text-color-offWhite{color:var(--color-off-white)}.novo-option.text-color-bright{color:var(--color-bright)}.novo-option.text-color-light{color:var(--color-light)}.novo-option.text-color-neutral{color:var(--color-neutral)}.novo-option.text-color-dark{color:var(--color-dark)}.novo-option.text-color-orange{color:var(--color-orange)}.novo-option.text-color-navigation{color:var(--color-navigation)}.novo-option.text-color-skyBlue{color:var(--color-sky-blue)}.novo-option.text-color-steel{color:var(--color-steel)}.novo-option.text-color-metal{color:var(--color-metal)}.novo-option.text-color-sand{color:var(--color-sand)}.novo-option.text-color-silver{color:var(--color-silver)}.novo-option.text-color-stone{color:var(--color-stone)}.novo-option.text-color-ash{color:var(--color-ash)}.novo-option.text-color-anonymous{color:var(--color-anonymous)}.novo-option.text-color-slate{color:var(--color-slate)}.novo-option.text-color-onyx{color:var(--color-onyx)}.novo-option.text-color-charcoal{color:var(--color-charcoal)}.novo-option.text-color-moonlight{color:var(--color-moonlight)}.novo-option.text-color-midnight{color:var(--color-midnight)}.novo-option.text-color-darkness{color:var(--color-darkness)}.novo-option.text-color-navy{color:var(--color-navy)}.novo-option.text-color-aqua{color:var(--color-aqua)}.novo-option.text-color-ocean{color:var(--color-ocean)}.novo-option.text-color-mint{color:var(--color-mint)}.novo-option.text-color-grass{color:var(--color-grass)}.novo-option.text-color-sunflower{color:var(--color-sunflower)}.novo-option.text-color-bittersweet{color:var(--color-bittersweet)}.novo-option.text-color-grapefruit{color:var(--color-grapefruit)}.novo-option.text-color-carnation{color:var(--color-carnation)}.novo-option.text-color-lavender{color:var(--color-lavender)}.novo-option.text-color-mountain{color:var(--color-mountain)}.novo-option.text-color-info{color:var(--color-info)}.novo-option.text-color-positive{color:var(--color-positive)}.novo-option.text-color-success{color:var(--color-success)}.novo-option.text-color-negative{color:var(--color-negative)}.novo-option.text-color-danger{color:var(--color-danger)}.novo-option.text-color-error{color:var(--color-error)}.novo-option.text-color-warning{color:var(--color-warning)}.novo-option.text-color-empty{color:var(--color-empty)}.novo-option.text-color-disabled{color:var(--color-disabled)}.novo-option.text-color-background{color:var(--color-background)}.novo-option.text-color-backgroundDark{color:var(--color-background-dark)}.novo-option.text-color-border{color:var(--color-border)}.novo-option.text-color-border2{color:var(--color-border2)}.novo-option.text-color-text{color:var(--color-text)}.novo-option.text-color-presentation{color:var(--color-presentation)}.novo-option.text-color-bullhorn{color:var(--color-bullhorn)}.novo-option.text-color-pulse{color:var(--color-pulse)}.novo-option.text-color-fastFind{color:var(--color-fast-find)}.novo-option.text-color-toast{color:var(--color-toast)}.novo-option.text-color-company{color:var(--color-company)}.novo-option.text-color-candidate{color:var(--color-candidate)}.novo-option.text-color-lead{color:var(--color-lead)}.novo-option.text-color-contact{color:var(--color-contact)}.novo-option.text-color-clientcontact{color:var(--color-clientcontact)}.novo-option.text-color-opportunity{color:var(--color-opportunity)}.novo-option.text-color-job{color:var(--color-job)}.novo-option.text-color-joborder{color:var(--color-joborder)}.novo-option.text-color-submission{color:var(--color-submission)}.novo-option.text-color-sendout{color:var(--color-sendout)}.novo-option.text-color-placement{color:var(--color-placement)}.novo-option.text-color-note{color:var(--color-note)}.novo-option.text-color-contract{color:var(--color-contract)}.novo-option.text-color-task{color:var(--color-task)}.novo-option.text-color-jobCode{color:var(--color-job-code)}.novo-option.text-color-earnCode{color:var(--color-earn-code)}.novo-option.text-color-invoiceStatement{color:var(--color-invoice-statement)}.novo-option.text-color-billableCharge{color:var(--color-billable-charge)}.novo-option.text-color-payableCharge{color:var(--color-payable-charge)}.novo-option.text-color-user{color:var(--color-user)}.novo-option.text-color-corporateUser{color:var(--color-corporate-user)}.novo-option.text-color-distributionList{color:var(--color-distribution-list)}.novo-option.text-color-credential{color:var(--color-credential)}.novo-option.text-color-person{color:var(--color-person)}.novo-option.margin-before{margin-top:.4rem}.novo-option.margin-after{margin-bottom:.8rem}.novo-option.text-length-small{max-width:40ch}.novo-option.text-length-medium{max-width:55ch}.novo-option.text-length-large{max-width:70ch}.novo-option.text-weight-hairline{font-weight:var(--font-weight-hairline)}.novo-option.text-weight-thin{font-weight:var(--font-weight-thin)}.novo-option.text-weight-light{font-weight:var(--font-weight-light)}.novo-option.text-weight-normal{font-weight:var(--font-weight-normal)}.novo-option.text-weight-medium{font-weight:var(--font-weight-medium)}.novo-option.text-weight-semibold{font-weight:var(--font-weight-semibold)}.novo-option.text-weight-bold{font-weight:var(--font-weight-bold)}.novo-option.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}.novo-option.text-weight-heavy{font-weight:var(--font-weight-heavy)}.novo-option.text-weight-lighter{font-weight:lighter}.novo-option.text-weight-bolder{font-weight:bolder}.novo-option:hover:not(.novo-option-inert){background:var(--background-main, rgb(from var(--color-positive) r g b/.1))}.novo-option:active:not(.novo-option-inert),.novo-option.novo-active:not(.novo-option-inert){background:rgb(from var(--color-positive) r g b/.3)}.novo-option.novo-selected,.novo-option .add-icon{color:var(--color-positive)}.novo-option.disabled,.novo-option[aria-disabled=true]{cursor:not-allowed;color:var(--color-disabled)}.novo-option.disabled:hover,.novo-option[aria-disabled=true]:hover{background:rgba(var(--color-negative),10%)}.novo-optgroup .novo-option:not(.novo-option-multiple){padding-left:calc(var(--menu-side-padding) * 2)}[dir=rtl] .novo-optgroup .novo-option:not(.novo-option-multiple){padding-left:var(--menu-side-padding);padding-right:calc(var(--menu-side-padding) * 2)}.novo-option.novo-accent-border-default{border-left:4px solid}.novo-option.novo-accent-black{border-left:4px solid var(--color-black)}.novo-option.novo-fill-black:not(.novo-option-inert){color:var(--color-contrast-black);background-color:var(--color-black)}.novo-option.novo-fill-black:not(.novo-option-inert):hover,.novo-option.novo-fill-black:not(.novo-option-inert):focus{background:var(--color-tint-black)}.novo-option.novo-fill-black:not(.novo-option-inert):active{background:var(--color-shade-black)}.novo-option.novo-accent-white{border-left:4px solid var(--color-white)}.novo-option.novo-fill-white:not(.novo-option-inert){color:var(--color-contrast-white);background-color:var(--color-white)}.novo-option.novo-fill-white:not(.novo-option-inert):hover,.novo-option.novo-fill-white:not(.novo-option-inert):focus{background:var(--color-tint-white)}.novo-option.novo-fill-white:not(.novo-option-inert):active{background:var(--color-shade-white)}.novo-option.novo-accent-gray{border-left:4px solid var(--color-gray)}.novo-option.novo-fill-gray:not(.novo-option-inert){color:var(--color-contrast-gray);background-color:var(--color-gray)}.novo-option.novo-fill-gray:not(.novo-option-inert):hover,.novo-option.novo-fill-gray:not(.novo-option-inert):focus{background:var(--color-tint-gray)}.novo-option.novo-fill-gray:not(.novo-option-inert):active{background:var(--color-shade-gray)}.novo-option.novo-accent-grey{border-left:4px solid var(--color-grey)}.novo-option.novo-fill-grey:not(.novo-option-inert){color:var(--color-contrast-grey);background-color:var(--color-grey)}.novo-option.novo-fill-grey:not(.novo-option-inert):hover,.novo-option.novo-fill-grey:not(.novo-option-inert):focus{background:var(--color-tint-grey)}.novo-option.novo-fill-grey:not(.novo-option-inert):active{background:var(--color-shade-grey)}.novo-option.novo-accent-offWhite{border-left:4px solid var(--color-off-white)}.novo-option.novo-fill-offWhite:not(.novo-option-inert){color:var(--color-contrast-off-white);background-color:var(--color-off-white)}.novo-option.novo-fill-offWhite:not(.novo-option-inert):hover,.novo-option.novo-fill-offWhite:not(.novo-option-inert):focus{background:var(--color-tint-off-white)}.novo-option.novo-fill-offWhite:not(.novo-option-inert):active{background:var(--color-shade-off-white)}.novo-option.novo-accent-bright{border-left:4px solid var(--color-bright)}.novo-option.novo-fill-bright:not(.novo-option-inert){color:var(--color-contrast-bright);background-color:var(--color-bright)}.novo-option.novo-fill-bright:not(.novo-option-inert):hover,.novo-option.novo-fill-bright:not(.novo-option-inert):focus{background:var(--color-tint-bright)}.novo-option.novo-fill-bright:not(.novo-option-inert):active{background:var(--color-shade-bright)}.novo-option.novo-accent-light{border-left:4px solid var(--color-light)}.novo-option.novo-fill-light:not(.novo-option-inert){color:var(--color-contrast-light);background-color:var(--color-light)}.novo-option.novo-fill-light:not(.novo-option-inert):hover,.novo-option.novo-fill-light:not(.novo-option-inert):focus{background:var(--color-tint-light)}.novo-option.novo-fill-light:not(.novo-option-inert):active{background:var(--color-shade-light)}.novo-option.novo-accent-neutral{border-left:4px solid var(--color-neutral)}.novo-option.novo-fill-neutral:not(.novo-option-inert){color:var(--color-contrast-neutral);background-color:var(--color-neutral)}.novo-option.novo-fill-neutral:not(.novo-option-inert):hover,.novo-option.novo-fill-neutral:not(.novo-option-inert):focus{background:var(--color-tint-neutral)}.novo-option.novo-fill-neutral:not(.novo-option-inert):active{background:var(--color-shade-neutral)}.novo-option.novo-accent-dark{border-left:4px solid var(--color-dark)}.novo-option.novo-fill-dark:not(.novo-option-inert){color:var(--color-contrast-dark);background-color:var(--color-dark)}.novo-option.novo-fill-dark:not(.novo-option-inert):hover,.novo-option.novo-fill-dark:not(.novo-option-inert):focus{background:var(--color-tint-dark)}.novo-option.novo-fill-dark:not(.novo-option-inert):active{background:var(--color-shade-dark)}.novo-option.novo-accent-orange{border-left:4px solid var(--color-orange)}.novo-option.novo-fill-orange:not(.novo-option-inert){color:var(--color-contrast-orange);background-color:var(--color-orange)}.novo-option.novo-fill-orange:not(.novo-option-inert):hover,.novo-option.novo-fill-orange:not(.novo-option-inert):focus{background:var(--color-tint-orange)}.novo-option.novo-fill-orange:not(.novo-option-inert):active{background:var(--color-shade-orange)}.novo-option.novo-accent-navigation{border-left:4px solid var(--color-navigation)}.novo-option.novo-fill-navigation:not(.novo-option-inert){color:var(--color-contrast-navigation);background-color:var(--color-navigation)}.novo-option.novo-fill-navigation:not(.novo-option-inert):hover,.novo-option.novo-fill-navigation:not(.novo-option-inert):focus{background:var(--color-tint-navigation)}.novo-option.novo-fill-navigation:not(.novo-option-inert):active{background:var(--color-shade-navigation)}.novo-option.novo-accent-skyBlue{border-left:4px solid var(--color-sky-blue)}.novo-option.novo-fill-skyBlue:not(.novo-option-inert){color:var(--color-contrast-sky-blue);background-color:var(--color-sky-blue)}.novo-option.novo-fill-skyBlue:not(.novo-option-inert):hover,.novo-option.novo-fill-skyBlue:not(.novo-option-inert):focus{background:var(--color-tint-sky-blue)}.novo-option.novo-fill-skyBlue:not(.novo-option-inert):active{background:var(--color-shade-sky-blue)}.novo-option.novo-accent-steel{border-left:4px solid var(--color-steel)}.novo-option.novo-fill-steel:not(.novo-option-inert){color:var(--color-contrast-steel);background-color:var(--color-steel)}.novo-option.novo-fill-steel:not(.novo-option-inert):hover,.novo-option.novo-fill-steel:not(.novo-option-inert):focus{background:var(--color-tint-steel)}.novo-option.novo-fill-steel:not(.novo-option-inert):active{background:var(--color-shade-steel)}.novo-option.novo-accent-metal{border-left:4px solid var(--color-metal)}.novo-option.novo-fill-metal:not(.novo-option-inert){color:var(--color-contrast-metal);background-color:var(--color-metal)}.novo-option.novo-fill-metal:not(.novo-option-inert):hover,.novo-option.novo-fill-metal:not(.novo-option-inert):focus{background:var(--color-tint-metal)}.novo-option.novo-fill-metal:not(.novo-option-inert):active{background:var(--color-shade-metal)}.novo-option.novo-accent-sand{border-left:4px solid var(--color-sand)}.novo-option.novo-fill-sand:not(.novo-option-inert){color:var(--color-contrast-sand);background-color:var(--color-sand)}.novo-option.novo-fill-sand:not(.novo-option-inert):hover,.novo-option.novo-fill-sand:not(.novo-option-inert):focus{background:var(--color-tint-sand)}.novo-option.novo-fill-sand:not(.novo-option-inert):active{background:var(--color-shade-sand)}.novo-option.novo-accent-silver{border-left:4px solid var(--color-silver)}.novo-option.novo-fill-silver:not(.novo-option-inert){color:var(--color-contrast-silver);background-color:var(--color-silver)}.novo-option.novo-fill-silver:not(.novo-option-inert):hover,.novo-option.novo-fill-silver:not(.novo-option-inert):focus{background:var(--color-tint-silver)}.novo-option.novo-fill-silver:not(.novo-option-inert):active{background:var(--color-shade-silver)}.novo-option.novo-accent-stone{border-left:4px solid var(--color-stone)}.novo-option.novo-fill-stone:not(.novo-option-inert){color:var(--color-contrast-stone);background-color:var(--color-stone)}.novo-option.novo-fill-stone:not(.novo-option-inert):hover,.novo-option.novo-fill-stone:not(.novo-option-inert):focus{background:var(--color-tint-stone)}.novo-option.novo-fill-stone:not(.novo-option-inert):active{background:var(--color-shade-stone)}.novo-option.novo-accent-ash{border-left:4px solid var(--color-ash)}.novo-option.novo-fill-ash:not(.novo-option-inert){color:var(--color-contrast-ash);background-color:var(--color-ash)}.novo-option.novo-fill-ash:not(.novo-option-inert):hover,.novo-option.novo-fill-ash:not(.novo-option-inert):focus{background:var(--color-tint-ash)}.novo-option.novo-fill-ash:not(.novo-option-inert):active{background:var(--color-shade-ash)}.novo-option.novo-accent-anonymous{border-left:4px solid var(--color-anonymous)}.novo-option.novo-fill-anonymous:not(.novo-option-inert){color:var(--color-contrast-anonymous);background-color:var(--color-anonymous)}.novo-option.novo-fill-anonymous:not(.novo-option-inert):hover,.novo-option.novo-fill-anonymous:not(.novo-option-inert):focus{background:var(--color-tint-anonymous)}.novo-option.novo-fill-anonymous:not(.novo-option-inert):active{background:var(--color-shade-anonymous)}.novo-option.novo-accent-slate{border-left:4px solid var(--color-slate)}.novo-option.novo-fill-slate:not(.novo-option-inert){color:var(--color-contrast-slate);background-color:var(--color-slate)}.novo-option.novo-fill-slate:not(.novo-option-inert):hover,.novo-option.novo-fill-slate:not(.novo-option-inert):focus{background:var(--color-tint-slate)}.novo-option.novo-fill-slate:not(.novo-option-inert):active{background:var(--color-shade-slate)}.novo-option.novo-accent-onyx{border-left:4px solid var(--color-onyx)}.novo-option.novo-fill-onyx:not(.novo-option-inert){color:var(--color-contrast-onyx);background-color:var(--color-onyx)}.novo-option.novo-fill-onyx:not(.novo-option-inert):hover,.novo-option.novo-fill-onyx:not(.novo-option-inert):focus{background:var(--color-tint-onyx)}.novo-option.novo-fill-onyx:not(.novo-option-inert):active{background:var(--color-shade-onyx)}.novo-option.novo-accent-charcoal{border-left:4px solid var(--color-charcoal)}.novo-option.novo-fill-charcoal:not(.novo-option-inert){color:var(--color-contrast-charcoal);background-color:var(--color-charcoal)}.novo-option.novo-fill-charcoal:not(.novo-option-inert):hover,.novo-option.novo-fill-charcoal:not(.novo-option-inert):focus{background:var(--color-tint-charcoal)}.novo-option.novo-fill-charcoal:not(.novo-option-inert):active{background:var(--color-shade-charcoal)}.novo-option.novo-accent-moonlight{border-left:4px solid var(--color-moonlight)}.novo-option.novo-fill-moonlight:not(.novo-option-inert){color:var(--color-contrast-moonlight);background-color:var(--color-moonlight)}.novo-option.novo-fill-moonlight:not(.novo-option-inert):hover,.novo-option.novo-fill-moonlight:not(.novo-option-inert):focus{background:var(--color-tint-moonlight)}.novo-option.novo-fill-moonlight:not(.novo-option-inert):active{background:var(--color-shade-moonlight)}.novo-option.novo-accent-midnight{border-left:4px solid var(--color-midnight)}.novo-option.novo-fill-midnight:not(.novo-option-inert){color:var(--color-contrast-midnight);background-color:var(--color-midnight)}.novo-option.novo-fill-midnight:not(.novo-option-inert):hover,.novo-option.novo-fill-midnight:not(.novo-option-inert):focus{background:var(--color-tint-midnight)}.novo-option.novo-fill-midnight:not(.novo-option-inert):active{background:var(--color-shade-midnight)}.novo-option.novo-accent-darkness{border-left:4px solid var(--color-darkness)}.novo-option.novo-fill-darkness:not(.novo-option-inert){color:var(--color-contrast-darkness);background-color:var(--color-darkness)}.novo-option.novo-fill-darkness:not(.novo-option-inert):hover,.novo-option.novo-fill-darkness:not(.novo-option-inert):focus{background:var(--color-tint-darkness)}.novo-option.novo-fill-darkness:not(.novo-option-inert):active{background:var(--color-shade-darkness)}.novo-option.novo-accent-navy{border-left:4px solid var(--color-navy)}.novo-option.novo-fill-navy:not(.novo-option-inert){color:var(--color-contrast-navy);background-color:var(--color-navy)}.novo-option.novo-fill-navy:not(.novo-option-inert):hover,.novo-option.novo-fill-navy:not(.novo-option-inert):focus{background:var(--color-tint-navy)}.novo-option.novo-fill-navy:not(.novo-option-inert):active{background:var(--color-shade-navy)}.novo-option.novo-accent-aqua{border-left:4px solid var(--color-aqua)}.novo-option.novo-fill-aqua:not(.novo-option-inert){color:var(--color-contrast-aqua);background-color:var(--color-aqua)}.novo-option.novo-fill-aqua:not(.novo-option-inert):hover,.novo-option.novo-fill-aqua:not(.novo-option-inert):focus{background:var(--color-tint-aqua)}.novo-option.novo-fill-aqua:not(.novo-option-inert):active{background:var(--color-shade-aqua)}.novo-option.novo-accent-ocean{border-left:4px solid var(--color-ocean)}.novo-option.novo-fill-ocean:not(.novo-option-inert){color:var(--color-contrast-ocean);background-color:var(--color-ocean)}.novo-option.novo-fill-ocean:not(.novo-option-inert):hover,.novo-option.novo-fill-ocean:not(.novo-option-inert):focus{background:var(--color-tint-ocean)}.novo-option.novo-fill-ocean:not(.novo-option-inert):active{background:var(--color-shade-ocean)}.novo-option.novo-accent-mint{border-left:4px solid var(--color-mint)}.novo-option.novo-fill-mint:not(.novo-option-inert){color:var(--color-contrast-mint);background-color:var(--color-mint)}.novo-option.novo-fill-mint:not(.novo-option-inert):hover,.novo-option.novo-fill-mint:not(.novo-option-inert):focus{background:var(--color-tint-mint)}.novo-option.novo-fill-mint:not(.novo-option-inert):active{background:var(--color-shade-mint)}.novo-option.novo-accent-grass{border-left:4px solid var(--color-grass)}.novo-option.novo-fill-grass:not(.novo-option-inert){color:var(--color-contrast-grass);background-color:var(--color-grass)}.novo-option.novo-fill-grass:not(.novo-option-inert):hover,.novo-option.novo-fill-grass:not(.novo-option-inert):focus{background:var(--color-tint-grass)}.novo-option.novo-fill-grass:not(.novo-option-inert):active{background:var(--color-shade-grass)}.novo-option.novo-accent-sunflower{border-left:4px solid var(--color-sunflower)}.novo-option.novo-fill-sunflower:not(.novo-option-inert){color:var(--color-contrast-sunflower);background-color:var(--color-sunflower)}.novo-option.novo-fill-sunflower:not(.novo-option-inert):hover,.novo-option.novo-fill-sunflower:not(.novo-option-inert):focus{background:var(--color-tint-sunflower)}.novo-option.novo-fill-sunflower:not(.novo-option-inert):active{background:var(--color-shade-sunflower)}.novo-option.novo-accent-bittersweet{border-left:4px solid var(--color-bittersweet)}.novo-option.novo-fill-bittersweet:not(.novo-option-inert){color:var(--color-contrast-bittersweet);background-color:var(--color-bittersweet)}.novo-option.novo-fill-bittersweet:not(.novo-option-inert):hover,.novo-option.novo-fill-bittersweet:not(.novo-option-inert):focus{background:var(--color-tint-bittersweet)}.novo-option.novo-fill-bittersweet:not(.novo-option-inert):active{background:var(--color-shade-bittersweet)}.novo-option.novo-accent-grapefruit{border-left:4px solid var(--color-grapefruit)}.novo-option.novo-fill-grapefruit:not(.novo-option-inert){color:var(--color-contrast-grapefruit);background-color:var(--color-grapefruit)}.novo-option.novo-fill-grapefruit:not(.novo-option-inert):hover,.novo-option.novo-fill-grapefruit:not(.novo-option-inert):focus{background:var(--color-tint-grapefruit)}.novo-option.novo-fill-grapefruit:not(.novo-option-inert):active{background:var(--color-shade-grapefruit)}.novo-option.novo-accent-carnation{border-left:4px solid var(--color-carnation)}.novo-option.novo-fill-carnation:not(.novo-option-inert){color:var(--color-contrast-carnation);background-color:var(--color-carnation)}.novo-option.novo-fill-carnation:not(.novo-option-inert):hover,.novo-option.novo-fill-carnation:not(.novo-option-inert):focus{background:var(--color-tint-carnation)}.novo-option.novo-fill-carnation:not(.novo-option-inert):active{background:var(--color-shade-carnation)}.novo-option.novo-accent-lavender{border-left:4px solid var(--color-lavender)}.novo-option.novo-fill-lavender:not(.novo-option-inert){color:var(--color-contrast-lavender);background-color:var(--color-lavender)}.novo-option.novo-fill-lavender:not(.novo-option-inert):hover,.novo-option.novo-fill-lavender:not(.novo-option-inert):focus{background:var(--color-tint-lavender)}.novo-option.novo-fill-lavender:not(.novo-option-inert):active{background:var(--color-shade-lavender)}.novo-option.novo-accent-mountain{border-left:4px solid var(--color-mountain)}.novo-option.novo-fill-mountain:not(.novo-option-inert){color:var(--color-contrast-mountain);background-color:var(--color-mountain)}.novo-option.novo-fill-mountain:not(.novo-option-inert):hover,.novo-option.novo-fill-mountain:not(.novo-option-inert):focus{background:var(--color-tint-mountain)}.novo-option.novo-fill-mountain:not(.novo-option-inert):active{background:var(--color-shade-mountain)}.novo-option.novo-accent-info{border-left:4px solid var(--color-info)}.novo-option.novo-fill-info:not(.novo-option-inert){color:var(--color-contrast-info);background-color:var(--color-info)}.novo-option.novo-fill-info:not(.novo-option-inert):hover,.novo-option.novo-fill-info:not(.novo-option-inert):focus{background:var(--color-tint-info)}.novo-option.novo-fill-info:not(.novo-option-inert):active{background:var(--color-shade-info)}.novo-option.novo-accent-positive{border-left:4px solid var(--color-positive)}.novo-option.novo-fill-positive:not(.novo-option-inert){color:var(--color-contrast-positive);background-color:var(--color-positive)}.novo-option.novo-fill-positive:not(.novo-option-inert):hover,.novo-option.novo-fill-positive:not(.novo-option-inert):focus{background:var(--color-tint-positive)}.novo-option.novo-fill-positive:not(.novo-option-inert):active{background:var(--color-shade-positive)}.novo-option.novo-accent-success{border-left:4px solid var(--color-success)}.novo-option.novo-fill-success:not(.novo-option-inert){color:var(--color-contrast-success);background-color:var(--color-success)}.novo-option.novo-fill-success:not(.novo-option-inert):hover,.novo-option.novo-fill-success:not(.novo-option-inert):focus{background:var(--color-tint-success)}.novo-option.novo-fill-success:not(.novo-option-inert):active{background:var(--color-shade-success)}.novo-option.novo-accent-negative{border-left:4px solid var(--color-negative)}.novo-option.novo-fill-negative:not(.novo-option-inert){color:var(--color-contrast-negative);background-color:var(--color-negative)}.novo-option.novo-fill-negative:not(.novo-option-inert):hover,.novo-option.novo-fill-negative:not(.novo-option-inert):focus{background:var(--color-tint-negative)}.novo-option.novo-fill-negative:not(.novo-option-inert):active{background:var(--color-shade-negative)}.novo-option.novo-accent-danger{border-left:4px solid var(--color-danger)}.novo-option.novo-fill-danger:not(.novo-option-inert){color:var(--color-contrast-danger);background-color:var(--color-danger)}.novo-option.novo-fill-danger:not(.novo-option-inert):hover,.novo-option.novo-fill-danger:not(.novo-option-inert):focus{background:var(--color-tint-danger)}.novo-option.novo-fill-danger:not(.novo-option-inert):active{background:var(--color-shade-danger)}.novo-option.novo-accent-error{border-left:4px solid var(--color-error)}.novo-option.novo-fill-error:not(.novo-option-inert){color:var(--color-contrast-error);background-color:var(--color-error)}.novo-option.novo-fill-error:not(.novo-option-inert):hover,.novo-option.novo-fill-error:not(.novo-option-inert):focus{background:var(--color-tint-error)}.novo-option.novo-fill-error:not(.novo-option-inert):active{background:var(--color-shade-error)}.novo-option.novo-accent-warning{border-left:4px solid var(--color-warning)}.novo-option.novo-fill-warning:not(.novo-option-inert){color:var(--color-contrast-warning);background-color:var(--color-warning)}.novo-option.novo-fill-warning:not(.novo-option-inert):hover,.novo-option.novo-fill-warning:not(.novo-option-inert):focus{background:var(--color-tint-warning)}.novo-option.novo-fill-warning:not(.novo-option-inert):active{background:var(--color-shade-warning)}.novo-option.novo-accent-empty{border-left:4px solid var(--color-empty)}.novo-option.novo-fill-empty:not(.novo-option-inert){color:var(--color-contrast-empty);background-color:var(--color-empty)}.novo-option.novo-fill-empty:not(.novo-option-inert):hover,.novo-option.novo-fill-empty:not(.novo-option-inert):focus{background:var(--color-tint-empty)}.novo-option.novo-fill-empty:not(.novo-option-inert):active{background:var(--color-shade-empty)}.novo-option.novo-accent-disabled{border-left:4px solid var(--color-disabled)}.novo-option.novo-fill-disabled:not(.novo-option-inert){color:var(--color-contrast-disabled);background-color:var(--color-disabled)}.novo-option.novo-fill-disabled:not(.novo-option-inert):hover,.novo-option.novo-fill-disabled:not(.novo-option-inert):focus{background:var(--color-tint-disabled)}.novo-option.novo-fill-disabled:not(.novo-option-inert):active{background:var(--color-shade-disabled)}.novo-option.novo-accent-background{border-left:4px solid var(--color-background)}.novo-option.novo-fill-background:not(.novo-option-inert){color:var(--color-contrast-background);background-color:var(--color-background)}.novo-option.novo-fill-background:not(.novo-option-inert):hover,.novo-option.novo-fill-background:not(.novo-option-inert):focus{background:var(--color-tint-background)}.novo-option.novo-fill-background:not(.novo-option-inert):active{background:var(--color-shade-background)}.novo-option.novo-accent-backgroundDark{border-left:4px solid var(--color-background-dark)}.novo-option.novo-fill-backgroundDark:not(.novo-option-inert){color:var(--color-contrast-background-dark);background-color:var(--color-background-dark)}.novo-option.novo-fill-backgroundDark:not(.novo-option-inert):hover,.novo-option.novo-fill-backgroundDark:not(.novo-option-inert):focus{background:var(--color-tint-background-dark)}.novo-option.novo-fill-backgroundDark:not(.novo-option-inert):active{background:var(--color-shade-background-dark)}.novo-option.novo-accent-border{border-left:4px solid var(--color-border)}.novo-option.novo-fill-border:not(.novo-option-inert){color:var(--color-contrast-border);background-color:var(--color-border)}.novo-option.novo-fill-border:not(.novo-option-inert):hover,.novo-option.novo-fill-border:not(.novo-option-inert):focus{background:var(--color-tint-border)}.novo-option.novo-fill-border:not(.novo-option-inert):active{background:var(--color-shade-border)}.novo-option.novo-accent-border2{border-left:4px solid var(--color-border2)}.novo-option.novo-fill-border2:not(.novo-option-inert){color:var(--color-contrast-border2);background-color:var(--color-border2)}.novo-option.novo-fill-border2:not(.novo-option-inert):hover,.novo-option.novo-fill-border2:not(.novo-option-inert):focus{background:var(--color-tint-border2)}.novo-option.novo-fill-border2:not(.novo-option-inert):active{background:var(--color-shade-border2)}.novo-option.novo-accent-text{border-left:4px solid var(--color-text)}.novo-option.novo-fill-text:not(.novo-option-inert){color:var(--color-contrast-text);background-color:var(--color-text)}.novo-option.novo-fill-text:not(.novo-option-inert):hover,.novo-option.novo-fill-text:not(.novo-option-inert):focus{background:var(--color-tint-text)}.novo-option.novo-fill-text:not(.novo-option-inert):active{background:var(--color-shade-text)}.novo-option.novo-accent-presentation{border-left:4px solid var(--color-presentation)}.novo-option.novo-fill-presentation:not(.novo-option-inert){color:var(--color-contrast-presentation);background-color:var(--color-presentation)}.novo-option.novo-fill-presentation:not(.novo-option-inert):hover,.novo-option.novo-fill-presentation:not(.novo-option-inert):focus{background:var(--color-tint-presentation)}.novo-option.novo-fill-presentation:not(.novo-option-inert):active{background:var(--color-shade-presentation)}.novo-option.novo-accent-bullhorn{border-left:4px solid var(--color-bullhorn)}.novo-option.novo-fill-bullhorn:not(.novo-option-inert){color:var(--color-contrast-bullhorn);background-color:var(--color-bullhorn)}.novo-option.novo-fill-bullhorn:not(.novo-option-inert):hover,.novo-option.novo-fill-bullhorn:not(.novo-option-inert):focus{background:var(--color-tint-bullhorn)}.novo-option.novo-fill-bullhorn:not(.novo-option-inert):active{background:var(--color-shade-bullhorn)}.novo-option.novo-accent-pulse{border-left:4px solid var(--color-pulse)}.novo-option.novo-fill-pulse:not(.novo-option-inert){color:var(--color-contrast-pulse);background-color:var(--color-pulse)}.novo-option.novo-fill-pulse:not(.novo-option-inert):hover,.novo-option.novo-fill-pulse:not(.novo-option-inert):focus{background:var(--color-tint-pulse)}.novo-option.novo-fill-pulse:not(.novo-option-inert):active{background:var(--color-shade-pulse)}.novo-option.novo-accent-fastFind{border-left:4px solid var(--color-fast-find)}.novo-option.novo-fill-fastFind:not(.novo-option-inert){color:var(--color-contrast-fast-find);background-color:var(--color-fast-find)}.novo-option.novo-fill-fastFind:not(.novo-option-inert):hover,.novo-option.novo-fill-fastFind:not(.novo-option-inert):focus{background:var(--color-tint-fast-find)}.novo-option.novo-fill-fastFind:not(.novo-option-inert):active{background:var(--color-shade-fast-find)}.novo-option.novo-accent-toast{border-left:4px solid var(--color-toast)}.novo-option.novo-fill-toast:not(.novo-option-inert){color:var(--color-contrast-toast);background-color:var(--color-toast)}.novo-option.novo-fill-toast:not(.novo-option-inert):hover,.novo-option.novo-fill-toast:not(.novo-option-inert):focus{background:var(--color-tint-toast)}.novo-option.novo-fill-toast:not(.novo-option-inert):active{background:var(--color-shade-toast)}.novo-option.novo-accent-company{border-left:4px solid var(--color-company)}.novo-option.novo-fill-company:not(.novo-option-inert){color:var(--color-contrast-company);background-color:var(--color-company)}.novo-option.novo-fill-company:not(.novo-option-inert):hover,.novo-option.novo-fill-company:not(.novo-option-inert):focus{background:var(--color-tint-company)}.novo-option.novo-fill-company:not(.novo-option-inert):active{background:var(--color-shade-company)}.novo-option.novo-accent-candidate{border-left:4px solid var(--color-candidate)}.novo-option.novo-fill-candidate:not(.novo-option-inert){color:var(--color-contrast-candidate);background-color:var(--color-candidate)}.novo-option.novo-fill-candidate:not(.novo-option-inert):hover,.novo-option.novo-fill-candidate:not(.novo-option-inert):focus{background:var(--color-tint-candidate)}.novo-option.novo-fill-candidate:not(.novo-option-inert):active{background:var(--color-shade-candidate)}.novo-option.novo-accent-lead{border-left:4px solid var(--color-lead)}.novo-option.novo-fill-lead:not(.novo-option-inert){color:var(--color-contrast-lead);background-color:var(--color-lead)}.novo-option.novo-fill-lead:not(.novo-option-inert):hover,.novo-option.novo-fill-lead:not(.novo-option-inert):focus{background:var(--color-tint-lead)}.novo-option.novo-fill-lead:not(.novo-option-inert):active{background:var(--color-shade-lead)}.novo-option.novo-accent-contact{border-left:4px solid var(--color-contact)}.novo-option.novo-fill-contact:not(.novo-option-inert){color:var(--color-contrast-contact);background-color:var(--color-contact)}.novo-option.novo-fill-contact:not(.novo-option-inert):hover,.novo-option.novo-fill-contact:not(.novo-option-inert):focus{background:var(--color-tint-contact)}.novo-option.novo-fill-contact:not(.novo-option-inert):active{background:var(--color-shade-contact)}.novo-option.novo-accent-clientcontact{border-left:4px solid var(--color-clientcontact)}.novo-option.novo-fill-clientcontact:not(.novo-option-inert){color:var(--color-contrast-clientcontact);background-color:var(--color-clientcontact)}.novo-option.novo-fill-clientcontact:not(.novo-option-inert):hover,.novo-option.novo-fill-clientcontact:not(.novo-option-inert):focus{background:var(--color-tint-clientcontact)}.novo-option.novo-fill-clientcontact:not(.novo-option-inert):active{background:var(--color-shade-clientcontact)}.novo-option.novo-accent-opportunity{border-left:4px solid var(--color-opportunity)}.novo-option.novo-fill-opportunity:not(.novo-option-inert){color:var(--color-contrast-opportunity);background-color:var(--color-opportunity)}.novo-option.novo-fill-opportunity:not(.novo-option-inert):hover,.novo-option.novo-fill-opportunity:not(.novo-option-inert):focus{background:var(--color-tint-opportunity)}.novo-option.novo-fill-opportunity:not(.novo-option-inert):active{background:var(--color-shade-opportunity)}.novo-option.novo-accent-job{border-left:4px solid var(--color-job)}.novo-option.novo-fill-job:not(.novo-option-inert){color:var(--color-contrast-job);background-color:var(--color-job)}.novo-option.novo-fill-job:not(.novo-option-inert):hover,.novo-option.novo-fill-job:not(.novo-option-inert):focus{background:var(--color-tint-job)}.novo-option.novo-fill-job:not(.novo-option-inert):active{background:var(--color-shade-job)}.novo-option.novo-accent-joborder{border-left:4px solid var(--color-joborder)}.novo-option.novo-fill-joborder:not(.novo-option-inert){color:var(--color-contrast-joborder);background-color:var(--color-joborder)}.novo-option.novo-fill-joborder:not(.novo-option-inert):hover,.novo-option.novo-fill-joborder:not(.novo-option-inert):focus{background:var(--color-tint-joborder)}.novo-option.novo-fill-joborder:not(.novo-option-inert):active{background:var(--color-shade-joborder)}.novo-option.novo-accent-submission{border-left:4px solid var(--color-submission)}.novo-option.novo-fill-submission:not(.novo-option-inert){color:var(--color-contrast-submission);background-color:var(--color-submission)}.novo-option.novo-fill-submission:not(.novo-option-inert):hover,.novo-option.novo-fill-submission:not(.novo-option-inert):focus{background:var(--color-tint-submission)}.novo-option.novo-fill-submission:not(.novo-option-inert):active{background:var(--color-shade-submission)}.novo-option.novo-accent-sendout{border-left:4px solid var(--color-sendout)}.novo-option.novo-fill-sendout:not(.novo-option-inert){color:var(--color-contrast-sendout);background-color:var(--color-sendout)}.novo-option.novo-fill-sendout:not(.novo-option-inert):hover,.novo-option.novo-fill-sendout:not(.novo-option-inert):focus{background:var(--color-tint-sendout)}.novo-option.novo-fill-sendout:not(.novo-option-inert):active{background:var(--color-shade-sendout)}.novo-option.novo-accent-placement{border-left:4px solid var(--color-placement)}.novo-option.novo-fill-placement:not(.novo-option-inert){color:var(--color-contrast-placement);background-color:var(--color-placement)}.novo-option.novo-fill-placement:not(.novo-option-inert):hover,.novo-option.novo-fill-placement:not(.novo-option-inert):focus{background:var(--color-tint-placement)}.novo-option.novo-fill-placement:not(.novo-option-inert):active{background:var(--color-shade-placement)}.novo-option.novo-accent-note{border-left:4px solid var(--color-note)}.novo-option.novo-fill-note:not(.novo-option-inert){color:var(--color-contrast-note);background-color:var(--color-note)}.novo-option.novo-fill-note:not(.novo-option-inert):hover,.novo-option.novo-fill-note:not(.novo-option-inert):focus{background:var(--color-tint-note)}.novo-option.novo-fill-note:not(.novo-option-inert):active{background:var(--color-shade-note)}.novo-option.novo-accent-contract{border-left:4px solid var(--color-contract)}.novo-option.novo-fill-contract:not(.novo-option-inert){color:var(--color-contrast-contract);background-color:var(--color-contract)}.novo-option.novo-fill-contract:not(.novo-option-inert):hover,.novo-option.novo-fill-contract:not(.novo-option-inert):focus{background:var(--color-tint-contract)}.novo-option.novo-fill-contract:not(.novo-option-inert):active{background:var(--color-shade-contract)}.novo-option.novo-accent-task{border-left:4px solid var(--color-task)}.novo-option.novo-fill-task:not(.novo-option-inert){color:var(--color-contrast-task);background-color:var(--color-task)}.novo-option.novo-fill-task:not(.novo-option-inert):hover,.novo-option.novo-fill-task:not(.novo-option-inert):focus{background:var(--color-tint-task)}.novo-option.novo-fill-task:not(.novo-option-inert):active{background:var(--color-shade-task)}.novo-option.novo-accent-jobCode{border-left:4px solid var(--color-job-code)}.novo-option.novo-fill-jobCode:not(.novo-option-inert){color:var(--color-contrast-job-code);background-color:var(--color-job-code)}.novo-option.novo-fill-jobCode:not(.novo-option-inert):hover,.novo-option.novo-fill-jobCode:not(.novo-option-inert):focus{background:var(--color-tint-job-code)}.novo-option.novo-fill-jobCode:not(.novo-option-inert):active{background:var(--color-shade-job-code)}.novo-option.novo-accent-earnCode{border-left:4px solid var(--color-earn-code)}.novo-option.novo-fill-earnCode:not(.novo-option-inert){color:var(--color-contrast-earn-code);background-color:var(--color-earn-code)}.novo-option.novo-fill-earnCode:not(.novo-option-inert):hover,.novo-option.novo-fill-earnCode:not(.novo-option-inert):focus{background:var(--color-tint-earn-code)}.novo-option.novo-fill-earnCode:not(.novo-option-inert):active{background:var(--color-shade-earn-code)}.novo-option.novo-accent-invoiceStatement{border-left:4px solid var(--color-invoice-statement)}.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert){color:var(--color-contrast-invoice-statement);background-color:var(--color-invoice-statement)}.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert):hover,.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert):focus{background:var(--color-tint-invoice-statement)}.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert):active{background:var(--color-shade-invoice-statement)}.novo-option.novo-accent-billableCharge{border-left:4px solid var(--color-billable-charge)}.novo-option.novo-fill-billableCharge:not(.novo-option-inert){color:var(--color-contrast-billable-charge);background-color:var(--color-billable-charge)}.novo-option.novo-fill-billableCharge:not(.novo-option-inert):hover,.novo-option.novo-fill-billableCharge:not(.novo-option-inert):focus{background:var(--color-tint-billable-charge)}.novo-option.novo-fill-billableCharge:not(.novo-option-inert):active{background:var(--color-shade-billable-charge)}.novo-option.novo-accent-payableCharge{border-left:4px solid var(--color-payable-charge)}.novo-option.novo-fill-payableCharge:not(.novo-option-inert){color:var(--color-contrast-payable-charge);background-color:var(--color-payable-charge)}.novo-option.novo-fill-payableCharge:not(.novo-option-inert):hover,.novo-option.novo-fill-payableCharge:not(.novo-option-inert):focus{background:var(--color-tint-payable-charge)}.novo-option.novo-fill-payableCharge:not(.novo-option-inert):active{background:var(--color-shade-payable-charge)}.novo-option.novo-accent-user{border-left:4px solid var(--color-user)}.novo-option.novo-fill-user:not(.novo-option-inert){color:var(--color-contrast-user);background-color:var(--color-user)}.novo-option.novo-fill-user:not(.novo-option-inert):hover,.novo-option.novo-fill-user:not(.novo-option-inert):focus{background:var(--color-tint-user)}.novo-option.novo-fill-user:not(.novo-option-inert):active{background:var(--color-shade-user)}.novo-option.novo-accent-corporateUser{border-left:4px solid var(--color-corporate-user)}.novo-option.novo-fill-corporateUser:not(.novo-option-inert){color:var(--color-contrast-corporate-user);background-color:var(--color-corporate-user)}.novo-option.novo-fill-corporateUser:not(.novo-option-inert):hover,.novo-option.novo-fill-corporateUser:not(.novo-option-inert):focus{background:var(--color-tint-corporate-user)}.novo-option.novo-fill-corporateUser:not(.novo-option-inert):active{background:var(--color-shade-corporate-user)}.novo-option.novo-accent-distributionList{border-left:4px solid var(--color-distribution-list)}.novo-option.novo-fill-distributionList:not(.novo-option-inert){color:var(--color-contrast-distribution-list);background-color:var(--color-distribution-list)}.novo-option.novo-fill-distributionList:not(.novo-option-inert):hover,.novo-option.novo-fill-distributionList:not(.novo-option-inert):focus{background:var(--color-tint-distribution-list)}.novo-option.novo-fill-distributionList:not(.novo-option-inert):active{background:var(--color-shade-distribution-list)}.novo-option.novo-accent-credential{border-left:4px solid var(--color-credential)}.novo-option.novo-fill-credential:not(.novo-option-inert){color:var(--color-contrast-credential);background-color:var(--color-credential)}.novo-option.novo-fill-credential:not(.novo-option-inert):hover,.novo-option.novo-fill-credential:not(.novo-option-inert):focus{background:var(--color-tint-credential)}.novo-option.novo-fill-credential:not(.novo-option-inert):active{background:var(--color-shade-credential)}.novo-option.novo-accent-person{border-left:4px solid var(--color-person)}.novo-option.novo-fill-person:not(.novo-option-inert){color:var(--color-contrast-person);background-color:var(--color-person)}.novo-option.novo-fill-person:not(.novo-option-inert):hover,.novo-option.novo-fill-person:not(.novo-option-inert):focus{background:var(--color-tint-person)}.novo-option.novo-fill-person:not(.novo-option-inert):active{background:var(--color-shade-person)}.novo-option-text{display:inline-block;display:inline-flex;flex-direction:row;align-items:center;flex-grow:1;overflow:hidden;text-overflow:ellipsis;gap:1rem}.novo-option-pseudo-checkbox{margin-inline-end:calc(var(--menu-side-padding) / 2)}\n"] }]
1130
+ }, inputs: ['selected', 'keepOpen', 'novoInert', 'value', 'disabled'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<novo-pseudo-checkbox *ngIf=\"selectable && multiple\" class=\"novo-option-pseudo-checkbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\" [disabled]=\"disabled\"></novo-pseudo-checkbox>\n\n<span class=\"novo-option-text\">\n <ng-content></ng-content>\n</span>\n\n<novo-pseudo-checkbox *ngIf=\"selectable && !multiple && selected\" class=\"novo-option-pseudo-checkbox\" state=\"checked\"\n shape=\"line\"\n [disabled]=\"disabled\"></novo-pseudo-checkbox>\n\n<ng-content select=\"[novoSuffix]\"></ng-content>\n<!-- See a11y notes inside optgroup.ts for context behind this element. -->\n<span class=\"cdk-visually-hidden\" *ngIf=\"group && group._novoInert\">({{ group.label }})</span>", styles: [":root{--menu-side-padding: var(--spacing-sm)}.novo-option{display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;position:relative;cursor:pointer;outline:none;display:flex;flex-direction:row;max-width:100%;box-sizing:border-box;align-items:center;margin:0;padding:1rem 1rem 1rem 1.6rem;gap:1rem;flex:1;-webkit-tap-highlight-color:transparent}.novo-option.text-capitalize{text-transform:capitalize}.novo-option.text-uppercase{text-transform:uppercase}.novo-option.text-nowrap{white-space:nowrap}.novo-option.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novo-option.text-size-default{font-size:inherit}.novo-option.text-size-body{font-size:var(--font-size-body)}.novo-option.text-size-xs{font-size:var(--font-size-xs)}.novo-option.text-size-sm{font-size:var(--font-size-sm)}.novo-option.text-size-md{font-size:var(--font-size-md)}.novo-option.text-size-lg{font-size:var(--font-size-lg)}.novo-option.text-size-xl{font-size:var(--font-size-xl)}.novo-option.text-size-2xl{font-size:var(--font-size-2xl)}.novo-option.text-size-3xl{font-size:var(--font-size-3xl)}.novo-option.text-size-smaller{font-size:.8em}.novo-option.text-size-larger{font-size:1.2em}.novo-option.text-color-black{color:var(--color-black)}.novo-option.text-color-white{color:var(--color-white)}.novo-option.text-color-gray{color:var(--color-gray)}.novo-option.text-color-grey{color:var(--color-grey)}.novo-option.text-color-offWhite{color:var(--color-off-white)}.novo-option.text-color-bright{color:var(--color-bright)}.novo-option.text-color-light{color:var(--color-light)}.novo-option.text-color-neutral{color:var(--color-neutral)}.novo-option.text-color-dark{color:var(--color-dark)}.novo-option.text-color-orange{color:var(--color-orange)}.novo-option.text-color-navigation{color:var(--color-navigation)}.novo-option.text-color-skyBlue{color:var(--color-sky-blue)}.novo-option.text-color-steel{color:var(--color-steel)}.novo-option.text-color-metal{color:var(--color-metal)}.novo-option.text-color-sand{color:var(--color-sand)}.novo-option.text-color-silver{color:var(--color-silver)}.novo-option.text-color-stone{color:var(--color-stone)}.novo-option.text-color-ash{color:var(--color-ash)}.novo-option.text-color-anonymous{color:var(--color-anonymous)}.novo-option.text-color-slate{color:var(--color-slate)}.novo-option.text-color-onyx{color:var(--color-onyx)}.novo-option.text-color-charcoal{color:var(--color-charcoal)}.novo-option.text-color-moonlight{color:var(--color-moonlight)}.novo-option.text-color-midnight{color:var(--color-midnight)}.novo-option.text-color-darkness{color:var(--color-darkness)}.novo-option.text-color-navy{color:var(--color-navy)}.novo-option.text-color-aqua{color:var(--color-aqua)}.novo-option.text-color-ocean{color:var(--color-ocean)}.novo-option.text-color-mint{color:var(--color-mint)}.novo-option.text-color-grass{color:var(--color-grass)}.novo-option.text-color-sunflower{color:var(--color-sunflower)}.novo-option.text-color-bittersweet{color:var(--color-bittersweet)}.novo-option.text-color-grapefruit{color:var(--color-grapefruit)}.novo-option.text-color-carnation{color:var(--color-carnation)}.novo-option.text-color-lavender{color:var(--color-lavender)}.novo-option.text-color-mountain{color:var(--color-mountain)}.novo-option.text-color-info{color:var(--color-info)}.novo-option.text-color-positive{color:var(--color-positive)}.novo-option.text-color-success{color:var(--color-success)}.novo-option.text-color-negative{color:var(--color-negative)}.novo-option.text-color-danger{color:var(--color-danger)}.novo-option.text-color-error{color:var(--color-error)}.novo-option.text-color-warning{color:var(--color-warning)}.novo-option.text-color-empty{color:var(--color-empty)}.novo-option.text-color-disabled{color:var(--color-disabled)}.novo-option.text-color-background{color:var(--color-background)}.novo-option.text-color-backgroundDark{color:var(--color-background-dark)}.novo-option.text-color-border{color:var(--color-border)}.novo-option.text-color-border2{color:var(--color-border2)}.novo-option.text-color-text{color:var(--color-text)}.novo-option.text-color-presentation{color:var(--color-presentation)}.novo-option.text-color-bullhorn{color:var(--color-bullhorn)}.novo-option.text-color-pulse{color:var(--color-pulse)}.novo-option.text-color-fastFind{color:var(--color-fast-find)}.novo-option.text-color-toast{color:var(--color-toast)}.novo-option.text-color-company{color:var(--color-company)}.novo-option.text-color-candidate{color:var(--color-candidate)}.novo-option.text-color-lead{color:var(--color-lead)}.novo-option.text-color-contact{color:var(--color-contact)}.novo-option.text-color-clientcontact{color:var(--color-clientcontact)}.novo-option.text-color-opportunity{color:var(--color-opportunity)}.novo-option.text-color-job{color:var(--color-job)}.novo-option.text-color-joborder{color:var(--color-joborder)}.novo-option.text-color-submission{color:var(--color-submission)}.novo-option.text-color-sendout{color:var(--color-sendout)}.novo-option.text-color-placement{color:var(--color-placement)}.novo-option.text-color-note{color:var(--color-note)}.novo-option.text-color-contract{color:var(--color-contract)}.novo-option.text-color-task{color:var(--color-task)}.novo-option.text-color-jobCode{color:var(--color-job-code)}.novo-option.text-color-earnCode{color:var(--color-earn-code)}.novo-option.text-color-invoiceStatement{color:var(--color-invoice-statement)}.novo-option.text-color-billableCharge{color:var(--color-billable-charge)}.novo-option.text-color-payableCharge{color:var(--color-payable-charge)}.novo-option.text-color-user{color:var(--color-user)}.novo-option.text-color-corporateUser{color:var(--color-corporate-user)}.novo-option.text-color-distributionList{color:var(--color-distribution-list)}.novo-option.text-color-credential{color:var(--color-credential)}.novo-option.text-color-person{color:var(--color-person)}.novo-option.margin-before{margin-top:.4rem}.novo-option.margin-after{margin-bottom:.8rem}.novo-option.text-length-small{max-width:40ch}.novo-option.text-length-medium{max-width:55ch}.novo-option.text-length-large{max-width:70ch}.novo-option.text-weight-hairline{font-weight:var(--font-weight-hairline)}.novo-option.text-weight-thin{font-weight:var(--font-weight-thin)}.novo-option.text-weight-light{font-weight:var(--font-weight-light)}.novo-option.text-weight-normal{font-weight:var(--font-weight-normal)}.novo-option.text-weight-medium{font-weight:var(--font-weight-medium)}.novo-option.text-weight-semibold{font-weight:var(--font-weight-semibold)}.novo-option.text-weight-bold{font-weight:var(--font-weight-bold)}.novo-option.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}.novo-option.text-weight-heavy{font-weight:var(--font-weight-heavy)}.novo-option.text-weight-lighter{font-weight:lighter}.novo-option.text-weight-bolder{font-weight:bolder}.novo-option:hover:not(.novo-option-inert){background:var(--background-main, rgb(from var(--color-positive) r g b/.1))}.novo-option:active:not(.novo-option-inert),.novo-option.novo-active:not(.novo-option-inert){background:rgb(from var(--color-positive) r g b/.3)}.novo-option.novo-selected,.novo-option .add-icon{color:var(--color-positive)}.novo-option.disabled,.novo-option[aria-disabled=true]{cursor:not-allowed;color:var(--color-disabled)}.novo-option.disabled:hover,.novo-option[aria-disabled=true]:hover{background:rgba(var(--color-negative),10%)}.novo-optgroup .novo-option:not(.novo-option-multiple){padding-left:calc(var(--menu-side-padding) * 2)}[dir=rtl] .novo-optgroup .novo-option:not(.novo-option-multiple){padding-left:var(--menu-side-padding);padding-right:calc(var(--menu-side-padding) * 2)}.novo-option.novo-accent-border-default{border-left:4px solid}.novo-option.novo-accent-black{border-left:4px solid var(--color-black)}.novo-option.novo-fill-black:not(.novo-option-inert){color:var(--color-contrast-black);background-color:var(--color-black)}.novo-option.novo-fill-black:not(.novo-option-inert):hover,.novo-option.novo-fill-black:not(.novo-option-inert):focus{background:var(--color-tint-black)}.novo-option.novo-fill-black:not(.novo-option-inert):active{background:var(--color-shade-black)}.novo-option.novo-accent-white{border-left:4px solid var(--color-white)}.novo-option.novo-fill-white:not(.novo-option-inert){color:var(--color-contrast-white);background-color:var(--color-white)}.novo-option.novo-fill-white:not(.novo-option-inert):hover,.novo-option.novo-fill-white:not(.novo-option-inert):focus{background:var(--color-tint-white)}.novo-option.novo-fill-white:not(.novo-option-inert):active{background:var(--color-shade-white)}.novo-option.novo-accent-gray{border-left:4px solid var(--color-gray)}.novo-option.novo-fill-gray:not(.novo-option-inert){color:var(--color-contrast-gray);background-color:var(--color-gray)}.novo-option.novo-fill-gray:not(.novo-option-inert):hover,.novo-option.novo-fill-gray:not(.novo-option-inert):focus{background:var(--color-tint-gray)}.novo-option.novo-fill-gray:not(.novo-option-inert):active{background:var(--color-shade-gray)}.novo-option.novo-accent-grey{border-left:4px solid var(--color-grey)}.novo-option.novo-fill-grey:not(.novo-option-inert){color:var(--color-contrast-grey);background-color:var(--color-grey)}.novo-option.novo-fill-grey:not(.novo-option-inert):hover,.novo-option.novo-fill-grey:not(.novo-option-inert):focus{background:var(--color-tint-grey)}.novo-option.novo-fill-grey:not(.novo-option-inert):active{background:var(--color-shade-grey)}.novo-option.novo-accent-offWhite{border-left:4px solid var(--color-off-white)}.novo-option.novo-fill-offWhite:not(.novo-option-inert){color:var(--color-contrast-off-white);background-color:var(--color-off-white)}.novo-option.novo-fill-offWhite:not(.novo-option-inert):hover,.novo-option.novo-fill-offWhite:not(.novo-option-inert):focus{background:var(--color-tint-off-white)}.novo-option.novo-fill-offWhite:not(.novo-option-inert):active{background:var(--color-shade-off-white)}.novo-option.novo-accent-bright{border-left:4px solid var(--color-bright)}.novo-option.novo-fill-bright:not(.novo-option-inert){color:var(--color-contrast-bright);background-color:var(--color-bright)}.novo-option.novo-fill-bright:not(.novo-option-inert):hover,.novo-option.novo-fill-bright:not(.novo-option-inert):focus{background:var(--color-tint-bright)}.novo-option.novo-fill-bright:not(.novo-option-inert):active{background:var(--color-shade-bright)}.novo-option.novo-accent-light{border-left:4px solid var(--color-light)}.novo-option.novo-fill-light:not(.novo-option-inert){color:var(--color-contrast-light);background-color:var(--color-light)}.novo-option.novo-fill-light:not(.novo-option-inert):hover,.novo-option.novo-fill-light:not(.novo-option-inert):focus{background:var(--color-tint-light)}.novo-option.novo-fill-light:not(.novo-option-inert):active{background:var(--color-shade-light)}.novo-option.novo-accent-neutral{border-left:4px solid var(--color-neutral)}.novo-option.novo-fill-neutral:not(.novo-option-inert){color:var(--color-contrast-neutral);background-color:var(--color-neutral)}.novo-option.novo-fill-neutral:not(.novo-option-inert):hover,.novo-option.novo-fill-neutral:not(.novo-option-inert):focus{background:var(--color-tint-neutral)}.novo-option.novo-fill-neutral:not(.novo-option-inert):active{background:var(--color-shade-neutral)}.novo-option.novo-accent-dark{border-left:4px solid var(--color-dark)}.novo-option.novo-fill-dark:not(.novo-option-inert){color:var(--color-contrast-dark);background-color:var(--color-dark)}.novo-option.novo-fill-dark:not(.novo-option-inert):hover,.novo-option.novo-fill-dark:not(.novo-option-inert):focus{background:var(--color-tint-dark)}.novo-option.novo-fill-dark:not(.novo-option-inert):active{background:var(--color-shade-dark)}.novo-option.novo-accent-orange{border-left:4px solid var(--color-orange)}.novo-option.novo-fill-orange:not(.novo-option-inert){color:var(--color-contrast-orange);background-color:var(--color-orange)}.novo-option.novo-fill-orange:not(.novo-option-inert):hover,.novo-option.novo-fill-orange:not(.novo-option-inert):focus{background:var(--color-tint-orange)}.novo-option.novo-fill-orange:not(.novo-option-inert):active{background:var(--color-shade-orange)}.novo-option.novo-accent-navigation{border-left:4px solid var(--color-navigation)}.novo-option.novo-fill-navigation:not(.novo-option-inert){color:var(--color-contrast-navigation);background-color:var(--color-navigation)}.novo-option.novo-fill-navigation:not(.novo-option-inert):hover,.novo-option.novo-fill-navigation:not(.novo-option-inert):focus{background:var(--color-tint-navigation)}.novo-option.novo-fill-navigation:not(.novo-option-inert):active{background:var(--color-shade-navigation)}.novo-option.novo-accent-skyBlue{border-left:4px solid var(--color-sky-blue)}.novo-option.novo-fill-skyBlue:not(.novo-option-inert){color:var(--color-contrast-sky-blue);background-color:var(--color-sky-blue)}.novo-option.novo-fill-skyBlue:not(.novo-option-inert):hover,.novo-option.novo-fill-skyBlue:not(.novo-option-inert):focus{background:var(--color-tint-sky-blue)}.novo-option.novo-fill-skyBlue:not(.novo-option-inert):active{background:var(--color-shade-sky-blue)}.novo-option.novo-accent-steel{border-left:4px solid var(--color-steel)}.novo-option.novo-fill-steel:not(.novo-option-inert){color:var(--color-contrast-steel);background-color:var(--color-steel)}.novo-option.novo-fill-steel:not(.novo-option-inert):hover,.novo-option.novo-fill-steel:not(.novo-option-inert):focus{background:var(--color-tint-steel)}.novo-option.novo-fill-steel:not(.novo-option-inert):active{background:var(--color-shade-steel)}.novo-option.novo-accent-metal{border-left:4px solid var(--color-metal)}.novo-option.novo-fill-metal:not(.novo-option-inert){color:var(--color-contrast-metal);background-color:var(--color-metal)}.novo-option.novo-fill-metal:not(.novo-option-inert):hover,.novo-option.novo-fill-metal:not(.novo-option-inert):focus{background:var(--color-tint-metal)}.novo-option.novo-fill-metal:not(.novo-option-inert):active{background:var(--color-shade-metal)}.novo-option.novo-accent-sand{border-left:4px solid var(--color-sand)}.novo-option.novo-fill-sand:not(.novo-option-inert){color:var(--color-contrast-sand);background-color:var(--color-sand)}.novo-option.novo-fill-sand:not(.novo-option-inert):hover,.novo-option.novo-fill-sand:not(.novo-option-inert):focus{background:var(--color-tint-sand)}.novo-option.novo-fill-sand:not(.novo-option-inert):active{background:var(--color-shade-sand)}.novo-option.novo-accent-silver{border-left:4px solid var(--color-silver)}.novo-option.novo-fill-silver:not(.novo-option-inert){color:var(--color-contrast-silver);background-color:var(--color-silver)}.novo-option.novo-fill-silver:not(.novo-option-inert):hover,.novo-option.novo-fill-silver:not(.novo-option-inert):focus{background:var(--color-tint-silver)}.novo-option.novo-fill-silver:not(.novo-option-inert):active{background:var(--color-shade-silver)}.novo-option.novo-accent-stone{border-left:4px solid var(--color-stone)}.novo-option.novo-fill-stone:not(.novo-option-inert){color:var(--color-contrast-stone);background-color:var(--color-stone)}.novo-option.novo-fill-stone:not(.novo-option-inert):hover,.novo-option.novo-fill-stone:not(.novo-option-inert):focus{background:var(--color-tint-stone)}.novo-option.novo-fill-stone:not(.novo-option-inert):active{background:var(--color-shade-stone)}.novo-option.novo-accent-ash{border-left:4px solid var(--color-ash)}.novo-option.novo-fill-ash:not(.novo-option-inert){color:var(--color-contrast-ash);background-color:var(--color-ash)}.novo-option.novo-fill-ash:not(.novo-option-inert):hover,.novo-option.novo-fill-ash:not(.novo-option-inert):focus{background:var(--color-tint-ash)}.novo-option.novo-fill-ash:not(.novo-option-inert):active{background:var(--color-shade-ash)}.novo-option.novo-accent-anonymous{border-left:4px solid var(--color-anonymous)}.novo-option.novo-fill-anonymous:not(.novo-option-inert){color:var(--color-contrast-anonymous);background-color:var(--color-anonymous)}.novo-option.novo-fill-anonymous:not(.novo-option-inert):hover,.novo-option.novo-fill-anonymous:not(.novo-option-inert):focus{background:var(--color-tint-anonymous)}.novo-option.novo-fill-anonymous:not(.novo-option-inert):active{background:var(--color-shade-anonymous)}.novo-option.novo-accent-slate{border-left:4px solid var(--color-slate)}.novo-option.novo-fill-slate:not(.novo-option-inert){color:var(--color-contrast-slate);background-color:var(--color-slate)}.novo-option.novo-fill-slate:not(.novo-option-inert):hover,.novo-option.novo-fill-slate:not(.novo-option-inert):focus{background:var(--color-tint-slate)}.novo-option.novo-fill-slate:not(.novo-option-inert):active{background:var(--color-shade-slate)}.novo-option.novo-accent-onyx{border-left:4px solid var(--color-onyx)}.novo-option.novo-fill-onyx:not(.novo-option-inert){color:var(--color-contrast-onyx);background-color:var(--color-onyx)}.novo-option.novo-fill-onyx:not(.novo-option-inert):hover,.novo-option.novo-fill-onyx:not(.novo-option-inert):focus{background:var(--color-tint-onyx)}.novo-option.novo-fill-onyx:not(.novo-option-inert):active{background:var(--color-shade-onyx)}.novo-option.novo-accent-charcoal{border-left:4px solid var(--color-charcoal)}.novo-option.novo-fill-charcoal:not(.novo-option-inert){color:var(--color-contrast-charcoal);background-color:var(--color-charcoal)}.novo-option.novo-fill-charcoal:not(.novo-option-inert):hover,.novo-option.novo-fill-charcoal:not(.novo-option-inert):focus{background:var(--color-tint-charcoal)}.novo-option.novo-fill-charcoal:not(.novo-option-inert):active{background:var(--color-shade-charcoal)}.novo-option.novo-accent-moonlight{border-left:4px solid var(--color-moonlight)}.novo-option.novo-fill-moonlight:not(.novo-option-inert){color:var(--color-contrast-moonlight);background-color:var(--color-moonlight)}.novo-option.novo-fill-moonlight:not(.novo-option-inert):hover,.novo-option.novo-fill-moonlight:not(.novo-option-inert):focus{background:var(--color-tint-moonlight)}.novo-option.novo-fill-moonlight:not(.novo-option-inert):active{background:var(--color-shade-moonlight)}.novo-option.novo-accent-midnight{border-left:4px solid var(--color-midnight)}.novo-option.novo-fill-midnight:not(.novo-option-inert){color:var(--color-contrast-midnight);background-color:var(--color-midnight)}.novo-option.novo-fill-midnight:not(.novo-option-inert):hover,.novo-option.novo-fill-midnight:not(.novo-option-inert):focus{background:var(--color-tint-midnight)}.novo-option.novo-fill-midnight:not(.novo-option-inert):active{background:var(--color-shade-midnight)}.novo-option.novo-accent-darkness{border-left:4px solid var(--color-darkness)}.novo-option.novo-fill-darkness:not(.novo-option-inert){color:var(--color-contrast-darkness);background-color:var(--color-darkness)}.novo-option.novo-fill-darkness:not(.novo-option-inert):hover,.novo-option.novo-fill-darkness:not(.novo-option-inert):focus{background:var(--color-tint-darkness)}.novo-option.novo-fill-darkness:not(.novo-option-inert):active{background:var(--color-shade-darkness)}.novo-option.novo-accent-navy{border-left:4px solid var(--color-navy)}.novo-option.novo-fill-navy:not(.novo-option-inert){color:var(--color-contrast-navy);background-color:var(--color-navy)}.novo-option.novo-fill-navy:not(.novo-option-inert):hover,.novo-option.novo-fill-navy:not(.novo-option-inert):focus{background:var(--color-tint-navy)}.novo-option.novo-fill-navy:not(.novo-option-inert):active{background:var(--color-shade-navy)}.novo-option.novo-accent-aqua{border-left:4px solid var(--color-aqua)}.novo-option.novo-fill-aqua:not(.novo-option-inert){color:var(--color-contrast-aqua);background-color:var(--color-aqua)}.novo-option.novo-fill-aqua:not(.novo-option-inert):hover,.novo-option.novo-fill-aqua:not(.novo-option-inert):focus{background:var(--color-tint-aqua)}.novo-option.novo-fill-aqua:not(.novo-option-inert):active{background:var(--color-shade-aqua)}.novo-option.novo-accent-ocean{border-left:4px solid var(--color-ocean)}.novo-option.novo-fill-ocean:not(.novo-option-inert){color:var(--color-contrast-ocean);background-color:var(--color-ocean)}.novo-option.novo-fill-ocean:not(.novo-option-inert):hover,.novo-option.novo-fill-ocean:not(.novo-option-inert):focus{background:var(--color-tint-ocean)}.novo-option.novo-fill-ocean:not(.novo-option-inert):active{background:var(--color-shade-ocean)}.novo-option.novo-accent-mint{border-left:4px solid var(--color-mint)}.novo-option.novo-fill-mint:not(.novo-option-inert){color:var(--color-contrast-mint);background-color:var(--color-mint)}.novo-option.novo-fill-mint:not(.novo-option-inert):hover,.novo-option.novo-fill-mint:not(.novo-option-inert):focus{background:var(--color-tint-mint)}.novo-option.novo-fill-mint:not(.novo-option-inert):active{background:var(--color-shade-mint)}.novo-option.novo-accent-grass{border-left:4px solid var(--color-grass)}.novo-option.novo-fill-grass:not(.novo-option-inert){color:var(--color-contrast-grass);background-color:var(--color-grass)}.novo-option.novo-fill-grass:not(.novo-option-inert):hover,.novo-option.novo-fill-grass:not(.novo-option-inert):focus{background:var(--color-tint-grass)}.novo-option.novo-fill-grass:not(.novo-option-inert):active{background:var(--color-shade-grass)}.novo-option.novo-accent-sunflower{border-left:4px solid var(--color-sunflower)}.novo-option.novo-fill-sunflower:not(.novo-option-inert){color:var(--color-contrast-sunflower);background-color:var(--color-sunflower)}.novo-option.novo-fill-sunflower:not(.novo-option-inert):hover,.novo-option.novo-fill-sunflower:not(.novo-option-inert):focus{background:var(--color-tint-sunflower)}.novo-option.novo-fill-sunflower:not(.novo-option-inert):active{background:var(--color-shade-sunflower)}.novo-option.novo-accent-bittersweet{border-left:4px solid var(--color-bittersweet)}.novo-option.novo-fill-bittersweet:not(.novo-option-inert){color:var(--color-contrast-bittersweet);background-color:var(--color-bittersweet)}.novo-option.novo-fill-bittersweet:not(.novo-option-inert):hover,.novo-option.novo-fill-bittersweet:not(.novo-option-inert):focus{background:var(--color-tint-bittersweet)}.novo-option.novo-fill-bittersweet:not(.novo-option-inert):active{background:var(--color-shade-bittersweet)}.novo-option.novo-accent-grapefruit{border-left:4px solid var(--color-grapefruit)}.novo-option.novo-fill-grapefruit:not(.novo-option-inert){color:var(--color-contrast-grapefruit);background-color:var(--color-grapefruit)}.novo-option.novo-fill-grapefruit:not(.novo-option-inert):hover,.novo-option.novo-fill-grapefruit:not(.novo-option-inert):focus{background:var(--color-tint-grapefruit)}.novo-option.novo-fill-grapefruit:not(.novo-option-inert):active{background:var(--color-shade-grapefruit)}.novo-option.novo-accent-carnation{border-left:4px solid var(--color-carnation)}.novo-option.novo-fill-carnation:not(.novo-option-inert){color:var(--color-contrast-carnation);background-color:var(--color-carnation)}.novo-option.novo-fill-carnation:not(.novo-option-inert):hover,.novo-option.novo-fill-carnation:not(.novo-option-inert):focus{background:var(--color-tint-carnation)}.novo-option.novo-fill-carnation:not(.novo-option-inert):active{background:var(--color-shade-carnation)}.novo-option.novo-accent-lavender{border-left:4px solid var(--color-lavender)}.novo-option.novo-fill-lavender:not(.novo-option-inert){color:var(--color-contrast-lavender);background-color:var(--color-lavender)}.novo-option.novo-fill-lavender:not(.novo-option-inert):hover,.novo-option.novo-fill-lavender:not(.novo-option-inert):focus{background:var(--color-tint-lavender)}.novo-option.novo-fill-lavender:not(.novo-option-inert):active{background:var(--color-shade-lavender)}.novo-option.novo-accent-mountain{border-left:4px solid var(--color-mountain)}.novo-option.novo-fill-mountain:not(.novo-option-inert){color:var(--color-contrast-mountain);background-color:var(--color-mountain)}.novo-option.novo-fill-mountain:not(.novo-option-inert):hover,.novo-option.novo-fill-mountain:not(.novo-option-inert):focus{background:var(--color-tint-mountain)}.novo-option.novo-fill-mountain:not(.novo-option-inert):active{background:var(--color-shade-mountain)}.novo-option.novo-accent-info{border-left:4px solid var(--color-info)}.novo-option.novo-fill-info:not(.novo-option-inert){color:var(--color-contrast-info);background-color:var(--color-info)}.novo-option.novo-fill-info:not(.novo-option-inert):hover,.novo-option.novo-fill-info:not(.novo-option-inert):focus{background:var(--color-tint-info)}.novo-option.novo-fill-info:not(.novo-option-inert):active{background:var(--color-shade-info)}.novo-option.novo-accent-positive{border-left:4px solid var(--color-positive)}.novo-option.novo-fill-positive:not(.novo-option-inert){color:var(--color-contrast-positive);background-color:var(--color-positive)}.novo-option.novo-fill-positive:not(.novo-option-inert):hover,.novo-option.novo-fill-positive:not(.novo-option-inert):focus{background:var(--color-tint-positive)}.novo-option.novo-fill-positive:not(.novo-option-inert):active{background:var(--color-shade-positive)}.novo-option.novo-accent-success{border-left:4px solid var(--color-success)}.novo-option.novo-fill-success:not(.novo-option-inert){color:var(--color-contrast-success);background-color:var(--color-success)}.novo-option.novo-fill-success:not(.novo-option-inert):hover,.novo-option.novo-fill-success:not(.novo-option-inert):focus{background:var(--color-tint-success)}.novo-option.novo-fill-success:not(.novo-option-inert):active{background:var(--color-shade-success)}.novo-option.novo-accent-negative{border-left:4px solid var(--color-negative)}.novo-option.novo-fill-negative:not(.novo-option-inert){color:var(--color-contrast-negative);background-color:var(--color-negative)}.novo-option.novo-fill-negative:not(.novo-option-inert):hover,.novo-option.novo-fill-negative:not(.novo-option-inert):focus{background:var(--color-tint-negative)}.novo-option.novo-fill-negative:not(.novo-option-inert):active{background:var(--color-shade-negative)}.novo-option.novo-accent-danger{border-left:4px solid var(--color-danger)}.novo-option.novo-fill-danger:not(.novo-option-inert){color:var(--color-contrast-danger);background-color:var(--color-danger)}.novo-option.novo-fill-danger:not(.novo-option-inert):hover,.novo-option.novo-fill-danger:not(.novo-option-inert):focus{background:var(--color-tint-danger)}.novo-option.novo-fill-danger:not(.novo-option-inert):active{background:var(--color-shade-danger)}.novo-option.novo-accent-error{border-left:4px solid var(--color-error)}.novo-option.novo-fill-error:not(.novo-option-inert){color:var(--color-contrast-error);background-color:var(--color-error)}.novo-option.novo-fill-error:not(.novo-option-inert):hover,.novo-option.novo-fill-error:not(.novo-option-inert):focus{background:var(--color-tint-error)}.novo-option.novo-fill-error:not(.novo-option-inert):active{background:var(--color-shade-error)}.novo-option.novo-accent-warning{border-left:4px solid var(--color-warning)}.novo-option.novo-fill-warning:not(.novo-option-inert){color:var(--color-contrast-warning);background-color:var(--color-warning)}.novo-option.novo-fill-warning:not(.novo-option-inert):hover,.novo-option.novo-fill-warning:not(.novo-option-inert):focus{background:var(--color-tint-warning)}.novo-option.novo-fill-warning:not(.novo-option-inert):active{background:var(--color-shade-warning)}.novo-option.novo-accent-empty{border-left:4px solid var(--color-empty)}.novo-option.novo-fill-empty:not(.novo-option-inert){color:var(--color-contrast-empty);background-color:var(--color-empty)}.novo-option.novo-fill-empty:not(.novo-option-inert):hover,.novo-option.novo-fill-empty:not(.novo-option-inert):focus{background:var(--color-tint-empty)}.novo-option.novo-fill-empty:not(.novo-option-inert):active{background:var(--color-shade-empty)}.novo-option.novo-accent-disabled{border-left:4px solid var(--color-disabled)}.novo-option.novo-fill-disabled:not(.novo-option-inert){color:var(--color-contrast-disabled);background-color:var(--color-disabled)}.novo-option.novo-fill-disabled:not(.novo-option-inert):hover,.novo-option.novo-fill-disabled:not(.novo-option-inert):focus{background:var(--color-tint-disabled)}.novo-option.novo-fill-disabled:not(.novo-option-inert):active{background:var(--color-shade-disabled)}.novo-option.novo-accent-background{border-left:4px solid var(--color-background)}.novo-option.novo-fill-background:not(.novo-option-inert){color:var(--color-contrast-background);background-color:var(--color-background)}.novo-option.novo-fill-background:not(.novo-option-inert):hover,.novo-option.novo-fill-background:not(.novo-option-inert):focus{background:var(--color-tint-background)}.novo-option.novo-fill-background:not(.novo-option-inert):active{background:var(--color-shade-background)}.novo-option.novo-accent-backgroundDark{border-left:4px solid var(--color-background-dark)}.novo-option.novo-fill-backgroundDark:not(.novo-option-inert){color:var(--color-contrast-background-dark);background-color:var(--color-background-dark)}.novo-option.novo-fill-backgroundDark:not(.novo-option-inert):hover,.novo-option.novo-fill-backgroundDark:not(.novo-option-inert):focus{background:var(--color-tint-background-dark)}.novo-option.novo-fill-backgroundDark:not(.novo-option-inert):active{background:var(--color-shade-background-dark)}.novo-option.novo-accent-border{border-left:4px solid var(--color-border)}.novo-option.novo-fill-border:not(.novo-option-inert){color:var(--color-contrast-border);background-color:var(--color-border)}.novo-option.novo-fill-border:not(.novo-option-inert):hover,.novo-option.novo-fill-border:not(.novo-option-inert):focus{background:var(--color-tint-border)}.novo-option.novo-fill-border:not(.novo-option-inert):active{background:var(--color-shade-border)}.novo-option.novo-accent-border2{border-left:4px solid var(--color-border2)}.novo-option.novo-fill-border2:not(.novo-option-inert){color:var(--color-contrast-border2);background-color:var(--color-border2)}.novo-option.novo-fill-border2:not(.novo-option-inert):hover,.novo-option.novo-fill-border2:not(.novo-option-inert):focus{background:var(--color-tint-border2)}.novo-option.novo-fill-border2:not(.novo-option-inert):active{background:var(--color-shade-border2)}.novo-option.novo-accent-text{border-left:4px solid var(--color-text)}.novo-option.novo-fill-text:not(.novo-option-inert){color:var(--color-contrast-text);background-color:var(--color-text)}.novo-option.novo-fill-text:not(.novo-option-inert):hover,.novo-option.novo-fill-text:not(.novo-option-inert):focus{background:var(--color-tint-text)}.novo-option.novo-fill-text:not(.novo-option-inert):active{background:var(--color-shade-text)}.novo-option.novo-accent-presentation{border-left:4px solid var(--color-presentation)}.novo-option.novo-fill-presentation:not(.novo-option-inert){color:var(--color-contrast-presentation);background-color:var(--color-presentation)}.novo-option.novo-fill-presentation:not(.novo-option-inert):hover,.novo-option.novo-fill-presentation:not(.novo-option-inert):focus{background:var(--color-tint-presentation)}.novo-option.novo-fill-presentation:not(.novo-option-inert):active{background:var(--color-shade-presentation)}.novo-option.novo-accent-bullhorn{border-left:4px solid var(--color-bullhorn)}.novo-option.novo-fill-bullhorn:not(.novo-option-inert){color:var(--color-contrast-bullhorn);background-color:var(--color-bullhorn)}.novo-option.novo-fill-bullhorn:not(.novo-option-inert):hover,.novo-option.novo-fill-bullhorn:not(.novo-option-inert):focus{background:var(--color-tint-bullhorn)}.novo-option.novo-fill-bullhorn:not(.novo-option-inert):active{background:var(--color-shade-bullhorn)}.novo-option.novo-accent-pulse{border-left:4px solid var(--color-pulse)}.novo-option.novo-fill-pulse:not(.novo-option-inert){color:var(--color-contrast-pulse);background-color:var(--color-pulse)}.novo-option.novo-fill-pulse:not(.novo-option-inert):hover,.novo-option.novo-fill-pulse:not(.novo-option-inert):focus{background:var(--color-tint-pulse)}.novo-option.novo-fill-pulse:not(.novo-option-inert):active{background:var(--color-shade-pulse)}.novo-option.novo-accent-fastFind{border-left:4px solid var(--color-fast-find)}.novo-option.novo-fill-fastFind:not(.novo-option-inert){color:var(--color-contrast-fast-find);background-color:var(--color-fast-find)}.novo-option.novo-fill-fastFind:not(.novo-option-inert):hover,.novo-option.novo-fill-fastFind:not(.novo-option-inert):focus{background:var(--color-tint-fast-find)}.novo-option.novo-fill-fastFind:not(.novo-option-inert):active{background:var(--color-shade-fast-find)}.novo-option.novo-accent-toast{border-left:4px solid var(--color-toast)}.novo-option.novo-fill-toast:not(.novo-option-inert){color:var(--color-contrast-toast);background-color:var(--color-toast)}.novo-option.novo-fill-toast:not(.novo-option-inert):hover,.novo-option.novo-fill-toast:not(.novo-option-inert):focus{background:var(--color-tint-toast)}.novo-option.novo-fill-toast:not(.novo-option-inert):active{background:var(--color-shade-toast)}.novo-option.novo-accent-company{border-left:4px solid var(--color-company)}.novo-option.novo-fill-company:not(.novo-option-inert){color:var(--color-contrast-company);background-color:var(--color-company)}.novo-option.novo-fill-company:not(.novo-option-inert):hover,.novo-option.novo-fill-company:not(.novo-option-inert):focus{background:var(--color-tint-company)}.novo-option.novo-fill-company:not(.novo-option-inert):active{background:var(--color-shade-company)}.novo-option.novo-accent-candidate{border-left:4px solid var(--color-candidate)}.novo-option.novo-fill-candidate:not(.novo-option-inert){color:var(--color-contrast-candidate);background-color:var(--color-candidate)}.novo-option.novo-fill-candidate:not(.novo-option-inert):hover,.novo-option.novo-fill-candidate:not(.novo-option-inert):focus{background:var(--color-tint-candidate)}.novo-option.novo-fill-candidate:not(.novo-option-inert):active{background:var(--color-shade-candidate)}.novo-option.novo-accent-lead{border-left:4px solid var(--color-lead)}.novo-option.novo-fill-lead:not(.novo-option-inert){color:var(--color-contrast-lead);background-color:var(--color-lead)}.novo-option.novo-fill-lead:not(.novo-option-inert):hover,.novo-option.novo-fill-lead:not(.novo-option-inert):focus{background:var(--color-tint-lead)}.novo-option.novo-fill-lead:not(.novo-option-inert):active{background:var(--color-shade-lead)}.novo-option.novo-accent-contact{border-left:4px solid var(--color-contact)}.novo-option.novo-fill-contact:not(.novo-option-inert){color:var(--color-contrast-contact);background-color:var(--color-contact)}.novo-option.novo-fill-contact:not(.novo-option-inert):hover,.novo-option.novo-fill-contact:not(.novo-option-inert):focus{background:var(--color-tint-contact)}.novo-option.novo-fill-contact:not(.novo-option-inert):active{background:var(--color-shade-contact)}.novo-option.novo-accent-clientcontact{border-left:4px solid var(--color-clientcontact)}.novo-option.novo-fill-clientcontact:not(.novo-option-inert){color:var(--color-contrast-clientcontact);background-color:var(--color-clientcontact)}.novo-option.novo-fill-clientcontact:not(.novo-option-inert):hover,.novo-option.novo-fill-clientcontact:not(.novo-option-inert):focus{background:var(--color-tint-clientcontact)}.novo-option.novo-fill-clientcontact:not(.novo-option-inert):active{background:var(--color-shade-clientcontact)}.novo-option.novo-accent-opportunity{border-left:4px solid var(--color-opportunity)}.novo-option.novo-fill-opportunity:not(.novo-option-inert){color:var(--color-contrast-opportunity);background-color:var(--color-opportunity)}.novo-option.novo-fill-opportunity:not(.novo-option-inert):hover,.novo-option.novo-fill-opportunity:not(.novo-option-inert):focus{background:var(--color-tint-opportunity)}.novo-option.novo-fill-opportunity:not(.novo-option-inert):active{background:var(--color-shade-opportunity)}.novo-option.novo-accent-job{border-left:4px solid var(--color-job)}.novo-option.novo-fill-job:not(.novo-option-inert){color:var(--color-contrast-job);background-color:var(--color-job)}.novo-option.novo-fill-job:not(.novo-option-inert):hover,.novo-option.novo-fill-job:not(.novo-option-inert):focus{background:var(--color-tint-job)}.novo-option.novo-fill-job:not(.novo-option-inert):active{background:var(--color-shade-job)}.novo-option.novo-accent-joborder{border-left:4px solid var(--color-joborder)}.novo-option.novo-fill-joborder:not(.novo-option-inert){color:var(--color-contrast-joborder);background-color:var(--color-joborder)}.novo-option.novo-fill-joborder:not(.novo-option-inert):hover,.novo-option.novo-fill-joborder:not(.novo-option-inert):focus{background:var(--color-tint-joborder)}.novo-option.novo-fill-joborder:not(.novo-option-inert):active{background:var(--color-shade-joborder)}.novo-option.novo-accent-submission{border-left:4px solid var(--color-submission)}.novo-option.novo-fill-submission:not(.novo-option-inert){color:var(--color-contrast-submission);background-color:var(--color-submission)}.novo-option.novo-fill-submission:not(.novo-option-inert):hover,.novo-option.novo-fill-submission:not(.novo-option-inert):focus{background:var(--color-tint-submission)}.novo-option.novo-fill-submission:not(.novo-option-inert):active{background:var(--color-shade-submission)}.novo-option.novo-accent-sendout{border-left:4px solid var(--color-sendout)}.novo-option.novo-fill-sendout:not(.novo-option-inert){color:var(--color-contrast-sendout);background-color:var(--color-sendout)}.novo-option.novo-fill-sendout:not(.novo-option-inert):hover,.novo-option.novo-fill-sendout:not(.novo-option-inert):focus{background:var(--color-tint-sendout)}.novo-option.novo-fill-sendout:not(.novo-option-inert):active{background:var(--color-shade-sendout)}.novo-option.novo-accent-placement{border-left:4px solid var(--color-placement)}.novo-option.novo-fill-placement:not(.novo-option-inert){color:var(--color-contrast-placement);background-color:var(--color-placement)}.novo-option.novo-fill-placement:not(.novo-option-inert):hover,.novo-option.novo-fill-placement:not(.novo-option-inert):focus{background:var(--color-tint-placement)}.novo-option.novo-fill-placement:not(.novo-option-inert):active{background:var(--color-shade-placement)}.novo-option.novo-accent-note{border-left:4px solid var(--color-note)}.novo-option.novo-fill-note:not(.novo-option-inert){color:var(--color-contrast-note);background-color:var(--color-note)}.novo-option.novo-fill-note:not(.novo-option-inert):hover,.novo-option.novo-fill-note:not(.novo-option-inert):focus{background:var(--color-tint-note)}.novo-option.novo-fill-note:not(.novo-option-inert):active{background:var(--color-shade-note)}.novo-option.novo-accent-contract{border-left:4px solid var(--color-contract)}.novo-option.novo-fill-contract:not(.novo-option-inert){color:var(--color-contrast-contract);background-color:var(--color-contract)}.novo-option.novo-fill-contract:not(.novo-option-inert):hover,.novo-option.novo-fill-contract:not(.novo-option-inert):focus{background:var(--color-tint-contract)}.novo-option.novo-fill-contract:not(.novo-option-inert):active{background:var(--color-shade-contract)}.novo-option.novo-accent-task{border-left:4px solid var(--color-task)}.novo-option.novo-fill-task:not(.novo-option-inert){color:var(--color-contrast-task);background-color:var(--color-task)}.novo-option.novo-fill-task:not(.novo-option-inert):hover,.novo-option.novo-fill-task:not(.novo-option-inert):focus{background:var(--color-tint-task)}.novo-option.novo-fill-task:not(.novo-option-inert):active{background:var(--color-shade-task)}.novo-option.novo-accent-jobCode{border-left:4px solid var(--color-job-code)}.novo-option.novo-fill-jobCode:not(.novo-option-inert){color:var(--color-contrast-job-code);background-color:var(--color-job-code)}.novo-option.novo-fill-jobCode:not(.novo-option-inert):hover,.novo-option.novo-fill-jobCode:not(.novo-option-inert):focus{background:var(--color-tint-job-code)}.novo-option.novo-fill-jobCode:not(.novo-option-inert):active{background:var(--color-shade-job-code)}.novo-option.novo-accent-earnCode{border-left:4px solid var(--color-earn-code)}.novo-option.novo-fill-earnCode:not(.novo-option-inert){color:var(--color-contrast-earn-code);background-color:var(--color-earn-code)}.novo-option.novo-fill-earnCode:not(.novo-option-inert):hover,.novo-option.novo-fill-earnCode:not(.novo-option-inert):focus{background:var(--color-tint-earn-code)}.novo-option.novo-fill-earnCode:not(.novo-option-inert):active{background:var(--color-shade-earn-code)}.novo-option.novo-accent-invoiceStatement{border-left:4px solid var(--color-invoice-statement)}.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert){color:var(--color-contrast-invoice-statement);background-color:var(--color-invoice-statement)}.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert):hover,.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert):focus{background:var(--color-tint-invoice-statement)}.novo-option.novo-fill-invoiceStatement:not(.novo-option-inert):active{background:var(--color-shade-invoice-statement)}.novo-option.novo-accent-billableCharge{border-left:4px solid var(--color-billable-charge)}.novo-option.novo-fill-billableCharge:not(.novo-option-inert){color:var(--color-contrast-billable-charge);background-color:var(--color-billable-charge)}.novo-option.novo-fill-billableCharge:not(.novo-option-inert):hover,.novo-option.novo-fill-billableCharge:not(.novo-option-inert):focus{background:var(--color-tint-billable-charge)}.novo-option.novo-fill-billableCharge:not(.novo-option-inert):active{background:var(--color-shade-billable-charge)}.novo-option.novo-accent-payableCharge{border-left:4px solid var(--color-payable-charge)}.novo-option.novo-fill-payableCharge:not(.novo-option-inert){color:var(--color-contrast-payable-charge);background-color:var(--color-payable-charge)}.novo-option.novo-fill-payableCharge:not(.novo-option-inert):hover,.novo-option.novo-fill-payableCharge:not(.novo-option-inert):focus{background:var(--color-tint-payable-charge)}.novo-option.novo-fill-payableCharge:not(.novo-option-inert):active{background:var(--color-shade-payable-charge)}.novo-option.novo-accent-user{border-left:4px solid var(--color-user)}.novo-option.novo-fill-user:not(.novo-option-inert){color:var(--color-contrast-user);background-color:var(--color-user)}.novo-option.novo-fill-user:not(.novo-option-inert):hover,.novo-option.novo-fill-user:not(.novo-option-inert):focus{background:var(--color-tint-user)}.novo-option.novo-fill-user:not(.novo-option-inert):active{background:var(--color-shade-user)}.novo-option.novo-accent-corporateUser{border-left:4px solid var(--color-corporate-user)}.novo-option.novo-fill-corporateUser:not(.novo-option-inert){color:var(--color-contrast-corporate-user);background-color:var(--color-corporate-user)}.novo-option.novo-fill-corporateUser:not(.novo-option-inert):hover,.novo-option.novo-fill-corporateUser:not(.novo-option-inert):focus{background:var(--color-tint-corporate-user)}.novo-option.novo-fill-corporateUser:not(.novo-option-inert):active{background:var(--color-shade-corporate-user)}.novo-option.novo-accent-distributionList{border-left:4px solid var(--color-distribution-list)}.novo-option.novo-fill-distributionList:not(.novo-option-inert){color:var(--color-contrast-distribution-list);background-color:var(--color-distribution-list)}.novo-option.novo-fill-distributionList:not(.novo-option-inert):hover,.novo-option.novo-fill-distributionList:not(.novo-option-inert):focus{background:var(--color-tint-distribution-list)}.novo-option.novo-fill-distributionList:not(.novo-option-inert):active{background:var(--color-shade-distribution-list)}.novo-option.novo-accent-credential{border-left:4px solid var(--color-credential)}.novo-option.novo-fill-credential:not(.novo-option-inert){color:var(--color-contrast-credential);background-color:var(--color-credential)}.novo-option.novo-fill-credential:not(.novo-option-inert):hover,.novo-option.novo-fill-credential:not(.novo-option-inert):focus{background:var(--color-tint-credential)}.novo-option.novo-fill-credential:not(.novo-option-inert):active{background:var(--color-shade-credential)}.novo-option.novo-accent-person{border-left:4px solid var(--color-person)}.novo-option.novo-fill-person:not(.novo-option-inert){color:var(--color-contrast-person);background-color:var(--color-person)}.novo-option.novo-fill-person:not(.novo-option-inert):hover,.novo-option.novo-fill-person:not(.novo-option-inert):focus{background:var(--color-tint-person)}.novo-option.novo-fill-person:not(.novo-option-inert):active{background:var(--color-shade-person)}.novo-option-text{display:inline-block;display:inline-flex;flex-direction:row;align-items:center;flex-grow:1;overflow:hidden;text-overflow:ellipsis;gap:1rem}.novo-option-pseudo-checkbox{margin-inline-end:calc(var(--menu-side-padding) / 2)}[data-theme=bh2026] .novo-option:hover:not(.novo-option-inert){background:var(--color-background-subtle)}[data-theme=bh2026] .novo-option:active:not(.novo-option-inert),[data-theme=bh2026] .novo-option.novo-active:not(.novo-option-inert){background:var(--color-background-subtle-hover)}\n"] }]
1123
1131
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
1124
1132
  type: Optional
1125
1133
  }, {
@@ -1534,6 +1542,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
1534
1542
  }, standalone: false, styles: [":host{display:block;font-weight:500;line-height:1.5;color:var(--text-main, #3d464d);white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-title);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle}:host.text-capitalize{text-transform:capitalize}:host.text-uppercase{text-transform:uppercase}:host.text-nowrap{white-space:nowrap}:host.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host.text-size-default{font-size:inherit}:host.text-size-body{font-size:var(--font-size-body)}:host.text-size-xs{font-size:var(--font-size-xs)}:host.text-size-sm{font-size:var(--font-size-sm)}:host.text-size-md{font-size:var(--font-size-md)}:host.text-size-lg{font-size:var(--font-size-lg)}:host.text-size-xl{font-size:var(--font-size-xl)}:host.text-size-2xl{font-size:var(--font-size-2xl)}:host.text-size-3xl{font-size:var(--font-size-3xl)}:host.text-size-smaller{font-size:.8em}:host.text-size-larger{font-size:1.2em}:host.text-color-black{color:var(--color-black)}:host.text-color-white{color:var(--color-white)}:host.text-color-gray{color:var(--color-gray)}:host.text-color-grey{color:var(--color-grey)}:host.text-color-offWhite{color:var(--color-off-white)}:host.text-color-bright{color:var(--color-bright)}:host.text-color-light{color:var(--color-light)}:host.text-color-neutral{color:var(--color-neutral)}:host.text-color-dark{color:var(--color-dark)}:host.text-color-orange{color:var(--color-orange)}:host.text-color-navigation{color:var(--color-navigation)}:host.text-color-skyBlue{color:var(--color-sky-blue)}:host.text-color-steel{color:var(--color-steel)}:host.text-color-metal{color:var(--color-metal)}:host.text-color-sand{color:var(--color-sand)}:host.text-color-silver{color:var(--color-silver)}:host.text-color-stone{color:var(--color-stone)}:host.text-color-ash{color:var(--color-ash)}:host.text-color-anonymous{color:var(--color-anonymous)}:host.text-color-slate{color:var(--color-slate)}:host.text-color-onyx{color:var(--color-onyx)}:host.text-color-charcoal{color:var(--color-charcoal)}:host.text-color-moonlight{color:var(--color-moonlight)}:host.text-color-midnight{color:var(--color-midnight)}:host.text-color-darkness{color:var(--color-darkness)}:host.text-color-navy{color:var(--color-navy)}:host.text-color-aqua{color:var(--color-aqua)}:host.text-color-ocean{color:var(--color-ocean)}:host.text-color-mint{color:var(--color-mint)}:host.text-color-grass{color:var(--color-grass)}:host.text-color-sunflower{color:var(--color-sunflower)}:host.text-color-bittersweet{color:var(--color-bittersweet)}:host.text-color-grapefruit{color:var(--color-grapefruit)}:host.text-color-carnation{color:var(--color-carnation)}:host.text-color-lavender{color:var(--color-lavender)}:host.text-color-mountain{color:var(--color-mountain)}:host.text-color-info{color:var(--color-info)}:host.text-color-positive{color:var(--color-positive)}:host.text-color-success{color:var(--color-success)}:host.text-color-negative{color:var(--color-negative)}:host.text-color-danger{color:var(--color-danger)}:host.text-color-error{color:var(--color-error)}:host.text-color-warning{color:var(--color-warning)}:host.text-color-empty{color:var(--color-empty)}:host.text-color-disabled{color:var(--color-disabled)}:host.text-color-background{color:var(--color-background)}:host.text-color-backgroundDark{color:var(--color-background-dark)}:host.text-color-border{color:var(--color-border)}:host.text-color-border2{color:var(--color-border2)}:host.text-color-text{color:var(--color-text)}:host.text-color-presentation{color:var(--color-presentation)}:host.text-color-bullhorn{color:var(--color-bullhorn)}:host.text-color-pulse{color:var(--color-pulse)}:host.text-color-fastFind{color:var(--color-fast-find)}:host.text-color-toast{color:var(--color-toast)}:host.text-color-company{color:var(--color-company)}:host.text-color-candidate{color:var(--color-candidate)}:host.text-color-lead{color:var(--color-lead)}:host.text-color-contact{color:var(--color-contact)}:host.text-color-clientcontact{color:var(--color-clientcontact)}:host.text-color-opportunity{color:var(--color-opportunity)}:host.text-color-job{color:var(--color-job)}:host.text-color-joborder{color:var(--color-joborder)}:host.text-color-submission{color:var(--color-submission)}:host.text-color-sendout{color:var(--color-sendout)}:host.text-color-placement{color:var(--color-placement)}:host.text-color-note{color:var(--color-note)}:host.text-color-contract{color:var(--color-contract)}:host.text-color-task{color:var(--color-task)}:host.text-color-jobCode{color:var(--color-job-code)}:host.text-color-earnCode{color:var(--color-earn-code)}:host.text-color-invoiceStatement{color:var(--color-invoice-statement)}:host.text-color-billableCharge{color:var(--color-billable-charge)}:host.text-color-payableCharge{color:var(--color-payable-charge)}:host.text-color-user{color:var(--color-user)}:host.text-color-corporateUser{color:var(--color-corporate-user)}:host.text-color-distributionList{color:var(--color-distribution-list)}:host.text-color-credential{color:var(--color-credential)}:host.text-color-person{color:var(--color-person)}:host.margin-before{margin-top:.4rem}:host.margin-after{margin-bottom:.8rem}:host.text-length-small{max-width:40ch}:host.text-length-medium{max-width:55ch}:host.text-length-large{max-width:70ch}:host.text-weight-hairline{font-weight:var(--font-weight-hairline)}:host.text-weight-thin{font-weight:var(--font-weight-thin)}:host.text-weight-light{font-weight:var(--font-weight-light)}:host.text-weight-normal{font-weight:var(--font-weight-normal)}:host.text-weight-medium{font-weight:var(--font-weight-medium)}:host.text-weight-semibold{font-weight:var(--font-weight-semibold)}:host.text-weight-bold{font-weight:var(--font-weight-bold)}:host.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}:host.text-weight-heavy{font-weight:var(--font-weight-heavy)}:host.text-weight-lighter{font-weight:lighter}:host.text-weight-bolder{font-weight:bolder}\n"] }]
1535
1543
  }] });
1536
1544
 
1545
+ class If2026ThemePipe {
1546
+ constructor() {
1547
+ this.theme = inject(NovoTheme);
1548
+ }
1549
+ transform(value, elseVal = undefined) {
1550
+ return this.theme.isBh2026() ? value : elseVal;
1551
+ }
1552
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: If2026ThemePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
1553
+ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: If2026ThemePipe, isStandalone: false, name: "ifBh2026Theme", pure: false }); }
1554
+ }
1555
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: If2026ThemePipe, decorators: [{
1556
+ type: Pipe,
1557
+ args: [{
1558
+ name: 'ifBh2026Theme',
1559
+ standalone: false,
1560
+ pure: false,
1561
+ }]
1562
+ }] });
1563
+
1537
1564
  class NovoCommonModule {
1538
1565
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1539
1566
  static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: NovoCommonModule, declarations: [NovoTemplate,
@@ -1553,7 +1580,8 @@ class NovoCommonModule {
1553
1580
  FlexDirective,
1554
1581
  ThemeColorDirective,
1555
1582
  SwitchCasesDirective,
1556
- VisibleDirective], imports: [CommonModule, NovoOptionModule], exports: [NovoTemplate,
1583
+ VisibleDirective,
1584
+ If2026ThemePipe], imports: [CommonModule, NovoOptionModule], exports: [NovoTemplate,
1557
1585
  NovoText,
1558
1586
  NovoTitle,
1559
1587
  NovoCaption,
@@ -1570,7 +1598,8 @@ class NovoCommonModule {
1570
1598
  FlexDirective,
1571
1599
  ThemeColorDirective,
1572
1600
  SwitchCasesDirective,
1573
- VisibleDirective] }); }
1601
+ VisibleDirective,
1602
+ If2026ThemePipe] }); }
1574
1603
  static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoCommonModule, imports: [CommonModule, NovoOptionModule] }); }
1575
1604
  }
1576
1605
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoCommonModule, decorators: [{
@@ -1596,6 +1625,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
1596
1625
  ThemeColorDirective,
1597
1626
  SwitchCasesDirective,
1598
1627
  VisibleDirective,
1628
+ If2026ThemePipe,
1599
1629
  ],
1600
1630
  declarations: [
1601
1631
  NovoTemplate,
@@ -1616,6 +1646,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
1616
1646
  ThemeColorDirective,
1617
1647
  SwitchCasesDirective,
1618
1648
  VisibleDirective,
1649
+ If2026ThemePipe,
1619
1650
  ],
1620
1651
  }]
1621
1652
  }] });
@@ -2149,5 +2180,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
2149
2180
  * Generated bundle index. Do not edit.
2150
2181
  */
2151
2182
 
2152
- export { AccentColorDirective, BackgroundColorDirective, BorderDirective, DEFAULT_THEME, ErrorStateMatcher, FillColorDirective, FlexDirective, GapDirective, MarginDirective, NOVO_OPTGROUP, NOVO_OPTION_PARENT_COMPONENT, NOVO_OVERLAY_CONTAINER, NovoBaseTextElement, NovoCaption, NovoCommonModule, NovoLabel, NovoLink, NovoOptgroup, NovoOptgroupBase, NovoOptgroupMixinBase, NovoOption, NovoOptionBase, NovoOptionModule, NovoOptionSelectionChange, NovoOverlayModule, NovoOverlayTemplateComponent, NovoPseudoCheckbox, NovoPseudoCheckboxModule, NovoTemplate, NovoText, NovoTheme, NovoThemeOptions, NovoTitle, PaddingDirective, ShowOnDirtyErrorStateMatcher, SwitchCasesDirective, TextColorDirective, ThemeColorDirective, VisibleDirective, _countGroupLabelsBeforeOption, _getOptionScrollPosition, getSpacingToken, mixinColor, mixinDisabled, mixinErrorState, mixinOverlay, mixinRequired, mixinSize, mixinTabIndex, normalizeThemeName };
2183
+ export { AccentColorDirective, BackgroundColorDirective, BorderDirective, DEFAULT_THEME, ErrorStateMatcher, FillColorDirective, FlexDirective, GapDirective, If2026ThemePipe, MarginDirective, NOVO_OPTGROUP, NOVO_OPTION_PARENT_COMPONENT, NOVO_OVERLAY_CONTAINER, NovoBaseTextElement, NovoCaption, NovoCommonModule, NovoLabel, NovoLink, NovoOptgroup, NovoOptgroupBase, NovoOptgroupMixinBase, NovoOption, NovoOptionBase, NovoOptionModule, NovoOptionSelectionChange, NovoOverlayModule, NovoOverlayTemplateComponent, NovoPseudoCheckbox, NovoPseudoCheckboxModule, NovoTemplate, NovoText, NovoTheme, NovoThemeOptions, NovoTitle, PaddingDirective, ShowOnDirtyErrorStateMatcher, SwitchCasesDirective, TextColorDirective, ThemeColorDirective, VisibleDirective, _countGroupLabelsBeforeOption, _getOptionScrollPosition, getSpacingToken, mixinColor, mixinDisabled, mixinErrorState, mixinOverlay, mixinRequired, mixinSize, mixinTabIndex, normalizeThemeName };
2153
2184
  //# sourceMappingURL=novo-elements-elements-common.mjs.map