novo-elements 13.1.0 → 13.2.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.
- package/addons/ckeditor/index.d.ts +3 -1
- package/elements/agenda/common/AgendaDateChange.scss +3 -3
- package/elements/agenda/common/AgendaHoursLayout.scss +2 -2
- package/elements/agenda/day/AgendaDayView.scss +3 -3
- package/elements/agenda/month/AgendaMonthView.scss +8 -8
- package/elements/agenda/week/AgendaWeekView.scss +4 -4
- package/elements/aside/aside.component.scss +17 -2
- package/elements/aside/index.d.ts +16 -8
- package/elements/autocomplete/autocomplete.component.scss +4 -0
- package/elements/avatar/Avatar.scss +2 -2
- package/elements/breadcrumbs/Breadcrumb.scss +5 -0
- package/elements/breadcrumbs/breadcrumb-item/BreadcrumbItem.scss +3 -3
- package/elements/button/styles/button-dialogue.scss +6 -5
- package/elements/button/styles/button-fab.scss +1 -1
- package/elements/button/styles/button-icon.scss +5 -5
- package/elements/button/styles/button-other.scss +5 -5
- package/elements/button/styles/button-primary.scss +11 -9
- package/elements/button/styles/button-secondary.scss +9 -9
- package/elements/button/styles/button-standard.scss +2 -2
- package/elements/button/styles/button.scss +18 -12
- package/elements/calendar/calendar.component.scss +13 -13
- package/elements/calendar/month-select/month-select.component.scss +3 -3
- package/elements/calendar/month-view/month-view.component.scss +7 -7
- package/elements/calendar/year-select/year-select.component.scss +3 -3
- package/elements/card/Card.scss +47 -12
- package/elements/card/CardContent.scss +1 -1
- package/elements/card/CardFooter.scss +2 -2
- package/elements/card/CardHeader.scss +2 -2
- package/elements/category-dropdown/CategoryDropdown.scss +9 -9
- package/elements/checkbox/CheckList.scss +3 -3
- package/elements/checkbox/Checkbox.scss +3 -3
- package/elements/chips/Chip.scss +17 -17
- package/elements/chips/Chips.scss +9 -9
- package/elements/chips/RowChips.scss +2 -2
- package/elements/chips/index.d.ts +3 -1
- package/elements/color-picker/color-picker.component.scss +1 -1
- package/elements/common/index.d.ts +11 -3
- package/elements/common/option/option.component.scss +14 -19
- package/elements/common/selection/pseudo-checkbox/pseudo-checkbox.component.scss +2 -2
- package/elements/common/typography/text.mixins.scss +19 -19
- package/elements/data-table/data-table.component.scss +32 -23
- package/elements/data-table/index.d.ts +2 -1
- package/elements/data-table/pagination/data-table-pagination.component.scss +6 -6
- package/elements/date-picker/DatePicker.scss +23 -18
- package/elements/date-picker/DatePickerInput.scss +5 -5
- package/elements/date-picker/DateRangeInput.scss +1 -1
- package/elements/date-picker/MultiDateInput.scss +2 -2
- package/elements/date-time-picker/_DateTimePicker.scss +5 -5
- package/elements/divider/divider.component.scss +3 -3
- package/elements/dropdown/Dropdown.scss +4 -4
- package/elements/expansion/_expansion-theme.scss +1 -1
- package/elements/expansion/expansion-panel.scss +1 -0
- package/elements/field/error/error.scss +1 -1
- package/elements/field/field-fill.scss +4 -4
- package/elements/field/field-list.scss +4 -4
- package/elements/field/field-outline.scss +6 -6
- package/elements/field/field-standard.scss +3 -3
- package/elements/field/field.scss +14 -1
- package/elements/form/ControlGroup.scss +7 -7
- package/elements/form/Form.scss +40 -40
- package/elements/form/extras/address/Address.scss +6 -6
- package/elements/form/extras/file/FileInput.scss +4 -4
- package/elements/form/fieldset-header.scss +3 -3
- package/elements/form/index.d.ts +1 -1
- package/elements/header/Header.scss +17 -10
- package/elements/icon/Icon.scss +1 -1
- package/elements/layout/collapsible-nav/collapsible-nav.component.scss +20 -0
- package/elements/layout/index.d.ts +38 -5
- package/elements/list/list-item-content.scss +1 -1
- package/elements/list/list-item-header-avatar.scss +1 -1
- package/elements/list/list-item.scss +6 -6
- package/elements/loading/NovoSpinner.scss +1 -1
- package/elements/menu/menu-content.component.scss +7 -7
- package/elements/modal/modal.component.scss +16 -6
- package/elements/modal/notification.component.scss +26 -21
- package/elements/multi-picker/_MultiPicker.scss +2 -2
- package/elements/picker/Picker.scss +13 -13
- package/elements/picker/extras/grouped-multi-picker-results/GroupedMultiPickerResults.scss +14 -14
- package/elements/picker/extras/mixed-multi-picker-results/MixedMultiPickerResults.scss +17 -17
- package/elements/picker/extras/picker-results/PickerResult.scss +1 -1
- package/elements/picker/extras/picker-results/PickerResults.scss +25 -21
- package/elements/picker/extras/skills-picker-results/SkillsSpecialtyPickerResults.scss +3 -3
- package/elements/places/index.d.ts +24 -14
- package/elements/places/places.component.scss +3 -3
- package/elements/popover/PopOver.scss +2 -1
- package/elements/progress/Progress.scss +2 -2
- package/elements/progress/ProgressBar.scss +13 -3
- package/elements/query-builder/condition-builder/condition-builder.component.scss +1 -20
- package/elements/query-builder/index.d.ts +67 -35
- package/elements/radio/Radio.scss +8 -8
- package/elements/radio/radio-group.scss +2 -2
- package/elements/search/SearchBox.scss +8 -9
- package/elements/select/Select.scss +14 -14
- package/elements/select-search/select-search.component.scss +1 -1
- package/elements/simple-table/PaginationOld.scss +5 -5
- package/elements/simple-table/table.scss +15 -10
- package/elements/stepper/step-header.component.scss +9 -9
- package/elements/stepper/stepper.component.scss +25 -7
- package/elements/switch/Switch.scss +15 -7
- package/elements/tabbed-group-picker/TabbedGroupPicker.scss +17 -8
- package/elements/tabbed-group-picker/index.d.ts +27 -14
- package/elements/tabs/tab-nav.scss +3 -3
- package/elements/tabs/tab.scss +38 -5
- package/elements/tiles/Tiles.scss +10 -5
- package/elements/time-picker/TimePicker.scss +4 -4
- package/elements/time-picker/TimePickerInput.scss +1 -1
- package/elements/tip-well/TipWell.scss +5 -6
- package/elements/toast/Toast.scss +19 -18
- package/elements/toolbar/toolbar.component.scss +9 -6
- package/elements/tooltip/Tooltip.scss +6 -1
- package/elements/value/Value.scss +5 -4
- package/fesm2022/novo-elements-addons-ckeditor.mjs +22 -12
- package/fesm2022/novo-elements-addons-ckeditor.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-agenda.mjs +8 -8
- package/fesm2022/novo-elements-elements-agenda.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-aside.mjs +24 -9
- package/fesm2022/novo-elements-elements-aside.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-autocomplete.mjs +2 -2
- package/fesm2022/novo-elements-elements-autocomplete.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-avatar.mjs +4 -4
- package/fesm2022/novo-elements-elements-avatar.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-breadcrumbs.mjs +4 -4
- package/fesm2022/novo-elements-elements-breadcrumbs.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-button.mjs +2 -2
- package/fesm2022/novo-elements-elements-button.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-calendar.mjs +8 -8
- package/fesm2022/novo-elements-elements-calendar.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-card.mjs +8 -8
- package/fesm2022/novo-elements-elements-card.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-category-dropdown.mjs +2 -2
- package/fesm2022/novo-elements-elements-category-dropdown.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-checkbox.mjs +4 -4
- package/fesm2022/novo-elements-elements-checkbox.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-chips.mjs +12 -8
- package/fesm2022/novo-elements-elements-chips.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-color-picker.mjs +4 -4
- package/fesm2022/novo-elements-elements-color-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-common.mjs +61 -21
- package/fesm2022/novo-elements-elements-common.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-data-table.mjs +4 -4
- package/fesm2022/novo-elements-elements-data-table.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-date-picker.mjs +8 -8
- package/fesm2022/novo-elements-elements-date-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-date-time-picker.mjs +2 -2
- package/fesm2022/novo-elements-elements-date-time-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-divider.mjs +2 -2
- package/fesm2022/novo-elements-elements-divider.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-dropdown.mjs +2 -2
- package/fesm2022/novo-elements-elements-dropdown.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-expansion.mjs +2 -2
- package/fesm2022/novo-elements-elements-expansion.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-field.mjs +6 -6
- package/fesm2022/novo-elements-elements-field.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-form.mjs +17 -15
- package/fesm2022/novo-elements-elements-form.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-header.mjs +2 -2
- package/fesm2022/novo-elements-elements-header.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-icon.mjs +2 -2
- package/fesm2022/novo-elements-elements-icon.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-layout.mjs +90 -9
- package/fesm2022/novo-elements-elements-layout.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-list.mjs +10 -10
- package/fesm2022/novo-elements-elements-list.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-loading.mjs +2 -2
- package/fesm2022/novo-elements-elements-loading.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-menu.mjs +2 -2
- package/fesm2022/novo-elements-elements-menu.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-modal.mjs +4 -4
- package/fesm2022/novo-elements-elements-modal.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-multi-picker.mjs +2 -2
- package/fesm2022/novo-elements-elements-multi-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-picker.mjs +14 -14
- package/fesm2022/novo-elements-elements-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-places.mjs +195 -187
- package/fesm2022/novo-elements-elements-places.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-popover.mjs +2 -2
- package/fesm2022/novo-elements-elements-popover.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-progress.mjs +4 -4
- package/fesm2022/novo-elements-elements-progress.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-query-builder.mjs +67 -19
- package/fesm2022/novo-elements-elements-query-builder.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-radio.mjs +4 -4
- package/fesm2022/novo-elements-elements-radio.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-search.mjs +2 -2
- package/fesm2022/novo-elements-elements-search.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-select.mjs +2 -2
- package/fesm2022/novo-elements-elements-select.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-simple-table.mjs +6 -6
- package/fesm2022/novo-elements-elements-simple-table.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-stepper.mjs +8 -8
- package/fesm2022/novo-elements-elements-stepper.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-switch.mjs +2 -2
- package/fesm2022/novo-elements-elements-switch.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-tabbed-group-picker.mjs +70 -10
- package/fesm2022/novo-elements-elements-tabbed-group-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-tabs.mjs +6 -6
- package/fesm2022/novo-elements-elements-tabs.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-tiles.mjs +2 -2
- package/fesm2022/novo-elements-elements-tiles.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-time-picker.mjs +4 -4
- package/fesm2022/novo-elements-elements-time-picker.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-tip-well.mjs +2 -2
- package/fesm2022/novo-elements-elements-tip-well.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-toast.mjs +2 -2
- package/fesm2022/novo-elements-elements-toast.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-toolbar.mjs +2 -2
- package/fesm2022/novo-elements-elements-toolbar.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-tooltip.mjs +2 -2
- package/fesm2022/novo-elements-elements-tooltip.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-value.mjs +2 -2
- package/fesm2022/novo-elements-elements-value.mjs.map +1 -1
- package/fesm2022/novo-elements-services.mjs +1 -0
- package/fesm2022/novo-elements-services.mjs.map +1 -1
- package/fesm2022/novo-elements.mjs +14 -0
- package/fesm2022/novo-elements.mjs.map +1 -1
- package/index.d.ts +14 -0
- package/novo-elements.scss +7 -7
- package/package.json +2 -2
- package/services/index.d.ts +1 -0
- package/styles/base.scss +1 -0
- package/styles/content/code.scss +2 -2
- package/styles/content/forms.scss +2 -2
- package/styles/content/misc.scss +3 -3
- package/styles/content/range.scss +3 -3
- package/styles/iconography.scss +3 -3
- package/styles/themes/bh2026.scss +106 -0
- package/styles/themes/dark.scss +6 -1
- package/styles/themes/light.scss +4 -0
- package/styles/typography.scss +3 -3
- package/styles/variables.scss +6 -6
|
@@ -110,7 +110,7 @@ class NovoButtonElement {
|
|
|
110
110
|
/>
|
|
111
111
|
</svg>
|
|
112
112
|
</i>
|
|
113
|
-
`, isInline: true, styles: [":host{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;padding:0 1rem;font-size:var(--font-size-button);height:3rem;border:none;color:var(--text-main, #3d464d);background:transparent;border-radius:3px;text-transform:uppercase;transition:all .2s ease-in-out;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-overflow:clip;white-space:nowrap;overflow:hidden;flex:0 0 auto}:host .button-contents{height:var(--font-size-button);display:inline-flex;align-items:center;line-height:1;font-size:inherit;color:inherit;text-transform:uppercase}:host i{height:var(--font-size-button);font-size:inherit;line-height:1}:host[size=small],:host[size=sm]{font-size:1rem;padding:0 1rem;height:2.4rem;gap:.5rem}:host[size=small] .button-contents,:host[size=small] i,:host[size=sm] .button-contents,:host[size=sm] i{height:1rem}:host[size=large],:host[size=lg]{font-size:1.6rem;padding:0 1.25rem;height:3.6rem;gap:1.25rem}:host[size=large] .button-contents,:host[size=large] i,:host[size=lg] .button-contents,:host[size=lg] i{height:1.6rem}:host:focus{outline:none}:host[disabled],:host.novo-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}:host[disabled=false]{opacity:1;cursor:pointer;pointer-events:auto}:host[loading=true]{opacity:.5;cursor:not-allowed;pointer-events:none}:host[loading=true] i.loading{display:flex;align-items:center;justify-content:center;animation:rotate 1.2s linear infinite}:host[loading=true] i.loading svg{width:100%;height:100%;max-width:15px;max-height:15px}:host[loading=true] i.loading svg .spinner{fill:currentColor}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n", ":host[theme=standard]{color:var(--button-text);background:var(--button-background)}:host[theme=standard][color=black]{color:#fff;background:#000}:host[theme=standard][color=white]{color:#3d464d;background:#fff}:host[theme=standard][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=standard][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=standard][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=standard][color=neutral]{color:#fff;background:#4f5361}:host[theme=standard][color=dark]{color:#fff;background:#3d464d}:host[theme=standard][color=orange]{color:#3d464d;background:#ff6900}:host[theme=standard][color=navigation]{color:#fff;background:#202945}:host[theme=standard][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=standard][color=steel]{color:#fff;background:#5b6770}:host[theme=standard][color=metal]{color:#fff;background:#637893}:host[theme=standard][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=standard][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=standard][color=stone]{color:#3d464d;background:#bebebe}:host[theme=standard][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=standard][color=slate]{color:#fff;background:#707070}:host[theme=standard][color=onyx]{color:#fff;background:#526980}:host[theme=standard][color=charcoal]{color:#fff;background:#282828}:host[theme=standard][color=moonlight]{color:#fff;background:#1a242f}:host[theme=standard][color=midnight]{color:#fff;background:#202945}:host[theme=standard][color=darkness]{color:#fff;background:#161f27}:host[theme=standard][color=navy]{color:#fff;background:#0d2d42}:host[theme=standard][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=standard][color=ocean]{color:#fff;background:#4a89dc}:host[theme=standard][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=standard][color=grass]{color:#fff;background:#8cc152}:host[theme=standard][color=sunflower]{color:#fff;background:#f6b042}:host[theme=standard][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=standard][color=grapefruit]{color:#fff;background:#da4453}:host[theme=standard][color=carnation]{color:#fff;background:#d770ad}:host[theme=standard][color=lavender]{color:#fff;background:#967adc}:host[theme=standard][color=mountain]{color:#fff;background:#9678b6}:host[theme=standard][color=info]{color:#fff;background:#4a89dc}:host[theme=standard][color=positive]{color:#fff;background:#4a89dc}:host[theme=standard][color=success]{color:#fff;background:#8cc152}:host[theme=standard][color=negative]{color:#fff;background:#da4453}:host[theme=standard][color=danger]{color:#fff;background:#da4453}:host[theme=standard][color=error]{color:#fff;background:#da4453}:host[theme=standard][color=warning]{color:#fff;background:#f6b042}:host[theme=standard][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=standard][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=standard][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=standard][color=presentation]{color:#fff;background:#5b6770}:host[theme=standard][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=standard][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=standard][color=company]{color:#fff;background:#39d}:host[theme=standard][color=candidate]{color:#fff;background:#4b7}:host[theme=standard][color=lead]{color:#fff;background:#a69}:host[theme=standard][color=contact]{color:#fff;background:#fa4}:host[theme=standard][color=clientcontact]{color:#fff;background:#fa4}:host[theme=standard][color=opportunity]{color:#fff;background:#625}:host[theme=standard][color=job]{color:#fff;background:#b56}:host[theme=standard][color=joborder]{color:#fff;background:#b56}:host[theme=standard][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=standard][color=sendout]{color:#fff;background:#747884}:host[theme=standard][color=placement]{color:#fff;background:#0b344f}:host[theme=standard][color=note]{color:#fff;background:#747884}:host[theme=standard][color=contract]{color:#fff;background:#454ea0}:host[theme=standard][color=task]{color:#fff;background:#4f5361}:host[theme=standard][color=jobCode]{color:#fff;background:#696d79}:host[theme=standard][color=earnCode]{color:#fff;background:#696d79}:host[theme=standard][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=standard][color=billableCharge]{color:#fff;background:#696d79}:host[theme=standard][color=payableCharge]{color:#fff;background:#696d79}:host[theme=standard][color=user]{color:#fff;background:#696d79}:host[theme=standard][color=corporateUser]{color:#fff;background:#696d79}:host[theme=standard][color=distributionList]{color:#fff;background:#696d79}:host[theme=standard][color=credential]{color:#fff;background:#696d79}:host[theme=standard][color=person]{color:#fff;background:#696d79}:host[theme=standard]:hover,:host[theme=standard]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026}:host[theme=standard]:active{box-shadow:0 1px 2px #00000026}\n", ":host[theme=primary]{background:#4a89dc;color:#fff;text-align:left}:host[theme=primary][color=black]{color:#fff;background:#000}:host[theme=primary][color=white]{color:#3d464d;background:#fff}:host[theme=primary][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=primary][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=primary][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=primary][color=neutral]{color:#fff;background:#4f5361}:host[theme=primary][color=dark]{color:#fff;background:#3d464d}:host[theme=primary][color=orange]{color:#3d464d;background:#ff6900}:host[theme=primary][color=navigation]{color:#fff;background:#202945}:host[theme=primary][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=primary][color=steel]{color:#fff;background:#5b6770}:host[theme=primary][color=metal]{color:#fff;background:#637893}:host[theme=primary][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=primary][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=primary][color=stone]{color:#3d464d;background:#bebebe}:host[theme=primary][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=primary][color=slate]{color:#fff;background:#707070}:host[theme=primary][color=onyx]{color:#fff;background:#526980}:host[theme=primary][color=charcoal]{color:#fff;background:#282828}:host[theme=primary][color=moonlight]{color:#fff;background:#1a242f}:host[theme=primary][color=midnight]{color:#fff;background:#202945}:host[theme=primary][color=darkness]{color:#fff;background:#161f27}:host[theme=primary][color=navy]{color:#fff;background:#0d2d42}:host[theme=primary][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=primary][color=ocean]{color:#fff;background:#4a89dc}:host[theme=primary][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=primary][color=grass]{color:#fff;background:#8cc152}:host[theme=primary][color=sunflower]{color:#fff;background:#f6b042}:host[theme=primary][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=primary][color=grapefruit]{color:#fff;background:#da4453}:host[theme=primary][color=carnation]{color:#fff;background:#d770ad}:host[theme=primary][color=lavender]{color:#fff;background:#967adc}:host[theme=primary][color=mountain]{color:#fff;background:#9678b6}:host[theme=primary][color=info]{color:#fff;background:#4a89dc}:host[theme=primary][color=positive]{color:#fff;background:#4a89dc}:host[theme=primary][color=success]{color:#fff;background:#8cc152}:host[theme=primary][color=negative]{color:#fff;background:#da4453}:host[theme=primary][color=danger]{color:#fff;background:#da4453}:host[theme=primary][color=error]{color:#fff;background:#da4453}:host[theme=primary][color=warning]{color:#fff;background:#f6b042}:host[theme=primary][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=primary][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=primary][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=primary][color=presentation]{color:#fff;background:#5b6770}:host[theme=primary][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=primary][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=primary][color=company]{color:#fff;background:#39d}:host[theme=primary][color=candidate]{color:#fff;background:#4b7}:host[theme=primary][color=lead]{color:#fff;background:#a69}:host[theme=primary][color=contact]{color:#fff;background:#fa4}:host[theme=primary][color=clientcontact]{color:#fff;background:#fa4}:host[theme=primary][color=opportunity]{color:#fff;background:#625}:host[theme=primary][color=job]{color:#fff;background:#b56}:host[theme=primary][color=joborder]{color:#fff;background:#b56}:host[theme=primary][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=primary][color=sendout]{color:#fff;background:#747884}:host[theme=primary][color=placement]{color:#fff;background:#0b344f}:host[theme=primary][color=note]{color:#fff;background:#747884}:host[theme=primary][color=contract]{color:#fff;background:#454ea0}:host[theme=primary][color=task]{color:#fff;background:#4f5361}:host[theme=primary][color=jobCode]{color:#fff;background:#696d79}:host[theme=primary][color=earnCode]{color:#fff;background:#696d79}:host[theme=primary][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=primary][color=billableCharge]{color:#fff;background:#696d79}:host[theme=primary][color=payableCharge]{color:#fff;background:#696d79}:host[theme=primary][color=user]{color:#fff;background:#696d79}:host[theme=primary][color=corporateUser]{color:#fff;background:#696d79}:host[theme=primary][color=distributionList]{color:#fff;background:#696d79}:host[theme=primary][color=credential]{color:#fff;background:#696d79}:host[theme=primary][color=person]{color:#fff;background:#696d79}:host[theme=primary]:hover,:host[theme=primary]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026;filter:brightness(1.15)}:host[theme=primary]:active{filter:brightness(.85);box-shadow:0 1px 2px #00000026}:host[theme=primary][color=white]{background:#fff;color:#4a89dc}:host[theme=primary][color=white]:hover,:host[theme=primary][color=white]:focus{background:#f7f7f7}:host[theme=primary][color=white]:active{background:#eaeaea}:host[theme=primary][color=white] i{background:#0000000d}:host[theme=primary][size=large] i{margin-left:3px}\n", ":host[theme=secondary]{text-align:left;align-items:center;background:#fff;color:#4a89dc;border:1px solid #4a89dc;padding:0 calc(1rem - 1px)}:host[theme=secondary][color=black]{color:#000}:host[theme=secondary][color=black] i{color:#000}:host[theme=secondary][color=white]{color:#fff}:host[theme=secondary][color=white] i{color:#fff}:host[theme=secondary][color=gray]{color:#9e9e9e}:host[theme=secondary][color=gray] i{color:#9e9e9e}:host[theme=secondary][color=grey]{color:#9e9e9e}:host[theme=secondary][color=grey] i{color:#9e9e9e}:host[theme=secondary][color=offWhite]{color:#f7f7f7}:host[theme=secondary][color=offWhite] i{color:#f7f7f7}:host[theme=secondary][color=bright]{color:#f7f7f7}:host[theme=secondary][color=bright] i{color:#f7f7f7}:host[theme=secondary][color=light]{color:#dbdbdb}:host[theme=secondary][color=light] i{color:#dbdbdb}:host[theme=secondary][color=neutral]{color:#4f5361}:host[theme=secondary][color=neutral] i{color:#4f5361}:host[theme=secondary][color=dark]{color:#3d464d}:host[theme=secondary][color=dark] i{color:#3d464d}:host[theme=secondary][color=orange]{color:#ff6900}:host[theme=secondary][color=orange] i{color:#ff6900}:host[theme=secondary][color=navigation]{color:#202945}:host[theme=secondary][color=navigation] i{color:#202945}:host[theme=secondary][color=skyBlue]{color:#009bdf}:host[theme=secondary][color=skyBlue] i{color:#009bdf}:host[theme=secondary][color=steel]{color:#5b6770}:host[theme=secondary][color=steel] i{color:#5b6770}:host[theme=secondary][color=metal]{color:#637893}:host[theme=secondary][color=metal] i{color:#637893}:host[theme=secondary][color=sand]{color:#f4f4f4}:host[theme=secondary][color=sand] i{color:#f4f4f4}:host[theme=secondary][color=silver]{color:#e2e2e2}:host[theme=secondary][color=silver] i{color:#e2e2e2}:host[theme=secondary][color=stone]{color:#bebebe}:host[theme=secondary][color=stone] i{color:#bebebe}:host[theme=secondary][color=ash]{color:#a0a0a0}:host[theme=secondary][color=ash] i{color:#a0a0a0}:host[theme=secondary][color=slate]{color:#707070}:host[theme=secondary][color=slate] i{color:#707070}:host[theme=secondary][color=onyx]{color:#526980}:host[theme=secondary][color=onyx] i{color:#526980}:host[theme=secondary][color=charcoal]{color:#282828}:host[theme=secondary][color=charcoal] i{color:#282828}:host[theme=secondary][color=moonlight]{color:#1a242f}:host[theme=secondary][color=moonlight] i{color:#1a242f}:host[theme=secondary][color=midnight]{color:#202945}:host[theme=secondary][color=midnight] i{color:#202945}:host[theme=secondary][color=darkness]{color:#161f27}:host[theme=secondary][color=darkness] i{color:#161f27}:host[theme=secondary][color=navy]{color:#0d2d42}:host[theme=secondary][color=navy] i{color:#0d2d42}:host[theme=secondary][color=aqua]{color:#3bafda}:host[theme=secondary][color=aqua] i{color:#3bafda}:host[theme=secondary][color=ocean]{color:#4a89dc}:host[theme=secondary][color=ocean] i{color:#4a89dc}:host[theme=secondary][color=mint]{color:#37bc9b}:host[theme=secondary][color=mint] i{color:#37bc9b}:host[theme=secondary][color=grass]{color:#8cc152}:host[theme=secondary][color=grass] i{color:#8cc152}:host[theme=secondary][color=sunflower]{color:#f6b042}:host[theme=secondary][color=sunflower] i{color:#f6b042}:host[theme=secondary][color=bittersweet]{color:#eb6845}:host[theme=secondary][color=bittersweet] i{color:#eb6845}:host[theme=secondary][color=grapefruit]{color:#da4453}:host[theme=secondary][color=grapefruit] i{color:#da4453}:host[theme=secondary][color=carnation]{color:#d770ad}:host[theme=secondary][color=carnation] i{color:#d770ad}:host[theme=secondary][color=lavender]{color:#967adc}:host[theme=secondary][color=lavender] i{color:#967adc}:host[theme=secondary][color=mountain]{color:#9678b6}:host[theme=secondary][color=mountain] i{color:#9678b6}:host[theme=secondary][color=info]{color:#4a89dc}:host[theme=secondary][color=info] i{color:#4a89dc}:host[theme=secondary][color=positive]{color:#4a89dc}:host[theme=secondary][color=positive] i{color:#4a89dc}:host[theme=secondary][color=success]{color:#8cc152}:host[theme=secondary][color=success] i{color:#8cc152}:host[theme=secondary][color=negative]{color:#da4453}:host[theme=secondary][color=negative] i{color:#da4453}:host[theme=secondary][color=danger]{color:#da4453}:host[theme=secondary][color=danger] i{color:#da4453}:host[theme=secondary][color=error]{color:#da4453}:host[theme=secondary][color=error] i{color:#da4453}:host[theme=secondary][color=warning]{color:#f6b042}:host[theme=secondary][color=warning] i{color:#f6b042}:host[theme=secondary][color=empty]{color:#cccdcc}:host[theme=secondary][color=empty] i{color:#cccdcc}:host[theme=secondary][color=disabled]{color:#bebebe}:host[theme=secondary][color=disabled] i{color:#bebebe}:host[theme=secondary][color=background]{color:#f7f7f7}:host[theme=secondary][color=background] i{color:#f7f7f7}:host[theme=secondary][color=backgroundDark]{color:#e2e2e2}:host[theme=secondary][color=backgroundDark] i{color:#e2e2e2}:host[theme=secondary][color=presentation]{color:#5b6770}:host[theme=secondary][color=presentation] i{color:#5b6770}:host[theme=secondary][color=bullhorn]{color:#ff6900}:host[theme=secondary][color=bullhorn] i{color:#ff6900}:host[theme=secondary][color=pulse]{color:#3bafda}:host[theme=secondary][color=pulse] i{color:#3bafda}:host[theme=secondary][color=company]{color:#39d}:host[theme=secondary][color=company] i{color:#39d}:host[theme=secondary][color=candidate]{color:#4b7}:host[theme=secondary][color=candidate] i{color:#4b7}:host[theme=secondary][color=lead]{color:#a69}:host[theme=secondary][color=lead] i{color:#a69}:host[theme=secondary][color=contact]{color:#fa4}:host[theme=secondary][color=contact] i{color:#fa4}:host[theme=secondary][color=clientcontact]{color:#fa4}:host[theme=secondary][color=clientcontact] i{color:#fa4}:host[theme=secondary][color=opportunity]{color:#625}:host[theme=secondary][color=opportunity] i{color:#625}:host[theme=secondary][color=job]{color:#b56}:host[theme=secondary][color=job] i{color:#b56}:host[theme=secondary][color=joborder]{color:#b56}:host[theme=secondary][color=joborder] i{color:#b56}:host[theme=secondary][color=submission]{color:#a9adbb}:host[theme=secondary][color=submission] i{color:#a9adbb}:host[theme=secondary][color=sendout]{color:#747884}:host[theme=secondary][color=sendout] i{color:#747884}:host[theme=secondary][color=placement]{color:#0b344f}:host[theme=secondary][color=placement] i{color:#0b344f}:host[theme=secondary][color=note]{color:#747884}:host[theme=secondary][color=note] i{color:#747884}:host[theme=secondary][color=contract]{color:#454ea0}:host[theme=secondary][color=contract] i{color:#454ea0}:host[theme=secondary][color=task]{color:#4f5361}:host[theme=secondary][color=task] i{color:#4f5361}:host[theme=secondary][color=jobCode]{color:#696d79}:host[theme=secondary][color=jobCode] i{color:#696d79}:host[theme=secondary][color=earnCode]{color:#696d79}:host[theme=secondary][color=earnCode] i{color:#696d79}:host[theme=secondary][color=invoiceStatement]{color:#696d79}:host[theme=secondary][color=invoiceStatement] i{color:#696d79}:host[theme=secondary][color=billableCharge]{color:#696d79}:host[theme=secondary][color=billableCharge] i{color:#696d79}:host[theme=secondary][color=payableCharge]{color:#696d79}:host[theme=secondary][color=payableCharge] i{color:#696d79}:host[theme=secondary][color=user]{color:#696d79}:host[theme=secondary][color=user] i{color:#696d79}:host[theme=secondary][color=corporateUser]{color:#696d79}:host[theme=secondary][color=corporateUser] i{color:#696d79}:host[theme=secondary][color=distributionList]{color:#696d79}:host[theme=secondary][color=distributionList] i{color:#696d79}:host[theme=secondary][color=credential]{color:#696d79}:host[theme=secondary][color=credential] i{color:#696d79}:host[theme=secondary][color=person]{color:#696d79}:host[theme=secondary][color=person] i{color:#696d79}:host[theme=secondary][color=black]{border:1px solid #000000}:host[theme=secondary][color=white]{border:1px solid #ffffff}:host[theme=secondary][color=gray]{border:1px solid #9e9e9e}:host[theme=secondary][color=grey]{border:1px solid #9e9e9e}:host[theme=secondary][color=offWhite]{border:1px solid #f7f7f7}:host[theme=secondary][color=bright]{border:1px solid #f7f7f7}:host[theme=secondary][color=light]{border:1px solid #dbdbdb}:host[theme=secondary][color=neutral]{border:1px solid #4f5361}:host[theme=secondary][color=dark]{border:1px solid #3d464d}:host[theme=secondary][color=orange]{border:1px solid #ff6900}:host[theme=secondary][color=navigation]{border:1px solid #202945}:host[theme=secondary][color=skyBlue]{border:1px solid #009bdf}:host[theme=secondary][color=steel]{border:1px solid #5b6770}:host[theme=secondary][color=metal]{border:1px solid #637893}:host[theme=secondary][color=sand]{border:1px solid #f4f4f4}:host[theme=secondary][color=silver]{border:1px solid #e2e2e2}:host[theme=secondary][color=stone]{border:1px solid #bebebe}:host[theme=secondary][color=ash]{border:1px solid #a0a0a0}:host[theme=secondary][color=slate]{border:1px solid #707070}:host[theme=secondary][color=onyx]{border:1px solid #526980}:host[theme=secondary][color=charcoal]{border:1px solid #282828}:host[theme=secondary][color=moonlight]{border:1px solid #1a242f}:host[theme=secondary][color=midnight]{border:1px solid #202945}:host[theme=secondary][color=darkness]{border:1px solid #161f27}:host[theme=secondary][color=navy]{border:1px solid #0d2d42}:host[theme=secondary][color=aqua]{border:1px solid #3bafda}:host[theme=secondary][color=ocean]{border:1px solid #4a89dc}:host[theme=secondary][color=mint]{border:1px solid #37bc9b}:host[theme=secondary][color=grass]{border:1px solid #8cc152}:host[theme=secondary][color=sunflower]{border:1px solid #f6b042}:host[theme=secondary][color=bittersweet]{border:1px solid #eb6845}:host[theme=secondary][color=grapefruit]{border:1px solid #da4453}:host[theme=secondary][color=carnation]{border:1px solid #d770ad}:host[theme=secondary][color=lavender]{border:1px solid #967adc}:host[theme=secondary][color=mountain]{border:1px solid #9678b6}:host[theme=secondary][color=info]{border:1px solid #4a89dc}:host[theme=secondary][color=positive]{border:1px solid #4a89dc}:host[theme=secondary][color=success]{border:1px solid #8cc152}:host[theme=secondary][color=negative]{border:1px solid #da4453}:host[theme=secondary][color=danger]{border:1px solid #da4453}:host[theme=secondary][color=error]{border:1px solid #da4453}:host[theme=secondary][color=warning]{border:1px solid #f6b042}:host[theme=secondary][color=empty]{border:1px solid #cccdcc}:host[theme=secondary][color=disabled]{border:1px solid #bebebe}:host[theme=secondary][color=background]{border:1px solid #f7f7f7}:host[theme=secondary][color=backgroundDark]{border:1px solid #e2e2e2}:host[theme=secondary][color=presentation]{border:1px solid #5b6770}:host[theme=secondary][color=bullhorn]{border:1px solid #ff6900}:host[theme=secondary][color=pulse]{border:1px solid #3bafda}:host[theme=secondary][color=company]{border:1px solid #3399dd}:host[theme=secondary][color=candidate]{border:1px solid #44bb77}:host[theme=secondary][color=lead]{border:1px solid #aa6699}:host[theme=secondary][color=contact]{border:1px solid #ffaa44}:host[theme=secondary][color=clientcontact]{border:1px solid #ffaa44}:host[theme=secondary][color=opportunity]{border:1px solid #662255}:host[theme=secondary][color=job]{border:1px solid #bb5566}:host[theme=secondary][color=joborder]{border:1px solid #bb5566}:host[theme=secondary][color=submission]{border:1px solid #a9adbb}:host[theme=secondary][color=sendout]{border:1px solid #747884}:host[theme=secondary][color=placement]{border:1px solid #0b344f}:host[theme=secondary][color=note]{border:1px solid #747884}:host[theme=secondary][color=contract]{border:1px solid #454ea0}:host[theme=secondary][color=task]{border:1px solid #4f5361}:host[theme=secondary][color=jobCode]{border:1px solid #696d79}:host[theme=secondary][color=earnCode]{border:1px solid #696d79}:host[theme=secondary][color=invoiceStatement]{border:1px solid #696d79}:host[theme=secondary][color=billableCharge]{border:1px solid #696d79}:host[theme=secondary][color=payableCharge]{border:1px solid #696d79}:host[theme=secondary][color=user]{border:1px solid #696d79}:host[theme=secondary][color=corporateUser]{border:1px solid #696d79}:host[theme=secondary][color=distributionList]{border:1px solid #696d79}:host[theme=secondary][color=credential]{border:1px solid #696d79}:host[theme=secondary][color=person]{border:1px solid #696d79}:host[theme=secondary] i.loading{margin-left:.8rem}:host[theme=secondary] i.loading svg .spinner{fill:#4a89dc}:host[theme=secondary]:hover,:host[theme=secondary]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026;background:#fff}:host[theme=secondary]:active{box-shadow:0 1px 2px #00000026}:host[theme=secondary][inverse]{background:#00000040;color:#fff;border:1px solid #fff}:host[theme=secondary][inverse]:hover,:host[theme=secondary][inverse]:focus{background:#00000059}:host[theme=secondary][inverse]:active{background:#00000073}:host[theme=secondary][inverse] i.loading svg .spinner{fill:#fff}\n", ":host[theme=fab]{border-radius:50%!important;padding:0;font-size:1.2rem;width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center}:host[theme=fab][color=black]{color:#fff;background:#000}:host[theme=fab][color=white]{color:#3d464d;background:#fff}:host[theme=fab][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=fab][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=fab][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=fab][color=neutral]{color:#fff;background:#4f5361}:host[theme=fab][color=dark]{color:#fff;background:#3d464d}:host[theme=fab][color=orange]{color:#3d464d;background:#ff6900}:host[theme=fab][color=navigation]{color:#fff;background:#202945}:host[theme=fab][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=fab][color=steel]{color:#fff;background:#5b6770}:host[theme=fab][color=metal]{color:#fff;background:#637893}:host[theme=fab][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=fab][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=fab][color=stone]{color:#3d464d;background:#bebebe}:host[theme=fab][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=fab][color=slate]{color:#fff;background:#707070}:host[theme=fab][color=onyx]{color:#fff;background:#526980}:host[theme=fab][color=charcoal]{color:#fff;background:#282828}:host[theme=fab][color=moonlight]{color:#fff;background:#1a242f}:host[theme=fab][color=midnight]{color:#fff;background:#202945}:host[theme=fab][color=darkness]{color:#fff;background:#161f27}:host[theme=fab][color=navy]{color:#fff;background:#0d2d42}:host[theme=fab][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=fab][color=ocean]{color:#fff;background:#4a89dc}:host[theme=fab][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=fab][color=grass]{color:#fff;background:#8cc152}:host[theme=fab][color=sunflower]{color:#fff;background:#f6b042}:host[theme=fab][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=fab][color=grapefruit]{color:#fff;background:#da4453}:host[theme=fab][color=carnation]{color:#fff;background:#d770ad}:host[theme=fab][color=lavender]{color:#fff;background:#967adc}:host[theme=fab][color=mountain]{color:#fff;background:#9678b6}:host[theme=fab][color=info]{color:#fff;background:#4a89dc}:host[theme=fab][color=positive]{color:#fff;background:#4a89dc}:host[theme=fab][color=success]{color:#fff;background:#8cc152}:host[theme=fab][color=negative]{color:#fff;background:#da4453}:host[theme=fab][color=danger]{color:#fff;background:#da4453}:host[theme=fab][color=error]{color:#fff;background:#da4453}:host[theme=fab][color=warning]{color:#fff;background:#f6b042}:host[theme=fab][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=fab][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=fab][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=fab][color=presentation]{color:#fff;background:#5b6770}:host[theme=fab][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=fab][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=fab][color=company]{color:#fff;background:#39d}:host[theme=fab][color=candidate]{color:#fff;background:#4b7}:host[theme=fab][color=lead]{color:#fff;background:#a69}:host[theme=fab][color=contact]{color:#fff;background:#fa4}:host[theme=fab][color=clientcontact]{color:#fff;background:#fa4}:host[theme=fab][color=opportunity]{color:#fff;background:#625}:host[theme=fab][color=job]{color:#fff;background:#b56}:host[theme=fab][color=joborder]{color:#fff;background:#b56}:host[theme=fab][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=fab][color=sendout]{color:#fff;background:#747884}:host[theme=fab][color=placement]{color:#fff;background:#0b344f}:host[theme=fab][color=note]{color:#fff;background:#747884}:host[theme=fab][color=contract]{color:#fff;background:#454ea0}:host[theme=fab][color=task]{color:#fff;background:#4f5361}:host[theme=fab][color=jobCode]{color:#fff;background:#696d79}:host[theme=fab][color=earnCode]{color:#fff;background:#696d79}:host[theme=fab][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=fab][color=billableCharge]{color:#fff;background:#696d79}:host[theme=fab][color=payableCharge]{color:#fff;background:#696d79}:host[theme=fab][color=user]{color:#fff;background:#696d79}:host[theme=fab][color=corporateUser]{color:#fff;background:#696d79}:host[theme=fab][color=distributionList]{color:#fff;background:#696d79}:host[theme=fab][color=credential]{color:#fff;background:#696d79}:host[theme=fab][color=person]{color:#fff;background:#696d79}:host[theme=fab][inverse]{color:#fff}:host[theme=fab]:focus,:host[theme=fab]:hover{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab]:active{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab] .button-contents{display:contents}:host[theme=fab] i{margin:0;padding:0}:host[theme=fab] i:before{display:block}\n", ":host[theme=icon]{padding:.5rem;font-size:1.4rem;height:2.4rem}:host[theme=icon][color=black]{color:#000}:host[theme=icon][color=black] i{color:#000}:host[theme=icon][color=white]{color:#fff}:host[theme=icon][color=white] i{color:#fff}:host[theme=icon][color=gray]{color:#9e9e9e}:host[theme=icon][color=gray] i{color:#9e9e9e}:host[theme=icon][color=grey]{color:#9e9e9e}:host[theme=icon][color=grey] i{color:#9e9e9e}:host[theme=icon][color=offWhite]{color:#f7f7f7}:host[theme=icon][color=offWhite] i{color:#f7f7f7}:host[theme=icon][color=bright]{color:#f7f7f7}:host[theme=icon][color=bright] i{color:#f7f7f7}:host[theme=icon][color=light]{color:#dbdbdb}:host[theme=icon][color=light] i{color:#dbdbdb}:host[theme=icon][color=neutral]{color:#4f5361}:host[theme=icon][color=neutral] i{color:#4f5361}:host[theme=icon][color=dark]{color:#3d464d}:host[theme=icon][color=dark] i{color:#3d464d}:host[theme=icon][color=orange]{color:#ff6900}:host[theme=icon][color=orange] i{color:#ff6900}:host[theme=icon][color=navigation]{color:#202945}:host[theme=icon][color=navigation] i{color:#202945}:host[theme=icon][color=skyBlue]{color:#009bdf}:host[theme=icon][color=skyBlue] i{color:#009bdf}:host[theme=icon][color=steel]{color:#5b6770}:host[theme=icon][color=steel] i{color:#5b6770}:host[theme=icon][color=metal]{color:#637893}:host[theme=icon][color=metal] i{color:#637893}:host[theme=icon][color=sand]{color:#f4f4f4}:host[theme=icon][color=sand] i{color:#f4f4f4}:host[theme=icon][color=silver]{color:#e2e2e2}:host[theme=icon][color=silver] i{color:#e2e2e2}:host[theme=icon][color=stone]{color:#bebebe}:host[theme=icon][color=stone] i{color:#bebebe}:host[theme=icon][color=ash]{color:#a0a0a0}:host[theme=icon][color=ash] i{color:#a0a0a0}:host[theme=icon][color=slate]{color:#707070}:host[theme=icon][color=slate] i{color:#707070}:host[theme=icon][color=onyx]{color:#526980}:host[theme=icon][color=onyx] i{color:#526980}:host[theme=icon][color=charcoal]{color:#282828}:host[theme=icon][color=charcoal] i{color:#282828}:host[theme=icon][color=moonlight]{color:#1a242f}:host[theme=icon][color=moonlight] i{color:#1a242f}:host[theme=icon][color=midnight]{color:#202945}:host[theme=icon][color=midnight] i{color:#202945}:host[theme=icon][color=darkness]{color:#161f27}:host[theme=icon][color=darkness] i{color:#161f27}:host[theme=icon][color=navy]{color:#0d2d42}:host[theme=icon][color=navy] i{color:#0d2d42}:host[theme=icon][color=aqua]{color:#3bafda}:host[theme=icon][color=aqua] i{color:#3bafda}:host[theme=icon][color=ocean]{color:#4a89dc}:host[theme=icon][color=ocean] i{color:#4a89dc}:host[theme=icon][color=mint]{color:#37bc9b}:host[theme=icon][color=mint] i{color:#37bc9b}:host[theme=icon][color=grass]{color:#8cc152}:host[theme=icon][color=grass] i{color:#8cc152}:host[theme=icon][color=sunflower]{color:#f6b042}:host[theme=icon][color=sunflower] i{color:#f6b042}:host[theme=icon][color=bittersweet]{color:#eb6845}:host[theme=icon][color=bittersweet] i{color:#eb6845}:host[theme=icon][color=grapefruit]{color:#da4453}:host[theme=icon][color=grapefruit] i{color:#da4453}:host[theme=icon][color=carnation]{color:#d770ad}:host[theme=icon][color=carnation] i{color:#d770ad}:host[theme=icon][color=lavender]{color:#967adc}:host[theme=icon][color=lavender] i{color:#967adc}:host[theme=icon][color=mountain]{color:#9678b6}:host[theme=icon][color=mountain] i{color:#9678b6}:host[theme=icon][color=info]{color:#4a89dc}:host[theme=icon][color=info] i{color:#4a89dc}:host[theme=icon][color=positive]{color:#4a89dc}:host[theme=icon][color=positive] i{color:#4a89dc}:host[theme=icon][color=success]{color:#8cc152}:host[theme=icon][color=success] i{color:#8cc152}:host[theme=icon][color=negative]{color:#da4453}:host[theme=icon][color=negative] i{color:#da4453}:host[theme=icon][color=danger]{color:#da4453}:host[theme=icon][color=danger] i{color:#da4453}:host[theme=icon][color=error]{color:#da4453}:host[theme=icon][color=error] i{color:#da4453}:host[theme=icon][color=warning]{color:#f6b042}:host[theme=icon][color=warning] i{color:#f6b042}:host[theme=icon][color=empty]{color:#cccdcc}:host[theme=icon][color=empty] i{color:#cccdcc}:host[theme=icon][color=disabled]{color:#bebebe}:host[theme=icon][color=disabled] i{color:#bebebe}:host[theme=icon][color=background]{color:#f7f7f7}:host[theme=icon][color=background] i{color:#f7f7f7}:host[theme=icon][color=backgroundDark]{color:#e2e2e2}:host[theme=icon][color=backgroundDark] i{color:#e2e2e2}:host[theme=icon][color=presentation]{color:#5b6770}:host[theme=icon][color=presentation] i{color:#5b6770}:host[theme=icon][color=bullhorn]{color:#ff6900}:host[theme=icon][color=bullhorn] i{color:#ff6900}:host[theme=icon][color=pulse]{color:#3bafda}:host[theme=icon][color=pulse] i{color:#3bafda}:host[theme=icon][color=company]{color:#39d}:host[theme=icon][color=company] i{color:#39d}:host[theme=icon][color=candidate]{color:#4b7}:host[theme=icon][color=candidate] i{color:#4b7}:host[theme=icon][color=lead]{color:#a69}:host[theme=icon][color=lead] i{color:#a69}:host[theme=icon][color=contact]{color:#fa4}:host[theme=icon][color=contact] i{color:#fa4}:host[theme=icon][color=clientcontact]{color:#fa4}:host[theme=icon][color=clientcontact] i{color:#fa4}:host[theme=icon][color=opportunity]{color:#625}:host[theme=icon][color=opportunity] i{color:#625}:host[theme=icon][color=job]{color:#b56}:host[theme=icon][color=job] i{color:#b56}:host[theme=icon][color=joborder]{color:#b56}:host[theme=icon][color=joborder] i{color:#b56}:host[theme=icon][color=submission]{color:#a9adbb}:host[theme=icon][color=submission] i{color:#a9adbb}:host[theme=icon][color=sendout]{color:#747884}:host[theme=icon][color=sendout] i{color:#747884}:host[theme=icon][color=placement]{color:#0b344f}:host[theme=icon][color=placement] i{color:#0b344f}:host[theme=icon][color=note]{color:#747884}:host[theme=icon][color=note] i{color:#747884}:host[theme=icon][color=contract]{color:#454ea0}:host[theme=icon][color=contract] i{color:#454ea0}:host[theme=icon][color=task]{color:#4f5361}:host[theme=icon][color=task] i{color:#4f5361}:host[theme=icon][color=jobCode]{color:#696d79}:host[theme=icon][color=jobCode] i{color:#696d79}:host[theme=icon][color=earnCode]{color:#696d79}:host[theme=icon][color=earnCode] i{color:#696d79}:host[theme=icon][color=invoiceStatement]{color:#696d79}:host[theme=icon][color=invoiceStatement] i{color:#696d79}:host[theme=icon][color=billableCharge]{color:#696d79}:host[theme=icon][color=billableCharge] i{color:#696d79}:host[theme=icon][color=payableCharge]{color:#696d79}:host[theme=icon][color=payableCharge] i{color:#696d79}:host[theme=icon][color=user]{color:#696d79}:host[theme=icon][color=user] i{color:#696d79}:host[theme=icon][color=corporateUser]{color:#696d79}:host[theme=icon][color=corporateUser] i{color:#696d79}:host[theme=icon][color=distributionList]{color:#696d79}:host[theme=icon][color=distributionList] i{color:#696d79}:host[theme=icon][color=credential]{color:#696d79}:host[theme=icon][color=credential] i{color:#696d79}:host[theme=icon][color=person]{color:#696d79}:host[theme=icon][color=person] i{color:#696d79}:host[theme=icon][inverse]{color:#fff}:host[theme=icon] i{display:contents;margin:0!important}:host[theme=icon]:focus,:host[theme=icon]:hover{background:#0000001a}:host[theme=icon]:active{background:#00000040}:host[theme=icon] .button-contents{display:contents}:host[theme=icon][size=small]{padding:.5rem;font-size:1.2rem;height:2rem}:host[theme=icon][size=medium]{font-size:1.6rem}:host[theme=icon][size=large]{font-size:2rem;height:2.8rem;padding:1rem}\n", ":host[theme=dialogue]{background:transparent;color:#4a89dc}:host[theme=dialogue][color=black]{color:#000}:host[theme=dialogue][color=black] i{color:#000}:host[theme=dialogue][color=white]{color:#fff}:host[theme=dialogue][color=white] i{color:#fff}:host[theme=dialogue][color=gray]{color:#9e9e9e}:host[theme=dialogue][color=gray] i{color:#9e9e9e}:host[theme=dialogue][color=grey]{color:#9e9e9e}:host[theme=dialogue][color=grey] i{color:#9e9e9e}:host[theme=dialogue][color=offWhite]{color:#f7f7f7}:host[theme=dialogue][color=offWhite] i{color:#f7f7f7}:host[theme=dialogue][color=bright]{color:#f7f7f7}:host[theme=dialogue][color=bright] i{color:#f7f7f7}:host[theme=dialogue][color=light]{color:#dbdbdb}:host[theme=dialogue][color=light] i{color:#dbdbdb}:host[theme=dialogue][color=neutral]{color:#4f5361}:host[theme=dialogue][color=neutral] i{color:#4f5361}:host[theme=dialogue][color=dark]{color:#3d464d}:host[theme=dialogue][color=dark] i{color:#3d464d}:host[theme=dialogue][color=orange]{color:#ff6900}:host[theme=dialogue][color=orange] i{color:#ff6900}:host[theme=dialogue][color=navigation]{color:#202945}:host[theme=dialogue][color=navigation] i{color:#202945}:host[theme=dialogue][color=skyBlue]{color:#009bdf}:host[theme=dialogue][color=skyBlue] i{color:#009bdf}:host[theme=dialogue][color=steel]{color:#5b6770}:host[theme=dialogue][color=steel] i{color:#5b6770}:host[theme=dialogue][color=metal]{color:#637893}:host[theme=dialogue][color=metal] i{color:#637893}:host[theme=dialogue][color=sand]{color:#f4f4f4}:host[theme=dialogue][color=sand] i{color:#f4f4f4}:host[theme=dialogue][color=silver]{color:#e2e2e2}:host[theme=dialogue][color=silver] i{color:#e2e2e2}:host[theme=dialogue][color=stone]{color:#bebebe}:host[theme=dialogue][color=stone] i{color:#bebebe}:host[theme=dialogue][color=ash]{color:#a0a0a0}:host[theme=dialogue][color=ash] i{color:#a0a0a0}:host[theme=dialogue][color=slate]{color:#707070}:host[theme=dialogue][color=slate] i{color:#707070}:host[theme=dialogue][color=onyx]{color:#526980}:host[theme=dialogue][color=onyx] i{color:#526980}:host[theme=dialogue][color=charcoal]{color:#282828}:host[theme=dialogue][color=charcoal] i{color:#282828}:host[theme=dialogue][color=moonlight]{color:#1a242f}:host[theme=dialogue][color=moonlight] i{color:#1a242f}:host[theme=dialogue][color=midnight]{color:#202945}:host[theme=dialogue][color=midnight] i{color:#202945}:host[theme=dialogue][color=darkness]{color:#161f27}:host[theme=dialogue][color=darkness] i{color:#161f27}:host[theme=dialogue][color=navy]{color:#0d2d42}:host[theme=dialogue][color=navy] i{color:#0d2d42}:host[theme=dialogue][color=aqua]{color:#3bafda}:host[theme=dialogue][color=aqua] i{color:#3bafda}:host[theme=dialogue][color=ocean]{color:#4a89dc}:host[theme=dialogue][color=ocean] i{color:#4a89dc}:host[theme=dialogue][color=mint]{color:#37bc9b}:host[theme=dialogue][color=mint] i{color:#37bc9b}:host[theme=dialogue][color=grass]{color:#8cc152}:host[theme=dialogue][color=grass] i{color:#8cc152}:host[theme=dialogue][color=sunflower]{color:#f6b042}:host[theme=dialogue][color=sunflower] i{color:#f6b042}:host[theme=dialogue][color=bittersweet]{color:#eb6845}:host[theme=dialogue][color=bittersweet] i{color:#eb6845}:host[theme=dialogue][color=grapefruit]{color:#da4453}:host[theme=dialogue][color=grapefruit] i{color:#da4453}:host[theme=dialogue][color=carnation]{color:#d770ad}:host[theme=dialogue][color=carnation] i{color:#d770ad}:host[theme=dialogue][color=lavender]{color:#967adc}:host[theme=dialogue][color=lavender] i{color:#967adc}:host[theme=dialogue][color=mountain]{color:#9678b6}:host[theme=dialogue][color=mountain] i{color:#9678b6}:host[theme=dialogue][color=info]{color:#4a89dc}:host[theme=dialogue][color=info] i{color:#4a89dc}:host[theme=dialogue][color=positive]{color:#4a89dc}:host[theme=dialogue][color=positive] i{color:#4a89dc}:host[theme=dialogue][color=success]{color:#8cc152}:host[theme=dialogue][color=success] i{color:#8cc152}:host[theme=dialogue][color=negative]{color:#da4453}:host[theme=dialogue][color=negative] i{color:#da4453}:host[theme=dialogue][color=danger]{color:#da4453}:host[theme=dialogue][color=danger] i{color:#da4453}:host[theme=dialogue][color=error]{color:#da4453}:host[theme=dialogue][color=error] i{color:#da4453}:host[theme=dialogue][color=warning]{color:#f6b042}:host[theme=dialogue][color=warning] i{color:#f6b042}:host[theme=dialogue][color=empty]{color:#cccdcc}:host[theme=dialogue][color=empty] i{color:#cccdcc}:host[theme=dialogue][color=disabled]{color:#bebebe}:host[theme=dialogue][color=disabled] i{color:#bebebe}:host[theme=dialogue][color=background]{color:#f7f7f7}:host[theme=dialogue][color=background] i{color:#f7f7f7}:host[theme=dialogue][color=backgroundDark]{color:#e2e2e2}:host[theme=dialogue][color=backgroundDark] i{color:#e2e2e2}:host[theme=dialogue][color=presentation]{color:#5b6770}:host[theme=dialogue][color=presentation] i{color:#5b6770}:host[theme=dialogue][color=bullhorn]{color:#ff6900}:host[theme=dialogue][color=bullhorn] i{color:#ff6900}:host[theme=dialogue][color=pulse]{color:#3bafda}:host[theme=dialogue][color=pulse] i{color:#3bafda}:host[theme=dialogue][color=company]{color:#39d}:host[theme=dialogue][color=company] i{color:#39d}:host[theme=dialogue][color=candidate]{color:#4b7}:host[theme=dialogue][color=candidate] i{color:#4b7}:host[theme=dialogue][color=lead]{color:#a69}:host[theme=dialogue][color=lead] i{color:#a69}:host[theme=dialogue][color=contact]{color:#fa4}:host[theme=dialogue][color=contact] i{color:#fa4}:host[theme=dialogue][color=clientcontact]{color:#fa4}:host[theme=dialogue][color=clientcontact] i{color:#fa4}:host[theme=dialogue][color=opportunity]{color:#625}:host[theme=dialogue][color=opportunity] i{color:#625}:host[theme=dialogue][color=job]{color:#b56}:host[theme=dialogue][color=job] i{color:#b56}:host[theme=dialogue][color=joborder]{color:#b56}:host[theme=dialogue][color=joborder] i{color:#b56}:host[theme=dialogue][color=submission]{color:#a9adbb}:host[theme=dialogue][color=submission] i{color:#a9adbb}:host[theme=dialogue][color=sendout]{color:#747884}:host[theme=dialogue][color=sendout] i{color:#747884}:host[theme=dialogue][color=placement]{color:#0b344f}:host[theme=dialogue][color=placement] i{color:#0b344f}:host[theme=dialogue][color=note]{color:#747884}:host[theme=dialogue][color=note] i{color:#747884}:host[theme=dialogue][color=contract]{color:#454ea0}:host[theme=dialogue][color=contract] i{color:#454ea0}:host[theme=dialogue][color=task]{color:#4f5361}:host[theme=dialogue][color=task] i{color:#4f5361}:host[theme=dialogue][color=jobCode]{color:#696d79}:host[theme=dialogue][color=jobCode] i{color:#696d79}:host[theme=dialogue][color=earnCode]{color:#696d79}:host[theme=dialogue][color=earnCode] i{color:#696d79}:host[theme=dialogue][color=invoiceStatement]{color:#696d79}:host[theme=dialogue][color=invoiceStatement] i{color:#696d79}:host[theme=dialogue][color=billableCharge]{color:#696d79}:host[theme=dialogue][color=billableCharge] i{color:#696d79}:host[theme=dialogue][color=payableCharge]{color:#696d79}:host[theme=dialogue][color=payableCharge] i{color:#696d79}:host[theme=dialogue][color=user]{color:#696d79}:host[theme=dialogue][color=user] i{color:#696d79}:host[theme=dialogue][color=corporateUser]{color:#696d79}:host[theme=dialogue][color=corporateUser] i{color:#696d79}:host[theme=dialogue][color=distributionList]{color:#696d79}:host[theme=dialogue][color=distributionList] i{color:#696d79}:host[theme=dialogue][color=credential]{color:#696d79}:host[theme=dialogue][color=credential] i{color:#696d79}:host[theme=dialogue][color=person]{color:#696d79}:host[theme=dialogue][color=person] i{color:#696d79}:host[theme=dialogue] i{line-height:1.2}:host[theme=dialogue]:hover,:host[theme=dialogue]:focus{background:#ededed}:host[theme=dialogue]:active{background:#e0e0e0}:host[theme=dialogue][inverse]:hover,:host[theme=dialogue][inverse]:focus{background:#0003}:host[theme=dialogue][inverse]:active{background:#00000059}\n", ":host[theme=field]{background:transparent;color:#3d464d;border:none;border-radius:0;border-bottom:1px solid var(--border);margin-bottom:4px;padding:.25rem .5rem;font-size:1.2rem;height:1.8rem;text-align:left}:host[theme=field]:hover,:host[theme=field]:focus,:host[theme=field]:active{border-bottom:1px solid var(--selection)}:host[theme=select]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text-main);padding:0 2px 0 0;height:2rem;min-height:2rem;position:relative;text-align:left;text-shadow:none;width:100%;z-index:1;text-transform:none;font-size:1.2rem;height:1.8rem}:host[theme=select].empty{color:var(--text-muted)}:host[theme=select]:focus,:host[theme=select]:hover{outline:none}:host[theme=select]:hover{border-bottom:1px solid rgb(94.8152173913,108.8043478261,119.6847826087)}:host[theme=select]:hover i{opacity:.75}:host[theme=select]:focus{border-bottom:1px solid var(--selection)}:host[theme=select]:focus i{color:#000000ba}:host[theme=select] i{font-size:.8rem;color:var(--text-main);opacity:.45}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
113
|
+
`, isInline: true, styles: [":host{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;padding:var(--button-padding-y, 0) var(--button-padding-x, var(--spacing-md));font-size:var(--font-size-button);font-weight:var(--button-font-weight, inherit);letter-spacing:var(--button-letter-spacing, normal);height:var(--button-height, 3rem);border:none;color:var(--button-color, var(--text-main, #3d464d));background:transparent;border-radius:var(--button-radius, 3px);text-transform:var(--button-text-transform, uppercase);transition:all .2s ease-in-out;gap:var(--button-gap, var(--spacing-md));cursor:pointer;-webkit-user-select:none;user-select:none;text-overflow:clip;white-space:nowrap;overflow:hidden;flex:0 0 auto}:host .button-contents{height:var(--font-size-button);display:inline-flex;align-items:center;line-height:1;font-size:inherit;color:inherit;text-transform:var(--button-text-transform, uppercase)}:host i{height:var(--font-size-button);font-size:inherit;line-height:1}:host[size=small],:host[size=sm]{font-size:var(--font-size-xs);padding:0 var(--spacing-md);height:2.4rem;gap:var(--spacing-sm)}:host[size=small] .button-contents,:host[size=small] i,:host[size=sm] .button-contents,:host[size=sm] i{height:1rem}:host[size=large],:host[size=lg]{font-size:1.6rem;padding:0 var(--spacing-lg);height:3.6rem;gap:var(--spacing-lg)}:host[size=large] .button-contents,:host[size=large] i,:host[size=lg] .button-contents,:host[size=lg] i{height:1.6rem}:host:focus{outline:none}:host:focus-visible{box-shadow:var(--button-focus-ring, none)}:host[disabled],:host.novo-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}:host[disabled=false]{opacity:1;cursor:pointer;pointer-events:auto}:host[loading=true]{opacity:.5;cursor:not-allowed;pointer-events:none}:host[loading=true] i.loading{display:flex;align-items:center;justify-content:center;animation:rotate 1.2s linear infinite}:host[loading=true] i.loading svg{width:100%;height:100%;max-width:15px;max-height:15px}:host[loading=true] i.loading svg .spinner{fill:currentColor}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n", ":host[theme=standard]{color:var(--button-text);background:var(--button-background)}:host[theme=standard][color=border-default]{background:#dbdbdb}:host[theme=standard][color=black]{color:var(--color-contrast-black);background:#000}:host[theme=standard][color=white]{color:var(--color-contrast-white);background:#fff}:host[theme=standard][color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host[theme=standard][color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host[theme=standard][color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host[theme=standard][color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host[theme=standard][color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host[theme=standard][color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host[theme=standard][color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host[theme=standard][color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host[theme=standard][color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host[theme=standard][color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host[theme=standard][color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host[theme=standard][color=metal]{color:var(--color-contrast-metal);background:#637893}:host[theme=standard][color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host[theme=standard][color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host[theme=standard][color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host[theme=standard][color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host[theme=standard][color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host[theme=standard][color=slate]{color:var(--color-contrast-slate);background:#707070}:host[theme=standard][color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host[theme=standard][color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host[theme=standard][color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host[theme=standard][color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host[theme=standard][color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host[theme=standard][color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host[theme=standard][color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host[theme=standard][color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host[theme=standard][color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host[theme=standard][color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host[theme=standard][color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host[theme=standard][color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host[theme=standard][color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host[theme=standard][color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host[theme=standard][color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host[theme=standard][color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host[theme=standard][color=info]{color:var(--color-contrast-info);background:#4a89dc}:host[theme=standard][color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host[theme=standard][color=success]{color:var(--color-contrast-success);background:#8cc152}:host[theme=standard][color=negative]{color:var(--color-contrast-negative);background:#da4453}:host[theme=standard][color=danger]{color:var(--color-contrast-danger);background:#da4453}:host[theme=standard][color=error]{color:var(--color-contrast-error);background:#da4453}:host[theme=standard][color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host[theme=standard][color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host[theme=standard][color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host[theme=standard][color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host[theme=standard][color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host[theme=standard][color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host[theme=standard][color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host[theme=standard][color=text]{color:var(--color-contrast-text);background:#282828}:host[theme=standard][color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host[theme=standard][color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host[theme=standard][color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host[theme=standard][color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host[theme=standard][color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host[theme=standard][color=company]{color:var(--color-contrast-company);background:#39d}:host[theme=standard][color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host[theme=standard][color=lead]{color:var(--color-contrast-lead);background:#a69}:host[theme=standard][color=contact]{color:var(--color-contrast-contact);background:#fa4}:host[theme=standard][color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host[theme=standard][color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host[theme=standard][color=job]{color:var(--color-contrast-job);background:#b56}:host[theme=standard][color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host[theme=standard][color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host[theme=standard][color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host[theme=standard][color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host[theme=standard][color=note]{color:var(--color-contrast-note);background:#747884}:host[theme=standard][color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host[theme=standard][color=task]{color:var(--color-contrast-task);background:#4f5361}:host[theme=standard][color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host[theme=standard][color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host[theme=standard][color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host[theme=standard][color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host[theme=standard][color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host[theme=standard][color=user]{color:var(--color-contrast-user);background:#696d79}:host[theme=standard][color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host[theme=standard][color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host[theme=standard][color=credential]{color:var(--color-contrast-credential);background:#696d79}:host[theme=standard][color=person]{color:var(--color-contrast-person);background:#696d79}:host[theme=standard]:hover,:host[theme=standard]:focus{box-shadow:var(--shadow-2),var(--shadow-1)}:host[theme=standard]:active{box-shadow:var(--shadow-1)}\n", ":host[theme=primary]{background:var(--button-primary-background, var(--color-positive));color:var(--button-primary-color, var(--color-contrast-positive));border:var(--button-primary-border, none);text-align:left}:host[theme=primary][color=border-default]{color:var(--color-contrast-border-default);background:var(--color-border-default)}:host[theme=primary][color=black]{color:var(--color-contrast-black);background:var(--color-black)}:host[theme=primary][color=white]{color:var(--color-contrast-white);background:var(--color-white)}:host[theme=primary][color=gray]{color:var(--color-contrast-gray);background:var(--color-gray)}:host[theme=primary][color=grey]{color:var(--color-contrast-grey);background:var(--color-grey)}:host[theme=primary][color=offWhite]{color:var(--color-contrast-offWhite);background:var(--color-offWhite)}:host[theme=primary][color=bright]{color:var(--color-contrast-bright);background:var(--color-bright)}:host[theme=primary][color=light]{color:var(--color-contrast-light);background:var(--color-light)}:host[theme=primary][color=neutral]{color:var(--color-contrast-neutral);background:var(--color-neutral)}:host[theme=primary][color=dark]{color:var(--color-contrast-dark);background:var(--color-dark)}:host[theme=primary][color=orange]{color:var(--color-contrast-orange);background:var(--color-orange)}:host[theme=primary][color=navigation]{color:var(--color-contrast-navigation);background:var(--color-navigation)}:host[theme=primary][color=skyBlue]{color:var(--color-contrast-skyBlue);background:var(--color-skyBlue)}:host[theme=primary][color=steel]{color:var(--color-contrast-steel);background:var(--color-steel)}:host[theme=primary][color=metal]{color:var(--color-contrast-metal);background:var(--color-metal)}:host[theme=primary][color=sand]{color:var(--color-contrast-sand);background:var(--color-sand)}:host[theme=primary][color=silver]{color:var(--color-contrast-silver);background:var(--color-silver)}:host[theme=primary][color=stone]{color:var(--color-contrast-stone);background:var(--color-stone)}:host[theme=primary][color=ash]{color:var(--color-contrast-ash);background:var(--color-ash)}:host[theme=primary][color=anonymous]{color:var(--color-contrast-anonymous);background:var(--color-anonymous)}:host[theme=primary][color=slate]{color:var(--color-contrast-slate);background:var(--color-slate)}:host[theme=primary][color=onyx]{color:var(--color-contrast-onyx);background:var(--color-onyx)}:host[theme=primary][color=charcoal]{color:var(--color-contrast-charcoal);background:var(--color-charcoal)}:host[theme=primary][color=moonlight]{color:var(--color-contrast-moonlight);background:var(--color-moonlight)}:host[theme=primary][color=midnight]{color:var(--color-contrast-midnight);background:var(--color-midnight)}:host[theme=primary][color=darkness]{color:var(--color-contrast-darkness);background:var(--color-darkness)}:host[theme=primary][color=navy]{color:var(--color-contrast-navy);background:var(--color-navy)}:host[theme=primary][color=aqua]{color:var(--color-contrast-aqua);background:var(--color-aqua)}:host[theme=primary][color=ocean]{color:var(--color-contrast-ocean);background:var(--color-ocean)}:host[theme=primary][color=mint]{color:var(--color-contrast-mint);background:var(--color-mint)}:host[theme=primary][color=grass]{color:var(--color-contrast-grass);background:var(--color-grass)}:host[theme=primary][color=sunflower]{color:var(--color-contrast-sunflower);background:var(--color-sunflower)}:host[theme=primary][color=bittersweet]{color:var(--color-contrast-bittersweet);background:var(--color-bittersweet)}:host[theme=primary][color=grapefruit]{color:var(--color-contrast-grapefruit);background:var(--color-grapefruit)}:host[theme=primary][color=carnation]{color:var(--color-contrast-carnation);background:var(--color-carnation)}:host[theme=primary][color=lavender]{color:var(--color-contrast-lavender);background:var(--color-lavender)}:host[theme=primary][color=mountain]{color:var(--color-contrast-mountain);background:var(--color-mountain)}:host[theme=primary][color=info]{color:var(--color-contrast-info);background:var(--color-info)}:host[theme=primary][color=positive]{color:var(--color-contrast-positive);background:var(--color-positive)}:host[theme=primary][color=success]{color:var(--color-contrast-success);background:var(--color-success)}:host[theme=primary][color=negative]{color:var(--color-contrast-negative);background:var(--color-negative)}:host[theme=primary][color=danger]{color:var(--color-contrast-danger);background:var(--color-danger)}:host[theme=primary][color=error]{color:var(--color-contrast-error);background:var(--color-error)}:host[theme=primary][color=warning]{color:var(--color-contrast-warning);background:var(--color-warning)}:host[theme=primary][color=empty]{color:var(--color-contrast-empty);background:var(--color-empty)}:host[theme=primary][color=disabled]{color:var(--color-contrast-disabled);background:var(--color-disabled)}:host[theme=primary][color=background]{color:var(--color-contrast-background);background:var(--color-background)}:host[theme=primary][color=backgroundDark]{color:var(--color-contrast-backgroundDark);background:var(--color-backgroundDark)}:host[theme=primary][color=border]{color:var(--color-contrast-border);background:var(--color-border)}:host[theme=primary][color=border2]{color:var(--color-contrast-border2);background:var(--color-border2)}:host[theme=primary][color=text]{color:var(--color-contrast-text);background:var(--color-text)}:host[theme=primary][color=presentation]{color:var(--color-contrast-presentation);background:var(--color-presentation)}:host[theme=primary][color=bullhorn]{color:var(--color-contrast-bullhorn);background:var(--color-bullhorn)}:host[theme=primary][color=pulse]{color:var(--color-contrast-pulse);background:var(--color-pulse)}:host[theme=primary][color=fastFind]{color:var(--color-contrast-fastFind);background:var(--color-fastFind)}:host[theme=primary][color=toast]{color:var(--color-contrast-toast);background:var(--color-toast)}:host[theme=primary][color=company]{color:var(--color-contrast-company);background:var(--color-company)}:host[theme=primary][color=candidate]{color:var(--color-contrast-candidate);background:var(--color-candidate)}:host[theme=primary][color=lead]{color:var(--color-contrast-lead);background:var(--color-lead)}:host[theme=primary][color=contact]{color:var(--color-contrast-contact);background:var(--color-contact)}:host[theme=primary][color=clientcontact]{color:var(--color-contrast-clientcontact);background:var(--color-clientcontact)}:host[theme=primary][color=opportunity]{color:var(--color-contrast-opportunity);background:var(--color-opportunity)}:host[theme=primary][color=job]{color:var(--color-contrast-job);background:var(--color-job)}:host[theme=primary][color=joborder]{color:var(--color-contrast-joborder);background:var(--color-joborder)}:host[theme=primary][color=submission]{color:var(--color-contrast-submission);background:var(--color-submission)}:host[theme=primary][color=sendout]{color:var(--color-contrast-sendout);background:var(--color-sendout)}:host[theme=primary][color=placement]{color:var(--color-contrast-placement);background:var(--color-placement)}:host[theme=primary][color=note]{color:var(--color-contrast-note);background:var(--color-note)}:host[theme=primary][color=contract]{color:var(--color-contrast-contract);background:var(--color-contract)}:host[theme=primary][color=task]{color:var(--color-contrast-task);background:var(--color-task)}:host[theme=primary][color=jobCode]{color:var(--color-contrast-jobCode);background:var(--color-jobCode)}:host[theme=primary][color=earnCode]{color:var(--color-contrast-earnCode);background:var(--color-earnCode)}:host[theme=primary][color=invoiceStatement]{color:var(--color-contrast-invoiceStatement);background:var(--color-invoiceStatement)}:host[theme=primary][color=billableCharge]{color:var(--color-contrast-billableCharge);background:var(--color-billableCharge)}:host[theme=primary][color=payableCharge]{color:var(--color-contrast-payableCharge);background:var(--color-payableCharge)}:host[theme=primary][color=user]{color:var(--color-contrast-user);background:var(--color-user)}:host[theme=primary][color=corporateUser]{color:var(--color-contrast-corporateUser);background:var(--color-corporateUser)}:host[theme=primary][color=distributionList]{color:var(--color-contrast-distributionList);background:var(--color-distributionList)}:host[theme=primary][color=credential]{color:var(--color-contrast-credential);background:var(--color-credential)}:host[theme=primary][color=person]{color:var(--color-contrast-person);background:var(--color-person)}:host[theme=primary]:hover,:host[theme=primary]:focus{filter:brightness(1.15);box-shadow:var(--shadow-2),var(--shadow-1)}:host[theme=primary]:active{filter:brightness(.85);box-shadow:var(--shadow-1)}:host[theme=primary][color=white]{background:var(--background-main);color:var(--color-positive)}:host[theme=primary][color=white]:hover,:host[theme=primary][color=white]:focus{background:var(--background-main)}:host[theme=primary][color=white]:active{background:hsl(from var(--theme-background-main) h s calc(l - 5))}:host[theme=primary][color=white] i{background:#0000000d}:host[theme=primary][size=large] i{margin-left:3px}\n", ":host[theme=secondary]{text-align:left;align-items:center;background:var(--color-white);color:var(--button-secondary-text, var(--color-positive));border:var(--button-secondary-border, 1px solid #4a89dc);padding:0 calc(var(--spacing-md) - 1px)}:host[theme=secondary][color=border-default]{color:#dbdbdb}:host[theme=secondary][color=border-default] i{color:#dbdbdb}:host[theme=secondary][color=black]{color:#000}:host[theme=secondary][color=black] i{color:#000}:host[theme=secondary][color=white]{color:#fff}:host[theme=secondary][color=white] i{color:#fff}:host[theme=secondary][color=gray]{color:#9e9e9e}:host[theme=secondary][color=gray] i{color:#9e9e9e}:host[theme=secondary][color=grey]{color:#9e9e9e}:host[theme=secondary][color=grey] i{color:#9e9e9e}:host[theme=secondary][color=offWhite]{color:#f7f7f7}:host[theme=secondary][color=offWhite] i{color:#f7f7f7}:host[theme=secondary][color=bright]{color:#f7f7f7}:host[theme=secondary][color=bright] i{color:#f7f7f7}:host[theme=secondary][color=light]{color:#dbdbdb}:host[theme=secondary][color=light] i{color:#dbdbdb}:host[theme=secondary][color=neutral]{color:#4f5361}:host[theme=secondary][color=neutral] i{color:#4f5361}:host[theme=secondary][color=dark]{color:#3d464d}:host[theme=secondary][color=dark] i{color:#3d464d}:host[theme=secondary][color=orange]{color:#ff6900}:host[theme=secondary][color=orange] i{color:#ff6900}:host[theme=secondary][color=navigation]{color:#202945}:host[theme=secondary][color=navigation] i{color:#202945}:host[theme=secondary][color=skyBlue]{color:#009bdf}:host[theme=secondary][color=skyBlue] i{color:#009bdf}:host[theme=secondary][color=steel]{color:#5b6770}:host[theme=secondary][color=steel] i{color:#5b6770}:host[theme=secondary][color=metal]{color:#637893}:host[theme=secondary][color=metal] i{color:#637893}:host[theme=secondary][color=sand]{color:#f4f4f4}:host[theme=secondary][color=sand] i{color:#f4f4f4}:host[theme=secondary][color=silver]{color:#e2e2e2}:host[theme=secondary][color=silver] i{color:#e2e2e2}:host[theme=secondary][color=stone]{color:#bebebe}:host[theme=secondary][color=stone] i{color:#bebebe}:host[theme=secondary][color=ash]{color:#a0a0a0}:host[theme=secondary][color=ash] i{color:#a0a0a0}:host[theme=secondary][color=anonymous]{color:#696d79}:host[theme=secondary][color=anonymous] i{color:#696d79}:host[theme=secondary][color=slate]{color:#707070}:host[theme=secondary][color=slate] i{color:#707070}:host[theme=secondary][color=onyx]{color:#526980}:host[theme=secondary][color=onyx] i{color:#526980}:host[theme=secondary][color=charcoal]{color:#282828}:host[theme=secondary][color=charcoal] i{color:#282828}:host[theme=secondary][color=moonlight]{color:#1a242f}:host[theme=secondary][color=moonlight] i{color:#1a242f}:host[theme=secondary][color=midnight]{color:#202945}:host[theme=secondary][color=midnight] i{color:#202945}:host[theme=secondary][color=darkness]{color:#161f27}:host[theme=secondary][color=darkness] i{color:#161f27}:host[theme=secondary][color=navy]{color:#0d2d42}:host[theme=secondary][color=navy] i{color:#0d2d42}:host[theme=secondary][color=aqua]{color:#3bafda}:host[theme=secondary][color=aqua] i{color:#3bafda}:host[theme=secondary][color=ocean]{color:#4a89dc}:host[theme=secondary][color=ocean] i{color:#4a89dc}:host[theme=secondary][color=mint]{color:#37bc9b}:host[theme=secondary][color=mint] i{color:#37bc9b}:host[theme=secondary][color=grass]{color:#8cc152}:host[theme=secondary][color=grass] i{color:#8cc152}:host[theme=secondary][color=sunflower]{color:#f6b042}:host[theme=secondary][color=sunflower] i{color:#f6b042}:host[theme=secondary][color=bittersweet]{color:#eb6845}:host[theme=secondary][color=bittersweet] i{color:#eb6845}:host[theme=secondary][color=grapefruit]{color:#da4453}:host[theme=secondary][color=grapefruit] i{color:#da4453}:host[theme=secondary][color=carnation]{color:#d770ad}:host[theme=secondary][color=carnation] i{color:#d770ad}:host[theme=secondary][color=lavender]{color:#967adc}:host[theme=secondary][color=lavender] i{color:#967adc}:host[theme=secondary][color=mountain]{color:#9678b6}:host[theme=secondary][color=mountain] i{color:#9678b6}:host[theme=secondary][color=info]{color:#4a89dc}:host[theme=secondary][color=info] i{color:#4a89dc}:host[theme=secondary][color=positive]{color:#4a89dc}:host[theme=secondary][color=positive] i{color:#4a89dc}:host[theme=secondary][color=success]{color:#8cc152}:host[theme=secondary][color=success] i{color:#8cc152}:host[theme=secondary][color=negative]{color:#da4453}:host[theme=secondary][color=negative] i{color:#da4453}:host[theme=secondary][color=danger]{color:#da4453}:host[theme=secondary][color=danger] i{color:#da4453}:host[theme=secondary][color=error]{color:#da4453}:host[theme=secondary][color=error] i{color:#da4453}:host[theme=secondary][color=warning]{color:#f6b042}:host[theme=secondary][color=warning] i{color:#f6b042}:host[theme=secondary][color=empty]{color:#cccdcc}:host[theme=secondary][color=empty] i{color:#cccdcc}:host[theme=secondary][color=disabled]{color:#bebebe}:host[theme=secondary][color=disabled] i{color:#bebebe}:host[theme=secondary][color=background]{color:#f7f7f7}:host[theme=secondary][color=background] i{color:#f7f7f7}:host[theme=secondary][color=backgroundDark]{color:#e2e2e2}:host[theme=secondary][color=backgroundDark] i{color:#e2e2e2}:host[theme=secondary][color=border]{color:#dbdbdb}:host[theme=secondary][color=border] i{color:#dbdbdb}:host[theme=secondary][color=border2]{color:#f7f7f7}:host[theme=secondary][color=border2] i{color:#f7f7f7}:host[theme=secondary][color=text]{color:#282828}:host[theme=secondary][color=text] i{color:#282828}:host[theme=secondary][color=presentation]{color:#5b6770}:host[theme=secondary][color=presentation] i{color:#5b6770}:host[theme=secondary][color=bullhorn]{color:#ff6900}:host[theme=secondary][color=bullhorn] i{color:#ff6900}:host[theme=secondary][color=pulse]{color:#3bafda}:host[theme=secondary][color=pulse] i{color:#3bafda}:host[theme=secondary][color=fastFind]{color:#0d2d42}:host[theme=secondary][color=fastFind] i{color:#0d2d42}:host[theme=secondary][color=toast]{color:#0d2d42}:host[theme=secondary][color=toast] i{color:#0d2d42}:host[theme=secondary][color=company]{color:#39d}:host[theme=secondary][color=company] i{color:#39d}:host[theme=secondary][color=candidate]{color:#4b7}:host[theme=secondary][color=candidate] i{color:#4b7}:host[theme=secondary][color=lead]{color:#a69}:host[theme=secondary][color=lead] i{color:#a69}:host[theme=secondary][color=contact]{color:#fa4}:host[theme=secondary][color=contact] i{color:#fa4}:host[theme=secondary][color=clientcontact]{color:#fa4}:host[theme=secondary][color=clientcontact] i{color:#fa4}:host[theme=secondary][color=opportunity]{color:#625}:host[theme=secondary][color=opportunity] i{color:#625}:host[theme=secondary][color=job]{color:#b56}:host[theme=secondary][color=job] i{color:#b56}:host[theme=secondary][color=joborder]{color:#b56}:host[theme=secondary][color=joborder] i{color:#b56}:host[theme=secondary][color=submission]{color:#a9adbb}:host[theme=secondary][color=submission] i{color:#a9adbb}:host[theme=secondary][color=sendout]{color:#747884}:host[theme=secondary][color=sendout] i{color:#747884}:host[theme=secondary][color=placement]{color:#0b344f}:host[theme=secondary][color=placement] i{color:#0b344f}:host[theme=secondary][color=note]{color:#747884}:host[theme=secondary][color=note] i{color:#747884}:host[theme=secondary][color=contract]{color:#454ea0}:host[theme=secondary][color=contract] i{color:#454ea0}:host[theme=secondary][color=task]{color:#4f5361}:host[theme=secondary][color=task] i{color:#4f5361}:host[theme=secondary][color=jobCode]{color:#696d79}:host[theme=secondary][color=jobCode] i{color:#696d79}:host[theme=secondary][color=earnCode]{color:#696d79}:host[theme=secondary][color=earnCode] i{color:#696d79}:host[theme=secondary][color=invoiceStatement]{color:#696d79}:host[theme=secondary][color=invoiceStatement] i{color:#696d79}:host[theme=secondary][color=billableCharge]{color:#696d79}:host[theme=secondary][color=billableCharge] i{color:#696d79}:host[theme=secondary][color=payableCharge]{color:#696d79}:host[theme=secondary][color=payableCharge] i{color:#696d79}:host[theme=secondary][color=user]{color:#696d79}:host[theme=secondary][color=user] i{color:#696d79}:host[theme=secondary][color=corporateUser]{color:#696d79}:host[theme=secondary][color=corporateUser] i{color:#696d79}:host[theme=secondary][color=distributionList]{color:#696d79}:host[theme=secondary][color=distributionList] i{color:#696d79}:host[theme=secondary][color=credential]{color:#696d79}:host[theme=secondary][color=credential] i{color:#696d79}:host[theme=secondary][color=person]{color:#696d79}:host[theme=secondary][color=person] i{color:#696d79}:host[theme=secondary][color=border-default]{border:1px solid #dbdbdb}:host[theme=secondary][color=black]{border:1px solid #000}:host[theme=secondary][color=white]{border:1px solid #fff}:host[theme=secondary][color=gray]{border:1px solid #9e9e9e}:host[theme=secondary][color=grey]{border:1px solid #9e9e9e}:host[theme=secondary][color=offWhite]{border:1px solid #f7f7f7}:host[theme=secondary][color=bright]{border:1px solid #f7f7f7}:host[theme=secondary][color=light]{border:1px solid #dbdbdb}:host[theme=secondary][color=neutral]{border:1px solid #4f5361}:host[theme=secondary][color=dark]{border:1px solid #3d464d}:host[theme=secondary][color=orange]{border:1px solid #ff6900}:host[theme=secondary][color=navigation]{border:1px solid #202945}:host[theme=secondary][color=skyBlue]{border:1px solid #009bdf}:host[theme=secondary][color=steel]{border:1px solid #5b6770}:host[theme=secondary][color=metal]{border:1px solid #637893}:host[theme=secondary][color=sand]{border:1px solid #f4f4f4}:host[theme=secondary][color=silver]{border:1px solid #e2e2e2}:host[theme=secondary][color=stone]{border:1px solid #bebebe}:host[theme=secondary][color=ash]{border:1px solid #a0a0a0}:host[theme=secondary][color=anonymous]{border:1px solid #696d79}:host[theme=secondary][color=slate]{border:1px solid #707070}:host[theme=secondary][color=onyx]{border:1px solid #526980}:host[theme=secondary][color=charcoal]{border:1px solid #282828}:host[theme=secondary][color=moonlight]{border:1px solid #1a242f}:host[theme=secondary][color=midnight]{border:1px solid #202945}:host[theme=secondary][color=darkness]{border:1px solid #161f27}:host[theme=secondary][color=navy]{border:1px solid #0d2d42}:host[theme=secondary][color=aqua]{border:1px solid #3bafda}:host[theme=secondary][color=ocean]{border:1px solid #4a89dc}:host[theme=secondary][color=mint]{border:1px solid #37bc9b}:host[theme=secondary][color=grass]{border:1px solid #8cc152}:host[theme=secondary][color=sunflower]{border:1px solid #f6b042}:host[theme=secondary][color=bittersweet]{border:1px solid #eb6845}:host[theme=secondary][color=grapefruit]{border:1px solid #da4453}:host[theme=secondary][color=carnation]{border:1px solid #d770ad}:host[theme=secondary][color=lavender]{border:1px solid #967adc}:host[theme=secondary][color=mountain]{border:1px solid #9678b6}:host[theme=secondary][color=info]{border:1px solid #4a89dc}:host[theme=secondary][color=positive]{border:1px solid #4a89dc}:host[theme=secondary][color=success]{border:1px solid #8cc152}:host[theme=secondary][color=negative]{border:1px solid #da4453}:host[theme=secondary][color=danger]{border:1px solid #da4453}:host[theme=secondary][color=error]{border:1px solid #da4453}:host[theme=secondary][color=warning]{border:1px solid #f6b042}:host[theme=secondary][color=empty]{border:1px solid #cccdcc}:host[theme=secondary][color=disabled]{border:1px solid #bebebe}:host[theme=secondary][color=background]{border:1px solid #f7f7f7}:host[theme=secondary][color=backgroundDark]{border:1px solid #e2e2e2}:host[theme=secondary][color=border]{border:1px solid #dbdbdb}:host[theme=secondary][color=border2]{border:1px solid #f7f7f7}:host[theme=secondary][color=text]{border:1px solid #282828}:host[theme=secondary][color=presentation]{border:1px solid #5b6770}:host[theme=secondary][color=bullhorn]{border:1px solid #ff6900}:host[theme=secondary][color=pulse]{border:1px solid #3bafda}:host[theme=secondary][color=fastFind]{border:1px solid #0d2d42}:host[theme=secondary][color=toast]{border:1px solid #0d2d42}:host[theme=secondary][color=company]{border:1px solid #3399dd}:host[theme=secondary][color=candidate]{border:1px solid #44bb77}:host[theme=secondary][color=lead]{border:1px solid #aa6699}:host[theme=secondary][color=contact]{border:1px solid #ffaa44}:host[theme=secondary][color=clientcontact]{border:1px solid #ffaa44}:host[theme=secondary][color=opportunity]{border:1px solid #662255}:host[theme=secondary][color=job]{border:1px solid #bb5566}:host[theme=secondary][color=joborder]{border:1px solid #bb5566}:host[theme=secondary][color=submission]{border:1px solid #a9adbb}:host[theme=secondary][color=sendout]{border:1px solid #747884}:host[theme=secondary][color=placement]{border:1px solid #0b344f}:host[theme=secondary][color=note]{border:1px solid #747884}:host[theme=secondary][color=contract]{border:1px solid #454ea0}:host[theme=secondary][color=task]{border:1px solid #4f5361}:host[theme=secondary][color=jobCode]{border:1px solid #696d79}:host[theme=secondary][color=earnCode]{border:1px solid #696d79}:host[theme=secondary][color=invoiceStatement]{border:1px solid #696d79}:host[theme=secondary][color=billableCharge]{border:1px solid #696d79}:host[theme=secondary][color=payableCharge]{border:1px solid #696d79}:host[theme=secondary][color=user]{border:1px solid #696d79}:host[theme=secondary][color=corporateUser]{border:1px solid #696d79}:host[theme=secondary][color=distributionList]{border:1px solid #696d79}:host[theme=secondary][color=credential]{border:1px solid #696d79}:host[theme=secondary][color=person]{border:1px solid #696d79}:host[theme=secondary] i.loading{margin-left:.8rem}:host[theme=secondary] i.loading svg .spinner{fill:var(--color-positive)}:host[theme=secondary]:hover,:host[theme=secondary]:focus{box-shadow:var(--shadow-2),var(--shadow-1);background:#fff}:host[theme=secondary]:active{box-shadow:var(--shadow-1)}:host[theme=secondary][inverse]{background:#00000040;color:var(--color-contrast-positive);border:1px solid var(--color-contrast-positive)}:host[theme=secondary][inverse]:hover,:host[theme=secondary][inverse]:focus{background:#00000059}:host[theme=secondary][inverse]:active{background:#00000073}:host[theme=secondary][inverse] i.loading svg .spinner{fill:#fff}\n", ":host[theme=fab]{border-radius:50%!important;padding:0;font-size:var(--font-size-sm);width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center}:host[theme=fab][color=border-default]{background:#dbdbdb}:host[theme=fab][color=black]{color:var(--color-contrast-black);background:#000}:host[theme=fab][color=white]{color:var(--color-contrast-white);background:#fff}:host[theme=fab][color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host[theme=fab][color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host[theme=fab][color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host[theme=fab][color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host[theme=fab][color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host[theme=fab][color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host[theme=fab][color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host[theme=fab][color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host[theme=fab][color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host[theme=fab][color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host[theme=fab][color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host[theme=fab][color=metal]{color:var(--color-contrast-metal);background:#637893}:host[theme=fab][color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host[theme=fab][color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host[theme=fab][color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host[theme=fab][color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host[theme=fab][color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host[theme=fab][color=slate]{color:var(--color-contrast-slate);background:#707070}:host[theme=fab][color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host[theme=fab][color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host[theme=fab][color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host[theme=fab][color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host[theme=fab][color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host[theme=fab][color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host[theme=fab][color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host[theme=fab][color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host[theme=fab][color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host[theme=fab][color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host[theme=fab][color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host[theme=fab][color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host[theme=fab][color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host[theme=fab][color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host[theme=fab][color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host[theme=fab][color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host[theme=fab][color=info]{color:var(--color-contrast-info);background:#4a89dc}:host[theme=fab][color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host[theme=fab][color=success]{color:var(--color-contrast-success);background:#8cc152}:host[theme=fab][color=negative]{color:var(--color-contrast-negative);background:#da4453}:host[theme=fab][color=danger]{color:var(--color-contrast-danger);background:#da4453}:host[theme=fab][color=error]{color:var(--color-contrast-error);background:#da4453}:host[theme=fab][color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host[theme=fab][color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host[theme=fab][color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host[theme=fab][color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host[theme=fab][color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host[theme=fab][color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host[theme=fab][color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host[theme=fab][color=text]{color:var(--color-contrast-text);background:#282828}:host[theme=fab][color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host[theme=fab][color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host[theme=fab][color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host[theme=fab][color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host[theme=fab][color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host[theme=fab][color=company]{color:var(--color-contrast-company);background:#39d}:host[theme=fab][color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host[theme=fab][color=lead]{color:var(--color-contrast-lead);background:#a69}:host[theme=fab][color=contact]{color:var(--color-contrast-contact);background:#fa4}:host[theme=fab][color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host[theme=fab][color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host[theme=fab][color=job]{color:var(--color-contrast-job);background:#b56}:host[theme=fab][color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host[theme=fab][color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host[theme=fab][color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host[theme=fab][color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host[theme=fab][color=note]{color:var(--color-contrast-note);background:#747884}:host[theme=fab][color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host[theme=fab][color=task]{color:var(--color-contrast-task);background:#4f5361}:host[theme=fab][color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host[theme=fab][color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host[theme=fab][color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host[theme=fab][color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host[theme=fab][color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host[theme=fab][color=user]{color:var(--color-contrast-user);background:#696d79}:host[theme=fab][color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host[theme=fab][color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host[theme=fab][color=credential]{color:var(--color-contrast-credential);background:#696d79}:host[theme=fab][color=person]{color:var(--color-contrast-person);background:#696d79}:host[theme=fab][inverse]{color:#fff}:host[theme=fab]:focus,:host[theme=fab]:hover{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab]:active{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab] .button-contents{display:contents}:host[theme=fab] i{margin:0;padding:0}:host[theme=fab] i:before{display:block}\n", ":host[theme=icon]{padding:var(--spacing-sm);font-size:1.4rem;height:2.4rem}:host[theme=icon][color=border-default]{color:#dbdbdb}:host[theme=icon][color=border-default] i{color:#dbdbdb}:host[theme=icon][color=black]{color:#000}:host[theme=icon][color=black] i{color:#000}:host[theme=icon][color=white]{color:#fff}:host[theme=icon][color=white] i{color:#fff}:host[theme=icon][color=gray]{color:#9e9e9e}:host[theme=icon][color=gray] i{color:#9e9e9e}:host[theme=icon][color=grey]{color:#9e9e9e}:host[theme=icon][color=grey] i{color:#9e9e9e}:host[theme=icon][color=offWhite]{color:#f7f7f7}:host[theme=icon][color=offWhite] i{color:#f7f7f7}:host[theme=icon][color=bright]{color:#f7f7f7}:host[theme=icon][color=bright] i{color:#f7f7f7}:host[theme=icon][color=light]{color:#dbdbdb}:host[theme=icon][color=light] i{color:#dbdbdb}:host[theme=icon][color=neutral]{color:#4f5361}:host[theme=icon][color=neutral] i{color:#4f5361}:host[theme=icon][color=dark]{color:#3d464d}:host[theme=icon][color=dark] i{color:#3d464d}:host[theme=icon][color=orange]{color:#ff6900}:host[theme=icon][color=orange] i{color:#ff6900}:host[theme=icon][color=navigation]{color:#202945}:host[theme=icon][color=navigation] i{color:#202945}:host[theme=icon][color=skyBlue]{color:#009bdf}:host[theme=icon][color=skyBlue] i{color:#009bdf}:host[theme=icon][color=steel]{color:#5b6770}:host[theme=icon][color=steel] i{color:#5b6770}:host[theme=icon][color=metal]{color:#637893}:host[theme=icon][color=metal] i{color:#637893}:host[theme=icon][color=sand]{color:#f4f4f4}:host[theme=icon][color=sand] i{color:#f4f4f4}:host[theme=icon][color=silver]{color:#e2e2e2}:host[theme=icon][color=silver] i{color:#e2e2e2}:host[theme=icon][color=stone]{color:#bebebe}:host[theme=icon][color=stone] i{color:#bebebe}:host[theme=icon][color=ash]{color:#a0a0a0}:host[theme=icon][color=ash] i{color:#a0a0a0}:host[theme=icon][color=anonymous]{color:#696d79}:host[theme=icon][color=anonymous] i{color:#696d79}:host[theme=icon][color=slate]{color:#707070}:host[theme=icon][color=slate] i{color:#707070}:host[theme=icon][color=onyx]{color:#526980}:host[theme=icon][color=onyx] i{color:#526980}:host[theme=icon][color=charcoal]{color:#282828}:host[theme=icon][color=charcoal] i{color:#282828}:host[theme=icon][color=moonlight]{color:#1a242f}:host[theme=icon][color=moonlight] i{color:#1a242f}:host[theme=icon][color=midnight]{color:#202945}:host[theme=icon][color=midnight] i{color:#202945}:host[theme=icon][color=darkness]{color:#161f27}:host[theme=icon][color=darkness] i{color:#161f27}:host[theme=icon][color=navy]{color:#0d2d42}:host[theme=icon][color=navy] i{color:#0d2d42}:host[theme=icon][color=aqua]{color:#3bafda}:host[theme=icon][color=aqua] i{color:#3bafda}:host[theme=icon][color=ocean]{color:#4a89dc}:host[theme=icon][color=ocean] i{color:#4a89dc}:host[theme=icon][color=mint]{color:#37bc9b}:host[theme=icon][color=mint] i{color:#37bc9b}:host[theme=icon][color=grass]{color:#8cc152}:host[theme=icon][color=grass] i{color:#8cc152}:host[theme=icon][color=sunflower]{color:#f6b042}:host[theme=icon][color=sunflower] i{color:#f6b042}:host[theme=icon][color=bittersweet]{color:#eb6845}:host[theme=icon][color=bittersweet] i{color:#eb6845}:host[theme=icon][color=grapefruit]{color:#da4453}:host[theme=icon][color=grapefruit] i{color:#da4453}:host[theme=icon][color=carnation]{color:#d770ad}:host[theme=icon][color=carnation] i{color:#d770ad}:host[theme=icon][color=lavender]{color:#967adc}:host[theme=icon][color=lavender] i{color:#967adc}:host[theme=icon][color=mountain]{color:#9678b6}:host[theme=icon][color=mountain] i{color:#9678b6}:host[theme=icon][color=info]{color:#4a89dc}:host[theme=icon][color=info] i{color:#4a89dc}:host[theme=icon][color=positive]{color:#4a89dc}:host[theme=icon][color=positive] i{color:#4a89dc}:host[theme=icon][color=success]{color:#8cc152}:host[theme=icon][color=success] i{color:#8cc152}:host[theme=icon][color=negative]{color:#da4453}:host[theme=icon][color=negative] i{color:#da4453}:host[theme=icon][color=danger]{color:#da4453}:host[theme=icon][color=danger] i{color:#da4453}:host[theme=icon][color=error]{color:#da4453}:host[theme=icon][color=error] i{color:#da4453}:host[theme=icon][color=warning]{color:#f6b042}:host[theme=icon][color=warning] i{color:#f6b042}:host[theme=icon][color=empty]{color:#cccdcc}:host[theme=icon][color=empty] i{color:#cccdcc}:host[theme=icon][color=disabled]{color:#bebebe}:host[theme=icon][color=disabled] i{color:#bebebe}:host[theme=icon][color=background]{color:#f7f7f7}:host[theme=icon][color=background] i{color:#f7f7f7}:host[theme=icon][color=backgroundDark]{color:#e2e2e2}:host[theme=icon][color=backgroundDark] i{color:#e2e2e2}:host[theme=icon][color=border]{color:#dbdbdb}:host[theme=icon][color=border] i{color:#dbdbdb}:host[theme=icon][color=border2]{color:#f7f7f7}:host[theme=icon][color=border2] i{color:#f7f7f7}:host[theme=icon][color=text]{color:#282828}:host[theme=icon][color=text] i{color:#282828}:host[theme=icon][color=presentation]{color:#5b6770}:host[theme=icon][color=presentation] i{color:#5b6770}:host[theme=icon][color=bullhorn]{color:#ff6900}:host[theme=icon][color=bullhorn] i{color:#ff6900}:host[theme=icon][color=pulse]{color:#3bafda}:host[theme=icon][color=pulse] i{color:#3bafda}:host[theme=icon][color=fastFind]{color:#0d2d42}:host[theme=icon][color=fastFind] i{color:#0d2d42}:host[theme=icon][color=toast]{color:#0d2d42}:host[theme=icon][color=toast] i{color:#0d2d42}:host[theme=icon][color=company]{color:#39d}:host[theme=icon][color=company] i{color:#39d}:host[theme=icon][color=candidate]{color:#4b7}:host[theme=icon][color=candidate] i{color:#4b7}:host[theme=icon][color=lead]{color:#a69}:host[theme=icon][color=lead] i{color:#a69}:host[theme=icon][color=contact]{color:#fa4}:host[theme=icon][color=contact] i{color:#fa4}:host[theme=icon][color=clientcontact]{color:#fa4}:host[theme=icon][color=clientcontact] i{color:#fa4}:host[theme=icon][color=opportunity]{color:#625}:host[theme=icon][color=opportunity] i{color:#625}:host[theme=icon][color=job]{color:#b56}:host[theme=icon][color=job] i{color:#b56}:host[theme=icon][color=joborder]{color:#b56}:host[theme=icon][color=joborder] i{color:#b56}:host[theme=icon][color=submission]{color:#a9adbb}:host[theme=icon][color=submission] i{color:#a9adbb}:host[theme=icon][color=sendout]{color:#747884}:host[theme=icon][color=sendout] i{color:#747884}:host[theme=icon][color=placement]{color:#0b344f}:host[theme=icon][color=placement] i{color:#0b344f}:host[theme=icon][color=note]{color:#747884}:host[theme=icon][color=note] i{color:#747884}:host[theme=icon][color=contract]{color:#454ea0}:host[theme=icon][color=contract] i{color:#454ea0}:host[theme=icon][color=task]{color:#4f5361}:host[theme=icon][color=task] i{color:#4f5361}:host[theme=icon][color=jobCode]{color:#696d79}:host[theme=icon][color=jobCode] i{color:#696d79}:host[theme=icon][color=earnCode]{color:#696d79}:host[theme=icon][color=earnCode] i{color:#696d79}:host[theme=icon][color=invoiceStatement]{color:#696d79}:host[theme=icon][color=invoiceStatement] i{color:#696d79}:host[theme=icon][color=billableCharge]{color:#696d79}:host[theme=icon][color=billableCharge] i{color:#696d79}:host[theme=icon][color=payableCharge]{color:#696d79}:host[theme=icon][color=payableCharge] i{color:#696d79}:host[theme=icon][color=user]{color:#696d79}:host[theme=icon][color=user] i{color:#696d79}:host[theme=icon][color=corporateUser]{color:#696d79}:host[theme=icon][color=corporateUser] i{color:#696d79}:host[theme=icon][color=distributionList]{color:#696d79}:host[theme=icon][color=distributionList] i{color:#696d79}:host[theme=icon][color=credential]{color:#696d79}:host[theme=icon][color=credential] i{color:#696d79}:host[theme=icon][color=person]{color:#696d79}:host[theme=icon][color=person] i{color:#696d79}:host[theme=icon][inverse]{color:var(--color-contrast-text)}:host[theme=icon] i{display:contents;margin:0!important}:host[theme=icon]:focus,:host[theme=icon]:hover{background:#0000001a}:host[theme=icon]:active{background:#00000040}:host[theme=icon] .button-contents{display:contents}:host[theme=icon][size=small]{padding:var(--spacing-sm);font-size:var(--font-size-sm);height:2rem}:host[theme=icon][size=medium]{font-size:1.6rem}:host[theme=icon][size=large]{font-size:2rem;height:2.8rem;padding:var(--spacing-md)}\n", ":host[theme=dialogue]{background:transparent;color:var(--button-color, var(--color-positive))}:host[theme=dialogue][color=border-default]{color:#dbdbdb}:host[theme=dialogue][color=border-default] i{color:#dbdbdb}:host[theme=dialogue][color=black]{color:#000}:host[theme=dialogue][color=black] i{color:#000}:host[theme=dialogue][color=white]{color:#fff}:host[theme=dialogue][color=white] i{color:#fff}:host[theme=dialogue][color=gray]{color:#9e9e9e}:host[theme=dialogue][color=gray] i{color:#9e9e9e}:host[theme=dialogue][color=grey]{color:#9e9e9e}:host[theme=dialogue][color=grey] i{color:#9e9e9e}:host[theme=dialogue][color=offWhite]{color:#f7f7f7}:host[theme=dialogue][color=offWhite] i{color:#f7f7f7}:host[theme=dialogue][color=bright]{color:#f7f7f7}:host[theme=dialogue][color=bright] i{color:#f7f7f7}:host[theme=dialogue][color=light]{color:#dbdbdb}:host[theme=dialogue][color=light] i{color:#dbdbdb}:host[theme=dialogue][color=neutral]{color:#4f5361}:host[theme=dialogue][color=neutral] i{color:#4f5361}:host[theme=dialogue][color=dark]{color:#3d464d}:host[theme=dialogue][color=dark] i{color:#3d464d}:host[theme=dialogue][color=orange]{color:#ff6900}:host[theme=dialogue][color=orange] i{color:#ff6900}:host[theme=dialogue][color=navigation]{color:#202945}:host[theme=dialogue][color=navigation] i{color:#202945}:host[theme=dialogue][color=skyBlue]{color:#009bdf}:host[theme=dialogue][color=skyBlue] i{color:#009bdf}:host[theme=dialogue][color=steel]{color:#5b6770}:host[theme=dialogue][color=steel] i{color:#5b6770}:host[theme=dialogue][color=metal]{color:#637893}:host[theme=dialogue][color=metal] i{color:#637893}:host[theme=dialogue][color=sand]{color:#f4f4f4}:host[theme=dialogue][color=sand] i{color:#f4f4f4}:host[theme=dialogue][color=silver]{color:#e2e2e2}:host[theme=dialogue][color=silver] i{color:#e2e2e2}:host[theme=dialogue][color=stone]{color:#bebebe}:host[theme=dialogue][color=stone] i{color:#bebebe}:host[theme=dialogue][color=ash]{color:#a0a0a0}:host[theme=dialogue][color=ash] i{color:#a0a0a0}:host[theme=dialogue][color=anonymous]{color:#696d79}:host[theme=dialogue][color=anonymous] i{color:#696d79}:host[theme=dialogue][color=slate]{color:#707070}:host[theme=dialogue][color=slate] i{color:#707070}:host[theme=dialogue][color=onyx]{color:#526980}:host[theme=dialogue][color=onyx] i{color:#526980}:host[theme=dialogue][color=charcoal]{color:#282828}:host[theme=dialogue][color=charcoal] i{color:#282828}:host[theme=dialogue][color=moonlight]{color:#1a242f}:host[theme=dialogue][color=moonlight] i{color:#1a242f}:host[theme=dialogue][color=midnight]{color:#202945}:host[theme=dialogue][color=midnight] i{color:#202945}:host[theme=dialogue][color=darkness]{color:#161f27}:host[theme=dialogue][color=darkness] i{color:#161f27}:host[theme=dialogue][color=navy]{color:#0d2d42}:host[theme=dialogue][color=navy] i{color:#0d2d42}:host[theme=dialogue][color=aqua]{color:#3bafda}:host[theme=dialogue][color=aqua] i{color:#3bafda}:host[theme=dialogue][color=ocean]{color:#4a89dc}:host[theme=dialogue][color=ocean] i{color:#4a89dc}:host[theme=dialogue][color=mint]{color:#37bc9b}:host[theme=dialogue][color=mint] i{color:#37bc9b}:host[theme=dialogue][color=grass]{color:#8cc152}:host[theme=dialogue][color=grass] i{color:#8cc152}:host[theme=dialogue][color=sunflower]{color:#f6b042}:host[theme=dialogue][color=sunflower] i{color:#f6b042}:host[theme=dialogue][color=bittersweet]{color:#eb6845}:host[theme=dialogue][color=bittersweet] i{color:#eb6845}:host[theme=dialogue][color=grapefruit]{color:#da4453}:host[theme=dialogue][color=grapefruit] i{color:#da4453}:host[theme=dialogue][color=carnation]{color:#d770ad}:host[theme=dialogue][color=carnation] i{color:#d770ad}:host[theme=dialogue][color=lavender]{color:#967adc}:host[theme=dialogue][color=lavender] i{color:#967adc}:host[theme=dialogue][color=mountain]{color:#9678b6}:host[theme=dialogue][color=mountain] i{color:#9678b6}:host[theme=dialogue][color=info]{color:#4a89dc}:host[theme=dialogue][color=info] i{color:#4a89dc}:host[theme=dialogue][color=positive]{color:#4a89dc}:host[theme=dialogue][color=positive] i{color:#4a89dc}:host[theme=dialogue][color=success]{color:#8cc152}:host[theme=dialogue][color=success] i{color:#8cc152}:host[theme=dialogue][color=negative]{color:#da4453}:host[theme=dialogue][color=negative] i{color:#da4453}:host[theme=dialogue][color=danger]{color:#da4453}:host[theme=dialogue][color=danger] i{color:#da4453}:host[theme=dialogue][color=error]{color:#da4453}:host[theme=dialogue][color=error] i{color:#da4453}:host[theme=dialogue][color=warning]{color:#f6b042}:host[theme=dialogue][color=warning] i{color:#f6b042}:host[theme=dialogue][color=empty]{color:#cccdcc}:host[theme=dialogue][color=empty] i{color:#cccdcc}:host[theme=dialogue][color=disabled]{color:#bebebe}:host[theme=dialogue][color=disabled] i{color:#bebebe}:host[theme=dialogue][color=background]{color:#f7f7f7}:host[theme=dialogue][color=background] i{color:#f7f7f7}:host[theme=dialogue][color=backgroundDark]{color:#e2e2e2}:host[theme=dialogue][color=backgroundDark] i{color:#e2e2e2}:host[theme=dialogue][color=border]{color:#dbdbdb}:host[theme=dialogue][color=border] i{color:#dbdbdb}:host[theme=dialogue][color=border2]{color:#f7f7f7}:host[theme=dialogue][color=border2] i{color:#f7f7f7}:host[theme=dialogue][color=text]{color:#282828}:host[theme=dialogue][color=text] i{color:#282828}:host[theme=dialogue][color=presentation]{color:#5b6770}:host[theme=dialogue][color=presentation] i{color:#5b6770}:host[theme=dialogue][color=bullhorn]{color:#ff6900}:host[theme=dialogue][color=bullhorn] i{color:#ff6900}:host[theme=dialogue][color=pulse]{color:#3bafda}:host[theme=dialogue][color=pulse] i{color:#3bafda}:host[theme=dialogue][color=fastFind]{color:#0d2d42}:host[theme=dialogue][color=fastFind] i{color:#0d2d42}:host[theme=dialogue][color=toast]{color:#0d2d42}:host[theme=dialogue][color=toast] i{color:#0d2d42}:host[theme=dialogue][color=company]{color:#39d}:host[theme=dialogue][color=company] i{color:#39d}:host[theme=dialogue][color=candidate]{color:#4b7}:host[theme=dialogue][color=candidate] i{color:#4b7}:host[theme=dialogue][color=lead]{color:#a69}:host[theme=dialogue][color=lead] i{color:#a69}:host[theme=dialogue][color=contact]{color:#fa4}:host[theme=dialogue][color=contact] i{color:#fa4}:host[theme=dialogue][color=clientcontact]{color:#fa4}:host[theme=dialogue][color=clientcontact] i{color:#fa4}:host[theme=dialogue][color=opportunity]{color:#625}:host[theme=dialogue][color=opportunity] i{color:#625}:host[theme=dialogue][color=job]{color:#b56}:host[theme=dialogue][color=job] i{color:#b56}:host[theme=dialogue][color=joborder]{color:#b56}:host[theme=dialogue][color=joborder] i{color:#b56}:host[theme=dialogue][color=submission]{color:#a9adbb}:host[theme=dialogue][color=submission] i{color:#a9adbb}:host[theme=dialogue][color=sendout]{color:#747884}:host[theme=dialogue][color=sendout] i{color:#747884}:host[theme=dialogue][color=placement]{color:#0b344f}:host[theme=dialogue][color=placement] i{color:#0b344f}:host[theme=dialogue][color=note]{color:#747884}:host[theme=dialogue][color=note] i{color:#747884}:host[theme=dialogue][color=contract]{color:#454ea0}:host[theme=dialogue][color=contract] i{color:#454ea0}:host[theme=dialogue][color=task]{color:#4f5361}:host[theme=dialogue][color=task] i{color:#4f5361}:host[theme=dialogue][color=jobCode]{color:#696d79}:host[theme=dialogue][color=jobCode] i{color:#696d79}:host[theme=dialogue][color=earnCode]{color:#696d79}:host[theme=dialogue][color=earnCode] i{color:#696d79}:host[theme=dialogue][color=invoiceStatement]{color:#696d79}:host[theme=dialogue][color=invoiceStatement] i{color:#696d79}:host[theme=dialogue][color=billableCharge]{color:#696d79}:host[theme=dialogue][color=billableCharge] i{color:#696d79}:host[theme=dialogue][color=payableCharge]{color:#696d79}:host[theme=dialogue][color=payableCharge] i{color:#696d79}:host[theme=dialogue][color=user]{color:#696d79}:host[theme=dialogue][color=user] i{color:#696d79}:host[theme=dialogue][color=corporateUser]{color:#696d79}:host[theme=dialogue][color=corporateUser] i{color:#696d79}:host[theme=dialogue][color=distributionList]{color:#696d79}:host[theme=dialogue][color=distributionList] i{color:#696d79}:host[theme=dialogue][color=credential]{color:#696d79}:host[theme=dialogue][color=credential] i{color:#696d79}:host[theme=dialogue][color=person]{color:#696d79}:host[theme=dialogue][color=person] i{color:#696d79}:host[theme=dialogue] i{line-height:1.2}:host[theme=dialogue][color=text]{color:inherit}:host[theme=dialogue]:hover,:host[theme=dialogue]:focus,:host[theme=dialogue]:active{background:var(--background-muted)}:host[theme=dialogue][inverse]:hover,:host[theme=dialogue][inverse]:focus{background:#0003}:host[theme=dialogue][inverse]:active{background:#00000059}\n", ":host[theme=field]{background:transparent;color:var(--font-color-base);border:none;border-radius:0;border-bottom:1px solid var(--border);margin-bottom:4px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);height:1.8rem;text-align:left}:host[theme=field]:hover,:host[theme=field]:focus,:host[theme=field]:active{border-bottom:1px solid var(--selection)}:host[theme=select]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text-main);padding:0 2px 0 0;height:2rem;min-height:2rem;position:relative;text-align:left;text-shadow:none;width:100%;z-index:1;text-transform:none;font-size:var(--font-size-sm);height:1.8rem}:host[theme=select].empty{color:var(--text-muted)}:host[theme=select]:focus,:host[theme=select]:hover{outline:none}:host[theme=select]:hover{border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 15))}:host[theme=select]:hover i{opacity:.75}:host[theme=select]:focus{border-bottom:1px solid var(--selection)}:host[theme=select]:focus i{color:#000000ba}:host[theme=select] i{font-size:.8rem;color:var(--text-main);opacity:.45}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
114
114
|
}
|
|
115
115
|
__decorate([
|
|
116
116
|
BooleanInput(),
|
|
@@ -162,7 +162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
162
162
|
/>
|
|
163
163
|
</svg>
|
|
164
164
|
</i>
|
|
165
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;padding:0 1rem;font-size:var(--font-size-button);height:3rem;border:none;color:var(--text-main, #3d464d);background:transparent;border-radius:3px;text-transform:uppercase;transition:all .2s ease-in-out;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-overflow:clip;white-space:nowrap;overflow:hidden;flex:0 0 auto}:host .button-contents{height:var(--font-size-button);display:inline-flex;align-items:center;line-height:1;font-size:inherit;color:inherit;text-transform:uppercase}:host i{height:var(--font-size-button);font-size:inherit;line-height:1}:host[size=small],:host[size=sm]{font-size:1rem;padding:0 1rem;height:2.4rem;gap:.5rem}:host[size=small] .button-contents,:host[size=small] i,:host[size=sm] .button-contents,:host[size=sm] i{height:1rem}:host[size=large],:host[size=lg]{font-size:1.6rem;padding:0 1.25rem;height:3.6rem;gap:1.25rem}:host[size=large] .button-contents,:host[size=large] i,:host[size=lg] .button-contents,:host[size=lg] i{height:1.6rem}:host:focus{outline:none}:host[disabled],:host.novo-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}:host[disabled=false]{opacity:1;cursor:pointer;pointer-events:auto}:host[loading=true]{opacity:.5;cursor:not-allowed;pointer-events:none}:host[loading=true] i.loading{display:flex;align-items:center;justify-content:center;animation:rotate 1.2s linear infinite}:host[loading=true] i.loading svg{width:100%;height:100%;max-width:15px;max-height:15px}:host[loading=true] i.loading svg .spinner{fill:currentColor}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n", ":host[theme=standard]{color:var(--button-text);background:var(--button-background)}:host[theme=standard][color=black]{color:#fff;background:#000}:host[theme=standard][color=white]{color:#3d464d;background:#fff}:host[theme=standard][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=standard][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=standard][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=standard][color=neutral]{color:#fff;background:#4f5361}:host[theme=standard][color=dark]{color:#fff;background:#3d464d}:host[theme=standard][color=orange]{color:#3d464d;background:#ff6900}:host[theme=standard][color=navigation]{color:#fff;background:#202945}:host[theme=standard][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=standard][color=steel]{color:#fff;background:#5b6770}:host[theme=standard][color=metal]{color:#fff;background:#637893}:host[theme=standard][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=standard][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=standard][color=stone]{color:#3d464d;background:#bebebe}:host[theme=standard][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=standard][color=slate]{color:#fff;background:#707070}:host[theme=standard][color=onyx]{color:#fff;background:#526980}:host[theme=standard][color=charcoal]{color:#fff;background:#282828}:host[theme=standard][color=moonlight]{color:#fff;background:#1a242f}:host[theme=standard][color=midnight]{color:#fff;background:#202945}:host[theme=standard][color=darkness]{color:#fff;background:#161f27}:host[theme=standard][color=navy]{color:#fff;background:#0d2d42}:host[theme=standard][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=standard][color=ocean]{color:#fff;background:#4a89dc}:host[theme=standard][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=standard][color=grass]{color:#fff;background:#8cc152}:host[theme=standard][color=sunflower]{color:#fff;background:#f6b042}:host[theme=standard][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=standard][color=grapefruit]{color:#fff;background:#da4453}:host[theme=standard][color=carnation]{color:#fff;background:#d770ad}:host[theme=standard][color=lavender]{color:#fff;background:#967adc}:host[theme=standard][color=mountain]{color:#fff;background:#9678b6}:host[theme=standard][color=info]{color:#fff;background:#4a89dc}:host[theme=standard][color=positive]{color:#fff;background:#4a89dc}:host[theme=standard][color=success]{color:#fff;background:#8cc152}:host[theme=standard][color=negative]{color:#fff;background:#da4453}:host[theme=standard][color=danger]{color:#fff;background:#da4453}:host[theme=standard][color=error]{color:#fff;background:#da4453}:host[theme=standard][color=warning]{color:#fff;background:#f6b042}:host[theme=standard][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=standard][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=standard][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=standard][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=standard][color=presentation]{color:#fff;background:#5b6770}:host[theme=standard][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=standard][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=standard][color=company]{color:#fff;background:#39d}:host[theme=standard][color=candidate]{color:#fff;background:#4b7}:host[theme=standard][color=lead]{color:#fff;background:#a69}:host[theme=standard][color=contact]{color:#fff;background:#fa4}:host[theme=standard][color=clientcontact]{color:#fff;background:#fa4}:host[theme=standard][color=opportunity]{color:#fff;background:#625}:host[theme=standard][color=job]{color:#fff;background:#b56}:host[theme=standard][color=joborder]{color:#fff;background:#b56}:host[theme=standard][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=standard][color=sendout]{color:#fff;background:#747884}:host[theme=standard][color=placement]{color:#fff;background:#0b344f}:host[theme=standard][color=note]{color:#fff;background:#747884}:host[theme=standard][color=contract]{color:#fff;background:#454ea0}:host[theme=standard][color=task]{color:#fff;background:#4f5361}:host[theme=standard][color=jobCode]{color:#fff;background:#696d79}:host[theme=standard][color=earnCode]{color:#fff;background:#696d79}:host[theme=standard][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=standard][color=billableCharge]{color:#fff;background:#696d79}:host[theme=standard][color=payableCharge]{color:#fff;background:#696d79}:host[theme=standard][color=user]{color:#fff;background:#696d79}:host[theme=standard][color=corporateUser]{color:#fff;background:#696d79}:host[theme=standard][color=distributionList]{color:#fff;background:#696d79}:host[theme=standard][color=credential]{color:#fff;background:#696d79}:host[theme=standard][color=person]{color:#fff;background:#696d79}:host[theme=standard]:hover,:host[theme=standard]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026}:host[theme=standard]:active{box-shadow:0 1px 2px #00000026}\n", ":host[theme=primary]{background:#4a89dc;color:#fff;text-align:left}:host[theme=primary][color=black]{color:#fff;background:#000}:host[theme=primary][color=white]{color:#3d464d;background:#fff}:host[theme=primary][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=primary][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=primary][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=primary][color=neutral]{color:#fff;background:#4f5361}:host[theme=primary][color=dark]{color:#fff;background:#3d464d}:host[theme=primary][color=orange]{color:#3d464d;background:#ff6900}:host[theme=primary][color=navigation]{color:#fff;background:#202945}:host[theme=primary][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=primary][color=steel]{color:#fff;background:#5b6770}:host[theme=primary][color=metal]{color:#fff;background:#637893}:host[theme=primary][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=primary][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=primary][color=stone]{color:#3d464d;background:#bebebe}:host[theme=primary][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=primary][color=slate]{color:#fff;background:#707070}:host[theme=primary][color=onyx]{color:#fff;background:#526980}:host[theme=primary][color=charcoal]{color:#fff;background:#282828}:host[theme=primary][color=moonlight]{color:#fff;background:#1a242f}:host[theme=primary][color=midnight]{color:#fff;background:#202945}:host[theme=primary][color=darkness]{color:#fff;background:#161f27}:host[theme=primary][color=navy]{color:#fff;background:#0d2d42}:host[theme=primary][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=primary][color=ocean]{color:#fff;background:#4a89dc}:host[theme=primary][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=primary][color=grass]{color:#fff;background:#8cc152}:host[theme=primary][color=sunflower]{color:#fff;background:#f6b042}:host[theme=primary][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=primary][color=grapefruit]{color:#fff;background:#da4453}:host[theme=primary][color=carnation]{color:#fff;background:#d770ad}:host[theme=primary][color=lavender]{color:#fff;background:#967adc}:host[theme=primary][color=mountain]{color:#fff;background:#9678b6}:host[theme=primary][color=info]{color:#fff;background:#4a89dc}:host[theme=primary][color=positive]{color:#fff;background:#4a89dc}:host[theme=primary][color=success]{color:#fff;background:#8cc152}:host[theme=primary][color=negative]{color:#fff;background:#da4453}:host[theme=primary][color=danger]{color:#fff;background:#da4453}:host[theme=primary][color=error]{color:#fff;background:#da4453}:host[theme=primary][color=warning]{color:#fff;background:#f6b042}:host[theme=primary][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=primary][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=primary][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=primary][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=primary][color=presentation]{color:#fff;background:#5b6770}:host[theme=primary][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=primary][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=primary][color=company]{color:#fff;background:#39d}:host[theme=primary][color=candidate]{color:#fff;background:#4b7}:host[theme=primary][color=lead]{color:#fff;background:#a69}:host[theme=primary][color=contact]{color:#fff;background:#fa4}:host[theme=primary][color=clientcontact]{color:#fff;background:#fa4}:host[theme=primary][color=opportunity]{color:#fff;background:#625}:host[theme=primary][color=job]{color:#fff;background:#b56}:host[theme=primary][color=joborder]{color:#fff;background:#b56}:host[theme=primary][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=primary][color=sendout]{color:#fff;background:#747884}:host[theme=primary][color=placement]{color:#fff;background:#0b344f}:host[theme=primary][color=note]{color:#fff;background:#747884}:host[theme=primary][color=contract]{color:#fff;background:#454ea0}:host[theme=primary][color=task]{color:#fff;background:#4f5361}:host[theme=primary][color=jobCode]{color:#fff;background:#696d79}:host[theme=primary][color=earnCode]{color:#fff;background:#696d79}:host[theme=primary][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=primary][color=billableCharge]{color:#fff;background:#696d79}:host[theme=primary][color=payableCharge]{color:#fff;background:#696d79}:host[theme=primary][color=user]{color:#fff;background:#696d79}:host[theme=primary][color=corporateUser]{color:#fff;background:#696d79}:host[theme=primary][color=distributionList]{color:#fff;background:#696d79}:host[theme=primary][color=credential]{color:#fff;background:#696d79}:host[theme=primary][color=person]{color:#fff;background:#696d79}:host[theme=primary]:hover,:host[theme=primary]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026;filter:brightness(1.15)}:host[theme=primary]:active{filter:brightness(.85);box-shadow:0 1px 2px #00000026}:host[theme=primary][color=white]{background:#fff;color:#4a89dc}:host[theme=primary][color=white]:hover,:host[theme=primary][color=white]:focus{background:#f7f7f7}:host[theme=primary][color=white]:active{background:#eaeaea}:host[theme=primary][color=white] i{background:#0000000d}:host[theme=primary][size=large] i{margin-left:3px}\n", ":host[theme=secondary]{text-align:left;align-items:center;background:#fff;color:#4a89dc;border:1px solid #4a89dc;padding:0 calc(1rem - 1px)}:host[theme=secondary][color=black]{color:#000}:host[theme=secondary][color=black] i{color:#000}:host[theme=secondary][color=white]{color:#fff}:host[theme=secondary][color=white] i{color:#fff}:host[theme=secondary][color=gray]{color:#9e9e9e}:host[theme=secondary][color=gray] i{color:#9e9e9e}:host[theme=secondary][color=grey]{color:#9e9e9e}:host[theme=secondary][color=grey] i{color:#9e9e9e}:host[theme=secondary][color=offWhite]{color:#f7f7f7}:host[theme=secondary][color=offWhite] i{color:#f7f7f7}:host[theme=secondary][color=bright]{color:#f7f7f7}:host[theme=secondary][color=bright] i{color:#f7f7f7}:host[theme=secondary][color=light]{color:#dbdbdb}:host[theme=secondary][color=light] i{color:#dbdbdb}:host[theme=secondary][color=neutral]{color:#4f5361}:host[theme=secondary][color=neutral] i{color:#4f5361}:host[theme=secondary][color=dark]{color:#3d464d}:host[theme=secondary][color=dark] i{color:#3d464d}:host[theme=secondary][color=orange]{color:#ff6900}:host[theme=secondary][color=orange] i{color:#ff6900}:host[theme=secondary][color=navigation]{color:#202945}:host[theme=secondary][color=navigation] i{color:#202945}:host[theme=secondary][color=skyBlue]{color:#009bdf}:host[theme=secondary][color=skyBlue] i{color:#009bdf}:host[theme=secondary][color=steel]{color:#5b6770}:host[theme=secondary][color=steel] i{color:#5b6770}:host[theme=secondary][color=metal]{color:#637893}:host[theme=secondary][color=metal] i{color:#637893}:host[theme=secondary][color=sand]{color:#f4f4f4}:host[theme=secondary][color=sand] i{color:#f4f4f4}:host[theme=secondary][color=silver]{color:#e2e2e2}:host[theme=secondary][color=silver] i{color:#e2e2e2}:host[theme=secondary][color=stone]{color:#bebebe}:host[theme=secondary][color=stone] i{color:#bebebe}:host[theme=secondary][color=ash]{color:#a0a0a0}:host[theme=secondary][color=ash] i{color:#a0a0a0}:host[theme=secondary][color=slate]{color:#707070}:host[theme=secondary][color=slate] i{color:#707070}:host[theme=secondary][color=onyx]{color:#526980}:host[theme=secondary][color=onyx] i{color:#526980}:host[theme=secondary][color=charcoal]{color:#282828}:host[theme=secondary][color=charcoal] i{color:#282828}:host[theme=secondary][color=moonlight]{color:#1a242f}:host[theme=secondary][color=moonlight] i{color:#1a242f}:host[theme=secondary][color=midnight]{color:#202945}:host[theme=secondary][color=midnight] i{color:#202945}:host[theme=secondary][color=darkness]{color:#161f27}:host[theme=secondary][color=darkness] i{color:#161f27}:host[theme=secondary][color=navy]{color:#0d2d42}:host[theme=secondary][color=navy] i{color:#0d2d42}:host[theme=secondary][color=aqua]{color:#3bafda}:host[theme=secondary][color=aqua] i{color:#3bafda}:host[theme=secondary][color=ocean]{color:#4a89dc}:host[theme=secondary][color=ocean] i{color:#4a89dc}:host[theme=secondary][color=mint]{color:#37bc9b}:host[theme=secondary][color=mint] i{color:#37bc9b}:host[theme=secondary][color=grass]{color:#8cc152}:host[theme=secondary][color=grass] i{color:#8cc152}:host[theme=secondary][color=sunflower]{color:#f6b042}:host[theme=secondary][color=sunflower] i{color:#f6b042}:host[theme=secondary][color=bittersweet]{color:#eb6845}:host[theme=secondary][color=bittersweet] i{color:#eb6845}:host[theme=secondary][color=grapefruit]{color:#da4453}:host[theme=secondary][color=grapefruit] i{color:#da4453}:host[theme=secondary][color=carnation]{color:#d770ad}:host[theme=secondary][color=carnation] i{color:#d770ad}:host[theme=secondary][color=lavender]{color:#967adc}:host[theme=secondary][color=lavender] i{color:#967adc}:host[theme=secondary][color=mountain]{color:#9678b6}:host[theme=secondary][color=mountain] i{color:#9678b6}:host[theme=secondary][color=info]{color:#4a89dc}:host[theme=secondary][color=info] i{color:#4a89dc}:host[theme=secondary][color=positive]{color:#4a89dc}:host[theme=secondary][color=positive] i{color:#4a89dc}:host[theme=secondary][color=success]{color:#8cc152}:host[theme=secondary][color=success] i{color:#8cc152}:host[theme=secondary][color=negative]{color:#da4453}:host[theme=secondary][color=negative] i{color:#da4453}:host[theme=secondary][color=danger]{color:#da4453}:host[theme=secondary][color=danger] i{color:#da4453}:host[theme=secondary][color=error]{color:#da4453}:host[theme=secondary][color=error] i{color:#da4453}:host[theme=secondary][color=warning]{color:#f6b042}:host[theme=secondary][color=warning] i{color:#f6b042}:host[theme=secondary][color=empty]{color:#cccdcc}:host[theme=secondary][color=empty] i{color:#cccdcc}:host[theme=secondary][color=disabled]{color:#bebebe}:host[theme=secondary][color=disabled] i{color:#bebebe}:host[theme=secondary][color=background]{color:#f7f7f7}:host[theme=secondary][color=background] i{color:#f7f7f7}:host[theme=secondary][color=backgroundDark]{color:#e2e2e2}:host[theme=secondary][color=backgroundDark] i{color:#e2e2e2}:host[theme=secondary][color=presentation]{color:#5b6770}:host[theme=secondary][color=presentation] i{color:#5b6770}:host[theme=secondary][color=bullhorn]{color:#ff6900}:host[theme=secondary][color=bullhorn] i{color:#ff6900}:host[theme=secondary][color=pulse]{color:#3bafda}:host[theme=secondary][color=pulse] i{color:#3bafda}:host[theme=secondary][color=company]{color:#39d}:host[theme=secondary][color=company] i{color:#39d}:host[theme=secondary][color=candidate]{color:#4b7}:host[theme=secondary][color=candidate] i{color:#4b7}:host[theme=secondary][color=lead]{color:#a69}:host[theme=secondary][color=lead] i{color:#a69}:host[theme=secondary][color=contact]{color:#fa4}:host[theme=secondary][color=contact] i{color:#fa4}:host[theme=secondary][color=clientcontact]{color:#fa4}:host[theme=secondary][color=clientcontact] i{color:#fa4}:host[theme=secondary][color=opportunity]{color:#625}:host[theme=secondary][color=opportunity] i{color:#625}:host[theme=secondary][color=job]{color:#b56}:host[theme=secondary][color=job] i{color:#b56}:host[theme=secondary][color=joborder]{color:#b56}:host[theme=secondary][color=joborder] i{color:#b56}:host[theme=secondary][color=submission]{color:#a9adbb}:host[theme=secondary][color=submission] i{color:#a9adbb}:host[theme=secondary][color=sendout]{color:#747884}:host[theme=secondary][color=sendout] i{color:#747884}:host[theme=secondary][color=placement]{color:#0b344f}:host[theme=secondary][color=placement] i{color:#0b344f}:host[theme=secondary][color=note]{color:#747884}:host[theme=secondary][color=note] i{color:#747884}:host[theme=secondary][color=contract]{color:#454ea0}:host[theme=secondary][color=contract] i{color:#454ea0}:host[theme=secondary][color=task]{color:#4f5361}:host[theme=secondary][color=task] i{color:#4f5361}:host[theme=secondary][color=jobCode]{color:#696d79}:host[theme=secondary][color=jobCode] i{color:#696d79}:host[theme=secondary][color=earnCode]{color:#696d79}:host[theme=secondary][color=earnCode] i{color:#696d79}:host[theme=secondary][color=invoiceStatement]{color:#696d79}:host[theme=secondary][color=invoiceStatement] i{color:#696d79}:host[theme=secondary][color=billableCharge]{color:#696d79}:host[theme=secondary][color=billableCharge] i{color:#696d79}:host[theme=secondary][color=payableCharge]{color:#696d79}:host[theme=secondary][color=payableCharge] i{color:#696d79}:host[theme=secondary][color=user]{color:#696d79}:host[theme=secondary][color=user] i{color:#696d79}:host[theme=secondary][color=corporateUser]{color:#696d79}:host[theme=secondary][color=corporateUser] i{color:#696d79}:host[theme=secondary][color=distributionList]{color:#696d79}:host[theme=secondary][color=distributionList] i{color:#696d79}:host[theme=secondary][color=credential]{color:#696d79}:host[theme=secondary][color=credential] i{color:#696d79}:host[theme=secondary][color=person]{color:#696d79}:host[theme=secondary][color=person] i{color:#696d79}:host[theme=secondary][color=black]{border:1px solid #000000}:host[theme=secondary][color=white]{border:1px solid #ffffff}:host[theme=secondary][color=gray]{border:1px solid #9e9e9e}:host[theme=secondary][color=grey]{border:1px solid #9e9e9e}:host[theme=secondary][color=offWhite]{border:1px solid #f7f7f7}:host[theme=secondary][color=bright]{border:1px solid #f7f7f7}:host[theme=secondary][color=light]{border:1px solid #dbdbdb}:host[theme=secondary][color=neutral]{border:1px solid #4f5361}:host[theme=secondary][color=dark]{border:1px solid #3d464d}:host[theme=secondary][color=orange]{border:1px solid #ff6900}:host[theme=secondary][color=navigation]{border:1px solid #202945}:host[theme=secondary][color=skyBlue]{border:1px solid #009bdf}:host[theme=secondary][color=steel]{border:1px solid #5b6770}:host[theme=secondary][color=metal]{border:1px solid #637893}:host[theme=secondary][color=sand]{border:1px solid #f4f4f4}:host[theme=secondary][color=silver]{border:1px solid #e2e2e2}:host[theme=secondary][color=stone]{border:1px solid #bebebe}:host[theme=secondary][color=ash]{border:1px solid #a0a0a0}:host[theme=secondary][color=slate]{border:1px solid #707070}:host[theme=secondary][color=onyx]{border:1px solid #526980}:host[theme=secondary][color=charcoal]{border:1px solid #282828}:host[theme=secondary][color=moonlight]{border:1px solid #1a242f}:host[theme=secondary][color=midnight]{border:1px solid #202945}:host[theme=secondary][color=darkness]{border:1px solid #161f27}:host[theme=secondary][color=navy]{border:1px solid #0d2d42}:host[theme=secondary][color=aqua]{border:1px solid #3bafda}:host[theme=secondary][color=ocean]{border:1px solid #4a89dc}:host[theme=secondary][color=mint]{border:1px solid #37bc9b}:host[theme=secondary][color=grass]{border:1px solid #8cc152}:host[theme=secondary][color=sunflower]{border:1px solid #f6b042}:host[theme=secondary][color=bittersweet]{border:1px solid #eb6845}:host[theme=secondary][color=grapefruit]{border:1px solid #da4453}:host[theme=secondary][color=carnation]{border:1px solid #d770ad}:host[theme=secondary][color=lavender]{border:1px solid #967adc}:host[theme=secondary][color=mountain]{border:1px solid #9678b6}:host[theme=secondary][color=info]{border:1px solid #4a89dc}:host[theme=secondary][color=positive]{border:1px solid #4a89dc}:host[theme=secondary][color=success]{border:1px solid #8cc152}:host[theme=secondary][color=negative]{border:1px solid #da4453}:host[theme=secondary][color=danger]{border:1px solid #da4453}:host[theme=secondary][color=error]{border:1px solid #da4453}:host[theme=secondary][color=warning]{border:1px solid #f6b042}:host[theme=secondary][color=empty]{border:1px solid #cccdcc}:host[theme=secondary][color=disabled]{border:1px solid #bebebe}:host[theme=secondary][color=background]{border:1px solid #f7f7f7}:host[theme=secondary][color=backgroundDark]{border:1px solid #e2e2e2}:host[theme=secondary][color=presentation]{border:1px solid #5b6770}:host[theme=secondary][color=bullhorn]{border:1px solid #ff6900}:host[theme=secondary][color=pulse]{border:1px solid #3bafda}:host[theme=secondary][color=company]{border:1px solid #3399dd}:host[theme=secondary][color=candidate]{border:1px solid #44bb77}:host[theme=secondary][color=lead]{border:1px solid #aa6699}:host[theme=secondary][color=contact]{border:1px solid #ffaa44}:host[theme=secondary][color=clientcontact]{border:1px solid #ffaa44}:host[theme=secondary][color=opportunity]{border:1px solid #662255}:host[theme=secondary][color=job]{border:1px solid #bb5566}:host[theme=secondary][color=joborder]{border:1px solid #bb5566}:host[theme=secondary][color=submission]{border:1px solid #a9adbb}:host[theme=secondary][color=sendout]{border:1px solid #747884}:host[theme=secondary][color=placement]{border:1px solid #0b344f}:host[theme=secondary][color=note]{border:1px solid #747884}:host[theme=secondary][color=contract]{border:1px solid #454ea0}:host[theme=secondary][color=task]{border:1px solid #4f5361}:host[theme=secondary][color=jobCode]{border:1px solid #696d79}:host[theme=secondary][color=earnCode]{border:1px solid #696d79}:host[theme=secondary][color=invoiceStatement]{border:1px solid #696d79}:host[theme=secondary][color=billableCharge]{border:1px solid #696d79}:host[theme=secondary][color=payableCharge]{border:1px solid #696d79}:host[theme=secondary][color=user]{border:1px solid #696d79}:host[theme=secondary][color=corporateUser]{border:1px solid #696d79}:host[theme=secondary][color=distributionList]{border:1px solid #696d79}:host[theme=secondary][color=credential]{border:1px solid #696d79}:host[theme=secondary][color=person]{border:1px solid #696d79}:host[theme=secondary] i.loading{margin-left:.8rem}:host[theme=secondary] i.loading svg .spinner{fill:#4a89dc}:host[theme=secondary]:hover,:host[theme=secondary]:focus{box-shadow:0 3px 7px #00000026,0 1px 2px #00000026;background:#fff}:host[theme=secondary]:active{box-shadow:0 1px 2px #00000026}:host[theme=secondary][inverse]{background:#00000040;color:#fff;border:1px solid #fff}:host[theme=secondary][inverse]:hover,:host[theme=secondary][inverse]:focus{background:#00000059}:host[theme=secondary][inverse]:active{background:#00000073}:host[theme=secondary][inverse] i.loading svg .spinner{fill:#fff}\n", ":host[theme=fab]{border-radius:50%!important;padding:0;font-size:1.2rem;width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center}:host[theme=fab][color=black]{color:#fff;background:#000}:host[theme=fab][color=white]{color:#3d464d;background:#fff}:host[theme=fab][color=gray]{color:#3d464d;background:#9e9e9e}:host[theme=fab][color=grey]{color:#3d464d;background:#9e9e9e}:host[theme=fab][color=offWhite]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=bright]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=light]{color:#3d464d;background:#dbdbdb}:host[theme=fab][color=neutral]{color:#fff;background:#4f5361}:host[theme=fab][color=dark]{color:#fff;background:#3d464d}:host[theme=fab][color=orange]{color:#3d464d;background:#ff6900}:host[theme=fab][color=navigation]{color:#fff;background:#202945}:host[theme=fab][color=skyBlue]{color:#fff;background:#009bdf}:host[theme=fab][color=steel]{color:#fff;background:#5b6770}:host[theme=fab][color=metal]{color:#fff;background:#637893}:host[theme=fab][color=sand]{color:#3d464d;background:#f4f4f4}:host[theme=fab][color=silver]{color:#3d464d;background:#e2e2e2}:host[theme=fab][color=stone]{color:#3d464d;background:#bebebe}:host[theme=fab][color=ash]{color:#3d464d;background:#a0a0a0}:host[theme=fab][color=slate]{color:#fff;background:#707070}:host[theme=fab][color=onyx]{color:#fff;background:#526980}:host[theme=fab][color=charcoal]{color:#fff;background:#282828}:host[theme=fab][color=moonlight]{color:#fff;background:#1a242f}:host[theme=fab][color=midnight]{color:#fff;background:#202945}:host[theme=fab][color=darkness]{color:#fff;background:#161f27}:host[theme=fab][color=navy]{color:#fff;background:#0d2d42}:host[theme=fab][color=aqua]{color:#3d464d;background:#3bafda}:host[theme=fab][color=ocean]{color:#fff;background:#4a89dc}:host[theme=fab][color=mint]{color:#3d464d;background:#37bc9b}:host[theme=fab][color=grass]{color:#fff;background:#8cc152}:host[theme=fab][color=sunflower]{color:#fff;background:#f6b042}:host[theme=fab][color=bittersweet]{color:#fff;background:#eb6845}:host[theme=fab][color=grapefruit]{color:#fff;background:#da4453}:host[theme=fab][color=carnation]{color:#fff;background:#d770ad}:host[theme=fab][color=lavender]{color:#fff;background:#967adc}:host[theme=fab][color=mountain]{color:#fff;background:#9678b6}:host[theme=fab][color=info]{color:#fff;background:#4a89dc}:host[theme=fab][color=positive]{color:#fff;background:#4a89dc}:host[theme=fab][color=success]{color:#fff;background:#8cc152}:host[theme=fab][color=negative]{color:#fff;background:#da4453}:host[theme=fab][color=danger]{color:#fff;background:#da4453}:host[theme=fab][color=error]{color:#fff;background:#da4453}:host[theme=fab][color=warning]{color:#fff;background:#f6b042}:host[theme=fab][color=empty]{color:#3d464d;background:#cccdcc}:host[theme=fab][color=disabled]{color:#3d464d;background:#bebebe}:host[theme=fab][color=background]{color:#3d464d;background:#f7f7f7}:host[theme=fab][color=backgroundDark]{color:#3d464d;background:#e2e2e2}:host[theme=fab][color=presentation]{color:#fff;background:#5b6770}:host[theme=fab][color=bullhorn]{color:#3d464d;background:#ff6900}:host[theme=fab][color=pulse]{color:#3d464d;background:#3bafda}:host[theme=fab][color=company]{color:#fff;background:#39d}:host[theme=fab][color=candidate]{color:#fff;background:#4b7}:host[theme=fab][color=lead]{color:#fff;background:#a69}:host[theme=fab][color=contact]{color:#fff;background:#fa4}:host[theme=fab][color=clientcontact]{color:#fff;background:#fa4}:host[theme=fab][color=opportunity]{color:#fff;background:#625}:host[theme=fab][color=job]{color:#fff;background:#b56}:host[theme=fab][color=joborder]{color:#fff;background:#b56}:host[theme=fab][color=submission]{color:#3d464d;background:#a9adbb}:host[theme=fab][color=sendout]{color:#fff;background:#747884}:host[theme=fab][color=placement]{color:#fff;background:#0b344f}:host[theme=fab][color=note]{color:#fff;background:#747884}:host[theme=fab][color=contract]{color:#fff;background:#454ea0}:host[theme=fab][color=task]{color:#fff;background:#4f5361}:host[theme=fab][color=jobCode]{color:#fff;background:#696d79}:host[theme=fab][color=earnCode]{color:#fff;background:#696d79}:host[theme=fab][color=invoiceStatement]{color:#fff;background:#696d79}:host[theme=fab][color=billableCharge]{color:#fff;background:#696d79}:host[theme=fab][color=payableCharge]{color:#fff;background:#696d79}:host[theme=fab][color=user]{color:#fff;background:#696d79}:host[theme=fab][color=corporateUser]{color:#fff;background:#696d79}:host[theme=fab][color=distributionList]{color:#fff;background:#696d79}:host[theme=fab][color=credential]{color:#fff;background:#696d79}:host[theme=fab][color=person]{color:#fff;background:#696d79}:host[theme=fab][inverse]{color:#fff}:host[theme=fab]:focus,:host[theme=fab]:hover{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab]:active{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab] .button-contents{display:contents}:host[theme=fab] i{margin:0;padding:0}:host[theme=fab] i:before{display:block}\n", ":host[theme=icon]{padding:.5rem;font-size:1.4rem;height:2.4rem}:host[theme=icon][color=black]{color:#000}:host[theme=icon][color=black] i{color:#000}:host[theme=icon][color=white]{color:#fff}:host[theme=icon][color=white] i{color:#fff}:host[theme=icon][color=gray]{color:#9e9e9e}:host[theme=icon][color=gray] i{color:#9e9e9e}:host[theme=icon][color=grey]{color:#9e9e9e}:host[theme=icon][color=grey] i{color:#9e9e9e}:host[theme=icon][color=offWhite]{color:#f7f7f7}:host[theme=icon][color=offWhite] i{color:#f7f7f7}:host[theme=icon][color=bright]{color:#f7f7f7}:host[theme=icon][color=bright] i{color:#f7f7f7}:host[theme=icon][color=light]{color:#dbdbdb}:host[theme=icon][color=light] i{color:#dbdbdb}:host[theme=icon][color=neutral]{color:#4f5361}:host[theme=icon][color=neutral] i{color:#4f5361}:host[theme=icon][color=dark]{color:#3d464d}:host[theme=icon][color=dark] i{color:#3d464d}:host[theme=icon][color=orange]{color:#ff6900}:host[theme=icon][color=orange] i{color:#ff6900}:host[theme=icon][color=navigation]{color:#202945}:host[theme=icon][color=navigation] i{color:#202945}:host[theme=icon][color=skyBlue]{color:#009bdf}:host[theme=icon][color=skyBlue] i{color:#009bdf}:host[theme=icon][color=steel]{color:#5b6770}:host[theme=icon][color=steel] i{color:#5b6770}:host[theme=icon][color=metal]{color:#637893}:host[theme=icon][color=metal] i{color:#637893}:host[theme=icon][color=sand]{color:#f4f4f4}:host[theme=icon][color=sand] i{color:#f4f4f4}:host[theme=icon][color=silver]{color:#e2e2e2}:host[theme=icon][color=silver] i{color:#e2e2e2}:host[theme=icon][color=stone]{color:#bebebe}:host[theme=icon][color=stone] i{color:#bebebe}:host[theme=icon][color=ash]{color:#a0a0a0}:host[theme=icon][color=ash] i{color:#a0a0a0}:host[theme=icon][color=slate]{color:#707070}:host[theme=icon][color=slate] i{color:#707070}:host[theme=icon][color=onyx]{color:#526980}:host[theme=icon][color=onyx] i{color:#526980}:host[theme=icon][color=charcoal]{color:#282828}:host[theme=icon][color=charcoal] i{color:#282828}:host[theme=icon][color=moonlight]{color:#1a242f}:host[theme=icon][color=moonlight] i{color:#1a242f}:host[theme=icon][color=midnight]{color:#202945}:host[theme=icon][color=midnight] i{color:#202945}:host[theme=icon][color=darkness]{color:#161f27}:host[theme=icon][color=darkness] i{color:#161f27}:host[theme=icon][color=navy]{color:#0d2d42}:host[theme=icon][color=navy] i{color:#0d2d42}:host[theme=icon][color=aqua]{color:#3bafda}:host[theme=icon][color=aqua] i{color:#3bafda}:host[theme=icon][color=ocean]{color:#4a89dc}:host[theme=icon][color=ocean] i{color:#4a89dc}:host[theme=icon][color=mint]{color:#37bc9b}:host[theme=icon][color=mint] i{color:#37bc9b}:host[theme=icon][color=grass]{color:#8cc152}:host[theme=icon][color=grass] i{color:#8cc152}:host[theme=icon][color=sunflower]{color:#f6b042}:host[theme=icon][color=sunflower] i{color:#f6b042}:host[theme=icon][color=bittersweet]{color:#eb6845}:host[theme=icon][color=bittersweet] i{color:#eb6845}:host[theme=icon][color=grapefruit]{color:#da4453}:host[theme=icon][color=grapefruit] i{color:#da4453}:host[theme=icon][color=carnation]{color:#d770ad}:host[theme=icon][color=carnation] i{color:#d770ad}:host[theme=icon][color=lavender]{color:#967adc}:host[theme=icon][color=lavender] i{color:#967adc}:host[theme=icon][color=mountain]{color:#9678b6}:host[theme=icon][color=mountain] i{color:#9678b6}:host[theme=icon][color=info]{color:#4a89dc}:host[theme=icon][color=info] i{color:#4a89dc}:host[theme=icon][color=positive]{color:#4a89dc}:host[theme=icon][color=positive] i{color:#4a89dc}:host[theme=icon][color=success]{color:#8cc152}:host[theme=icon][color=success] i{color:#8cc152}:host[theme=icon][color=negative]{color:#da4453}:host[theme=icon][color=negative] i{color:#da4453}:host[theme=icon][color=danger]{color:#da4453}:host[theme=icon][color=danger] i{color:#da4453}:host[theme=icon][color=error]{color:#da4453}:host[theme=icon][color=error] i{color:#da4453}:host[theme=icon][color=warning]{color:#f6b042}:host[theme=icon][color=warning] i{color:#f6b042}:host[theme=icon][color=empty]{color:#cccdcc}:host[theme=icon][color=empty] i{color:#cccdcc}:host[theme=icon][color=disabled]{color:#bebebe}:host[theme=icon][color=disabled] i{color:#bebebe}:host[theme=icon][color=background]{color:#f7f7f7}:host[theme=icon][color=background] i{color:#f7f7f7}:host[theme=icon][color=backgroundDark]{color:#e2e2e2}:host[theme=icon][color=backgroundDark] i{color:#e2e2e2}:host[theme=icon][color=presentation]{color:#5b6770}:host[theme=icon][color=presentation] i{color:#5b6770}:host[theme=icon][color=bullhorn]{color:#ff6900}:host[theme=icon][color=bullhorn] i{color:#ff6900}:host[theme=icon][color=pulse]{color:#3bafda}:host[theme=icon][color=pulse] i{color:#3bafda}:host[theme=icon][color=company]{color:#39d}:host[theme=icon][color=company] i{color:#39d}:host[theme=icon][color=candidate]{color:#4b7}:host[theme=icon][color=candidate] i{color:#4b7}:host[theme=icon][color=lead]{color:#a69}:host[theme=icon][color=lead] i{color:#a69}:host[theme=icon][color=contact]{color:#fa4}:host[theme=icon][color=contact] i{color:#fa4}:host[theme=icon][color=clientcontact]{color:#fa4}:host[theme=icon][color=clientcontact] i{color:#fa4}:host[theme=icon][color=opportunity]{color:#625}:host[theme=icon][color=opportunity] i{color:#625}:host[theme=icon][color=job]{color:#b56}:host[theme=icon][color=job] i{color:#b56}:host[theme=icon][color=joborder]{color:#b56}:host[theme=icon][color=joborder] i{color:#b56}:host[theme=icon][color=submission]{color:#a9adbb}:host[theme=icon][color=submission] i{color:#a9adbb}:host[theme=icon][color=sendout]{color:#747884}:host[theme=icon][color=sendout] i{color:#747884}:host[theme=icon][color=placement]{color:#0b344f}:host[theme=icon][color=placement] i{color:#0b344f}:host[theme=icon][color=note]{color:#747884}:host[theme=icon][color=note] i{color:#747884}:host[theme=icon][color=contract]{color:#454ea0}:host[theme=icon][color=contract] i{color:#454ea0}:host[theme=icon][color=task]{color:#4f5361}:host[theme=icon][color=task] i{color:#4f5361}:host[theme=icon][color=jobCode]{color:#696d79}:host[theme=icon][color=jobCode] i{color:#696d79}:host[theme=icon][color=earnCode]{color:#696d79}:host[theme=icon][color=earnCode] i{color:#696d79}:host[theme=icon][color=invoiceStatement]{color:#696d79}:host[theme=icon][color=invoiceStatement] i{color:#696d79}:host[theme=icon][color=billableCharge]{color:#696d79}:host[theme=icon][color=billableCharge] i{color:#696d79}:host[theme=icon][color=payableCharge]{color:#696d79}:host[theme=icon][color=payableCharge] i{color:#696d79}:host[theme=icon][color=user]{color:#696d79}:host[theme=icon][color=user] i{color:#696d79}:host[theme=icon][color=corporateUser]{color:#696d79}:host[theme=icon][color=corporateUser] i{color:#696d79}:host[theme=icon][color=distributionList]{color:#696d79}:host[theme=icon][color=distributionList] i{color:#696d79}:host[theme=icon][color=credential]{color:#696d79}:host[theme=icon][color=credential] i{color:#696d79}:host[theme=icon][color=person]{color:#696d79}:host[theme=icon][color=person] i{color:#696d79}:host[theme=icon][inverse]{color:#fff}:host[theme=icon] i{display:contents;margin:0!important}:host[theme=icon]:focus,:host[theme=icon]:hover{background:#0000001a}:host[theme=icon]:active{background:#00000040}:host[theme=icon] .button-contents{display:contents}:host[theme=icon][size=small]{padding:.5rem;font-size:1.2rem;height:2rem}:host[theme=icon][size=medium]{font-size:1.6rem}:host[theme=icon][size=large]{font-size:2rem;height:2.8rem;padding:1rem}\n", ":host[theme=dialogue]{background:transparent;color:#4a89dc}:host[theme=dialogue][color=black]{color:#000}:host[theme=dialogue][color=black] i{color:#000}:host[theme=dialogue][color=white]{color:#fff}:host[theme=dialogue][color=white] i{color:#fff}:host[theme=dialogue][color=gray]{color:#9e9e9e}:host[theme=dialogue][color=gray] i{color:#9e9e9e}:host[theme=dialogue][color=grey]{color:#9e9e9e}:host[theme=dialogue][color=grey] i{color:#9e9e9e}:host[theme=dialogue][color=offWhite]{color:#f7f7f7}:host[theme=dialogue][color=offWhite] i{color:#f7f7f7}:host[theme=dialogue][color=bright]{color:#f7f7f7}:host[theme=dialogue][color=bright] i{color:#f7f7f7}:host[theme=dialogue][color=light]{color:#dbdbdb}:host[theme=dialogue][color=light] i{color:#dbdbdb}:host[theme=dialogue][color=neutral]{color:#4f5361}:host[theme=dialogue][color=neutral] i{color:#4f5361}:host[theme=dialogue][color=dark]{color:#3d464d}:host[theme=dialogue][color=dark] i{color:#3d464d}:host[theme=dialogue][color=orange]{color:#ff6900}:host[theme=dialogue][color=orange] i{color:#ff6900}:host[theme=dialogue][color=navigation]{color:#202945}:host[theme=dialogue][color=navigation] i{color:#202945}:host[theme=dialogue][color=skyBlue]{color:#009bdf}:host[theme=dialogue][color=skyBlue] i{color:#009bdf}:host[theme=dialogue][color=steel]{color:#5b6770}:host[theme=dialogue][color=steel] i{color:#5b6770}:host[theme=dialogue][color=metal]{color:#637893}:host[theme=dialogue][color=metal] i{color:#637893}:host[theme=dialogue][color=sand]{color:#f4f4f4}:host[theme=dialogue][color=sand] i{color:#f4f4f4}:host[theme=dialogue][color=silver]{color:#e2e2e2}:host[theme=dialogue][color=silver] i{color:#e2e2e2}:host[theme=dialogue][color=stone]{color:#bebebe}:host[theme=dialogue][color=stone] i{color:#bebebe}:host[theme=dialogue][color=ash]{color:#a0a0a0}:host[theme=dialogue][color=ash] i{color:#a0a0a0}:host[theme=dialogue][color=slate]{color:#707070}:host[theme=dialogue][color=slate] i{color:#707070}:host[theme=dialogue][color=onyx]{color:#526980}:host[theme=dialogue][color=onyx] i{color:#526980}:host[theme=dialogue][color=charcoal]{color:#282828}:host[theme=dialogue][color=charcoal] i{color:#282828}:host[theme=dialogue][color=moonlight]{color:#1a242f}:host[theme=dialogue][color=moonlight] i{color:#1a242f}:host[theme=dialogue][color=midnight]{color:#202945}:host[theme=dialogue][color=midnight] i{color:#202945}:host[theme=dialogue][color=darkness]{color:#161f27}:host[theme=dialogue][color=darkness] i{color:#161f27}:host[theme=dialogue][color=navy]{color:#0d2d42}:host[theme=dialogue][color=navy] i{color:#0d2d42}:host[theme=dialogue][color=aqua]{color:#3bafda}:host[theme=dialogue][color=aqua] i{color:#3bafda}:host[theme=dialogue][color=ocean]{color:#4a89dc}:host[theme=dialogue][color=ocean] i{color:#4a89dc}:host[theme=dialogue][color=mint]{color:#37bc9b}:host[theme=dialogue][color=mint] i{color:#37bc9b}:host[theme=dialogue][color=grass]{color:#8cc152}:host[theme=dialogue][color=grass] i{color:#8cc152}:host[theme=dialogue][color=sunflower]{color:#f6b042}:host[theme=dialogue][color=sunflower] i{color:#f6b042}:host[theme=dialogue][color=bittersweet]{color:#eb6845}:host[theme=dialogue][color=bittersweet] i{color:#eb6845}:host[theme=dialogue][color=grapefruit]{color:#da4453}:host[theme=dialogue][color=grapefruit] i{color:#da4453}:host[theme=dialogue][color=carnation]{color:#d770ad}:host[theme=dialogue][color=carnation] i{color:#d770ad}:host[theme=dialogue][color=lavender]{color:#967adc}:host[theme=dialogue][color=lavender] i{color:#967adc}:host[theme=dialogue][color=mountain]{color:#9678b6}:host[theme=dialogue][color=mountain] i{color:#9678b6}:host[theme=dialogue][color=info]{color:#4a89dc}:host[theme=dialogue][color=info] i{color:#4a89dc}:host[theme=dialogue][color=positive]{color:#4a89dc}:host[theme=dialogue][color=positive] i{color:#4a89dc}:host[theme=dialogue][color=success]{color:#8cc152}:host[theme=dialogue][color=success] i{color:#8cc152}:host[theme=dialogue][color=negative]{color:#da4453}:host[theme=dialogue][color=negative] i{color:#da4453}:host[theme=dialogue][color=danger]{color:#da4453}:host[theme=dialogue][color=danger] i{color:#da4453}:host[theme=dialogue][color=error]{color:#da4453}:host[theme=dialogue][color=error] i{color:#da4453}:host[theme=dialogue][color=warning]{color:#f6b042}:host[theme=dialogue][color=warning] i{color:#f6b042}:host[theme=dialogue][color=empty]{color:#cccdcc}:host[theme=dialogue][color=empty] i{color:#cccdcc}:host[theme=dialogue][color=disabled]{color:#bebebe}:host[theme=dialogue][color=disabled] i{color:#bebebe}:host[theme=dialogue][color=background]{color:#f7f7f7}:host[theme=dialogue][color=background] i{color:#f7f7f7}:host[theme=dialogue][color=backgroundDark]{color:#e2e2e2}:host[theme=dialogue][color=backgroundDark] i{color:#e2e2e2}:host[theme=dialogue][color=presentation]{color:#5b6770}:host[theme=dialogue][color=presentation] i{color:#5b6770}:host[theme=dialogue][color=bullhorn]{color:#ff6900}:host[theme=dialogue][color=bullhorn] i{color:#ff6900}:host[theme=dialogue][color=pulse]{color:#3bafda}:host[theme=dialogue][color=pulse] i{color:#3bafda}:host[theme=dialogue][color=company]{color:#39d}:host[theme=dialogue][color=company] i{color:#39d}:host[theme=dialogue][color=candidate]{color:#4b7}:host[theme=dialogue][color=candidate] i{color:#4b7}:host[theme=dialogue][color=lead]{color:#a69}:host[theme=dialogue][color=lead] i{color:#a69}:host[theme=dialogue][color=contact]{color:#fa4}:host[theme=dialogue][color=contact] i{color:#fa4}:host[theme=dialogue][color=clientcontact]{color:#fa4}:host[theme=dialogue][color=clientcontact] i{color:#fa4}:host[theme=dialogue][color=opportunity]{color:#625}:host[theme=dialogue][color=opportunity] i{color:#625}:host[theme=dialogue][color=job]{color:#b56}:host[theme=dialogue][color=job] i{color:#b56}:host[theme=dialogue][color=joborder]{color:#b56}:host[theme=dialogue][color=joborder] i{color:#b56}:host[theme=dialogue][color=submission]{color:#a9adbb}:host[theme=dialogue][color=submission] i{color:#a9adbb}:host[theme=dialogue][color=sendout]{color:#747884}:host[theme=dialogue][color=sendout] i{color:#747884}:host[theme=dialogue][color=placement]{color:#0b344f}:host[theme=dialogue][color=placement] i{color:#0b344f}:host[theme=dialogue][color=note]{color:#747884}:host[theme=dialogue][color=note] i{color:#747884}:host[theme=dialogue][color=contract]{color:#454ea0}:host[theme=dialogue][color=contract] i{color:#454ea0}:host[theme=dialogue][color=task]{color:#4f5361}:host[theme=dialogue][color=task] i{color:#4f5361}:host[theme=dialogue][color=jobCode]{color:#696d79}:host[theme=dialogue][color=jobCode] i{color:#696d79}:host[theme=dialogue][color=earnCode]{color:#696d79}:host[theme=dialogue][color=earnCode] i{color:#696d79}:host[theme=dialogue][color=invoiceStatement]{color:#696d79}:host[theme=dialogue][color=invoiceStatement] i{color:#696d79}:host[theme=dialogue][color=billableCharge]{color:#696d79}:host[theme=dialogue][color=billableCharge] i{color:#696d79}:host[theme=dialogue][color=payableCharge]{color:#696d79}:host[theme=dialogue][color=payableCharge] i{color:#696d79}:host[theme=dialogue][color=user]{color:#696d79}:host[theme=dialogue][color=user] i{color:#696d79}:host[theme=dialogue][color=corporateUser]{color:#696d79}:host[theme=dialogue][color=corporateUser] i{color:#696d79}:host[theme=dialogue][color=distributionList]{color:#696d79}:host[theme=dialogue][color=distributionList] i{color:#696d79}:host[theme=dialogue][color=credential]{color:#696d79}:host[theme=dialogue][color=credential] i{color:#696d79}:host[theme=dialogue][color=person]{color:#696d79}:host[theme=dialogue][color=person] i{color:#696d79}:host[theme=dialogue] i{line-height:1.2}:host[theme=dialogue]:hover,:host[theme=dialogue]:focus{background:#ededed}:host[theme=dialogue]:active{background:#e0e0e0}:host[theme=dialogue][inverse]:hover,:host[theme=dialogue][inverse]:focus{background:#0003}:host[theme=dialogue][inverse]:active{background:#00000059}\n", ":host[theme=field]{background:transparent;color:#3d464d;border:none;border-radius:0;border-bottom:1px solid var(--border);margin-bottom:4px;padding:.25rem .5rem;font-size:1.2rem;height:1.8rem;text-align:left}:host[theme=field]:hover,:host[theme=field]:focus,:host[theme=field]:active{border-bottom:1px solid var(--selection)}:host[theme=select]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text-main);padding:0 2px 0 0;height:2rem;min-height:2rem;position:relative;text-align:left;text-shadow:none;width:100%;z-index:1;text-transform:none;font-size:1.2rem;height:1.8rem}:host[theme=select].empty{color:var(--text-muted)}:host[theme=select]:focus,:host[theme=select]:hover{outline:none}:host[theme=select]:hover{border-bottom:1px solid rgb(94.8152173913,108.8043478261,119.6847826087)}:host[theme=select]:hover i{opacity:.75}:host[theme=select]:focus{border-bottom:1px solid var(--selection)}:host[theme=select]:focus i{color:#000000ba}:host[theme=select] i{font-size:.8rem;color:var(--text-main);opacity:.45}\n"] }]
|
|
165
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;padding:var(--button-padding-y, 0) var(--button-padding-x, var(--spacing-md));font-size:var(--font-size-button);font-weight:var(--button-font-weight, inherit);letter-spacing:var(--button-letter-spacing, normal);height:var(--button-height, 3rem);border:none;color:var(--button-color, var(--text-main, #3d464d));background:transparent;border-radius:var(--button-radius, 3px);text-transform:var(--button-text-transform, uppercase);transition:all .2s ease-in-out;gap:var(--button-gap, var(--spacing-md));cursor:pointer;-webkit-user-select:none;user-select:none;text-overflow:clip;white-space:nowrap;overflow:hidden;flex:0 0 auto}:host .button-contents{height:var(--font-size-button);display:inline-flex;align-items:center;line-height:1;font-size:inherit;color:inherit;text-transform:var(--button-text-transform, uppercase)}:host i{height:var(--font-size-button);font-size:inherit;line-height:1}:host[size=small],:host[size=sm]{font-size:var(--font-size-xs);padding:0 var(--spacing-md);height:2.4rem;gap:var(--spacing-sm)}:host[size=small] .button-contents,:host[size=small] i,:host[size=sm] .button-contents,:host[size=sm] i{height:1rem}:host[size=large],:host[size=lg]{font-size:1.6rem;padding:0 var(--spacing-lg);height:3.6rem;gap:var(--spacing-lg)}:host[size=large] .button-contents,:host[size=large] i,:host[size=lg] .button-contents,:host[size=lg] i{height:1.6rem}:host:focus{outline:none}:host:focus-visible{box-shadow:var(--button-focus-ring, none)}:host[disabled],:host.novo-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}:host[disabled=false]{opacity:1;cursor:pointer;pointer-events:auto}:host[loading=true]{opacity:.5;cursor:not-allowed;pointer-events:none}:host[loading=true] i.loading{display:flex;align-items:center;justify-content:center;animation:rotate 1.2s linear infinite}:host[loading=true] i.loading svg{width:100%;height:100%;max-width:15px;max-height:15px}:host[loading=true] i.loading svg .spinner{fill:currentColor}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n", ":host[theme=standard]{color:var(--button-text);background:var(--button-background)}:host[theme=standard][color=border-default]{background:#dbdbdb}:host[theme=standard][color=black]{color:var(--color-contrast-black);background:#000}:host[theme=standard][color=white]{color:var(--color-contrast-white);background:#fff}:host[theme=standard][color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host[theme=standard][color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host[theme=standard][color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host[theme=standard][color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host[theme=standard][color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host[theme=standard][color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host[theme=standard][color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host[theme=standard][color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host[theme=standard][color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host[theme=standard][color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host[theme=standard][color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host[theme=standard][color=metal]{color:var(--color-contrast-metal);background:#637893}:host[theme=standard][color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host[theme=standard][color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host[theme=standard][color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host[theme=standard][color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host[theme=standard][color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host[theme=standard][color=slate]{color:var(--color-contrast-slate);background:#707070}:host[theme=standard][color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host[theme=standard][color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host[theme=standard][color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host[theme=standard][color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host[theme=standard][color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host[theme=standard][color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host[theme=standard][color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host[theme=standard][color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host[theme=standard][color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host[theme=standard][color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host[theme=standard][color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host[theme=standard][color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host[theme=standard][color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host[theme=standard][color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host[theme=standard][color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host[theme=standard][color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host[theme=standard][color=info]{color:var(--color-contrast-info);background:#4a89dc}:host[theme=standard][color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host[theme=standard][color=success]{color:var(--color-contrast-success);background:#8cc152}:host[theme=standard][color=negative]{color:var(--color-contrast-negative);background:#da4453}:host[theme=standard][color=danger]{color:var(--color-contrast-danger);background:#da4453}:host[theme=standard][color=error]{color:var(--color-contrast-error);background:#da4453}:host[theme=standard][color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host[theme=standard][color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host[theme=standard][color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host[theme=standard][color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host[theme=standard][color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host[theme=standard][color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host[theme=standard][color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host[theme=standard][color=text]{color:var(--color-contrast-text);background:#282828}:host[theme=standard][color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host[theme=standard][color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host[theme=standard][color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host[theme=standard][color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host[theme=standard][color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host[theme=standard][color=company]{color:var(--color-contrast-company);background:#39d}:host[theme=standard][color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host[theme=standard][color=lead]{color:var(--color-contrast-lead);background:#a69}:host[theme=standard][color=contact]{color:var(--color-contrast-contact);background:#fa4}:host[theme=standard][color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host[theme=standard][color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host[theme=standard][color=job]{color:var(--color-contrast-job);background:#b56}:host[theme=standard][color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host[theme=standard][color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host[theme=standard][color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host[theme=standard][color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host[theme=standard][color=note]{color:var(--color-contrast-note);background:#747884}:host[theme=standard][color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host[theme=standard][color=task]{color:var(--color-contrast-task);background:#4f5361}:host[theme=standard][color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host[theme=standard][color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host[theme=standard][color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host[theme=standard][color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host[theme=standard][color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host[theme=standard][color=user]{color:var(--color-contrast-user);background:#696d79}:host[theme=standard][color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host[theme=standard][color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host[theme=standard][color=credential]{color:var(--color-contrast-credential);background:#696d79}:host[theme=standard][color=person]{color:var(--color-contrast-person);background:#696d79}:host[theme=standard]:hover,:host[theme=standard]:focus{box-shadow:var(--shadow-2),var(--shadow-1)}:host[theme=standard]:active{box-shadow:var(--shadow-1)}\n", ":host[theme=primary]{background:var(--button-primary-background, var(--color-positive));color:var(--button-primary-color, var(--color-contrast-positive));border:var(--button-primary-border, none);text-align:left}:host[theme=primary][color=border-default]{color:var(--color-contrast-border-default);background:var(--color-border-default)}:host[theme=primary][color=black]{color:var(--color-contrast-black);background:var(--color-black)}:host[theme=primary][color=white]{color:var(--color-contrast-white);background:var(--color-white)}:host[theme=primary][color=gray]{color:var(--color-contrast-gray);background:var(--color-gray)}:host[theme=primary][color=grey]{color:var(--color-contrast-grey);background:var(--color-grey)}:host[theme=primary][color=offWhite]{color:var(--color-contrast-offWhite);background:var(--color-offWhite)}:host[theme=primary][color=bright]{color:var(--color-contrast-bright);background:var(--color-bright)}:host[theme=primary][color=light]{color:var(--color-contrast-light);background:var(--color-light)}:host[theme=primary][color=neutral]{color:var(--color-contrast-neutral);background:var(--color-neutral)}:host[theme=primary][color=dark]{color:var(--color-contrast-dark);background:var(--color-dark)}:host[theme=primary][color=orange]{color:var(--color-contrast-orange);background:var(--color-orange)}:host[theme=primary][color=navigation]{color:var(--color-contrast-navigation);background:var(--color-navigation)}:host[theme=primary][color=skyBlue]{color:var(--color-contrast-skyBlue);background:var(--color-skyBlue)}:host[theme=primary][color=steel]{color:var(--color-contrast-steel);background:var(--color-steel)}:host[theme=primary][color=metal]{color:var(--color-contrast-metal);background:var(--color-metal)}:host[theme=primary][color=sand]{color:var(--color-contrast-sand);background:var(--color-sand)}:host[theme=primary][color=silver]{color:var(--color-contrast-silver);background:var(--color-silver)}:host[theme=primary][color=stone]{color:var(--color-contrast-stone);background:var(--color-stone)}:host[theme=primary][color=ash]{color:var(--color-contrast-ash);background:var(--color-ash)}:host[theme=primary][color=anonymous]{color:var(--color-contrast-anonymous);background:var(--color-anonymous)}:host[theme=primary][color=slate]{color:var(--color-contrast-slate);background:var(--color-slate)}:host[theme=primary][color=onyx]{color:var(--color-contrast-onyx);background:var(--color-onyx)}:host[theme=primary][color=charcoal]{color:var(--color-contrast-charcoal);background:var(--color-charcoal)}:host[theme=primary][color=moonlight]{color:var(--color-contrast-moonlight);background:var(--color-moonlight)}:host[theme=primary][color=midnight]{color:var(--color-contrast-midnight);background:var(--color-midnight)}:host[theme=primary][color=darkness]{color:var(--color-contrast-darkness);background:var(--color-darkness)}:host[theme=primary][color=navy]{color:var(--color-contrast-navy);background:var(--color-navy)}:host[theme=primary][color=aqua]{color:var(--color-contrast-aqua);background:var(--color-aqua)}:host[theme=primary][color=ocean]{color:var(--color-contrast-ocean);background:var(--color-ocean)}:host[theme=primary][color=mint]{color:var(--color-contrast-mint);background:var(--color-mint)}:host[theme=primary][color=grass]{color:var(--color-contrast-grass);background:var(--color-grass)}:host[theme=primary][color=sunflower]{color:var(--color-contrast-sunflower);background:var(--color-sunflower)}:host[theme=primary][color=bittersweet]{color:var(--color-contrast-bittersweet);background:var(--color-bittersweet)}:host[theme=primary][color=grapefruit]{color:var(--color-contrast-grapefruit);background:var(--color-grapefruit)}:host[theme=primary][color=carnation]{color:var(--color-contrast-carnation);background:var(--color-carnation)}:host[theme=primary][color=lavender]{color:var(--color-contrast-lavender);background:var(--color-lavender)}:host[theme=primary][color=mountain]{color:var(--color-contrast-mountain);background:var(--color-mountain)}:host[theme=primary][color=info]{color:var(--color-contrast-info);background:var(--color-info)}:host[theme=primary][color=positive]{color:var(--color-contrast-positive);background:var(--color-positive)}:host[theme=primary][color=success]{color:var(--color-contrast-success);background:var(--color-success)}:host[theme=primary][color=negative]{color:var(--color-contrast-negative);background:var(--color-negative)}:host[theme=primary][color=danger]{color:var(--color-contrast-danger);background:var(--color-danger)}:host[theme=primary][color=error]{color:var(--color-contrast-error);background:var(--color-error)}:host[theme=primary][color=warning]{color:var(--color-contrast-warning);background:var(--color-warning)}:host[theme=primary][color=empty]{color:var(--color-contrast-empty);background:var(--color-empty)}:host[theme=primary][color=disabled]{color:var(--color-contrast-disabled);background:var(--color-disabled)}:host[theme=primary][color=background]{color:var(--color-contrast-background);background:var(--color-background)}:host[theme=primary][color=backgroundDark]{color:var(--color-contrast-backgroundDark);background:var(--color-backgroundDark)}:host[theme=primary][color=border]{color:var(--color-contrast-border);background:var(--color-border)}:host[theme=primary][color=border2]{color:var(--color-contrast-border2);background:var(--color-border2)}:host[theme=primary][color=text]{color:var(--color-contrast-text);background:var(--color-text)}:host[theme=primary][color=presentation]{color:var(--color-contrast-presentation);background:var(--color-presentation)}:host[theme=primary][color=bullhorn]{color:var(--color-contrast-bullhorn);background:var(--color-bullhorn)}:host[theme=primary][color=pulse]{color:var(--color-contrast-pulse);background:var(--color-pulse)}:host[theme=primary][color=fastFind]{color:var(--color-contrast-fastFind);background:var(--color-fastFind)}:host[theme=primary][color=toast]{color:var(--color-contrast-toast);background:var(--color-toast)}:host[theme=primary][color=company]{color:var(--color-contrast-company);background:var(--color-company)}:host[theme=primary][color=candidate]{color:var(--color-contrast-candidate);background:var(--color-candidate)}:host[theme=primary][color=lead]{color:var(--color-contrast-lead);background:var(--color-lead)}:host[theme=primary][color=contact]{color:var(--color-contrast-contact);background:var(--color-contact)}:host[theme=primary][color=clientcontact]{color:var(--color-contrast-clientcontact);background:var(--color-clientcontact)}:host[theme=primary][color=opportunity]{color:var(--color-contrast-opportunity);background:var(--color-opportunity)}:host[theme=primary][color=job]{color:var(--color-contrast-job);background:var(--color-job)}:host[theme=primary][color=joborder]{color:var(--color-contrast-joborder);background:var(--color-joborder)}:host[theme=primary][color=submission]{color:var(--color-contrast-submission);background:var(--color-submission)}:host[theme=primary][color=sendout]{color:var(--color-contrast-sendout);background:var(--color-sendout)}:host[theme=primary][color=placement]{color:var(--color-contrast-placement);background:var(--color-placement)}:host[theme=primary][color=note]{color:var(--color-contrast-note);background:var(--color-note)}:host[theme=primary][color=contract]{color:var(--color-contrast-contract);background:var(--color-contract)}:host[theme=primary][color=task]{color:var(--color-contrast-task);background:var(--color-task)}:host[theme=primary][color=jobCode]{color:var(--color-contrast-jobCode);background:var(--color-jobCode)}:host[theme=primary][color=earnCode]{color:var(--color-contrast-earnCode);background:var(--color-earnCode)}:host[theme=primary][color=invoiceStatement]{color:var(--color-contrast-invoiceStatement);background:var(--color-invoiceStatement)}:host[theme=primary][color=billableCharge]{color:var(--color-contrast-billableCharge);background:var(--color-billableCharge)}:host[theme=primary][color=payableCharge]{color:var(--color-contrast-payableCharge);background:var(--color-payableCharge)}:host[theme=primary][color=user]{color:var(--color-contrast-user);background:var(--color-user)}:host[theme=primary][color=corporateUser]{color:var(--color-contrast-corporateUser);background:var(--color-corporateUser)}:host[theme=primary][color=distributionList]{color:var(--color-contrast-distributionList);background:var(--color-distributionList)}:host[theme=primary][color=credential]{color:var(--color-contrast-credential);background:var(--color-credential)}:host[theme=primary][color=person]{color:var(--color-contrast-person);background:var(--color-person)}:host[theme=primary]:hover,:host[theme=primary]:focus{filter:brightness(1.15);box-shadow:var(--shadow-2),var(--shadow-1)}:host[theme=primary]:active{filter:brightness(.85);box-shadow:var(--shadow-1)}:host[theme=primary][color=white]{background:var(--background-main);color:var(--color-positive)}:host[theme=primary][color=white]:hover,:host[theme=primary][color=white]:focus{background:var(--background-main)}:host[theme=primary][color=white]:active{background:hsl(from var(--theme-background-main) h s calc(l - 5))}:host[theme=primary][color=white] i{background:#0000000d}:host[theme=primary][size=large] i{margin-left:3px}\n", ":host[theme=secondary]{text-align:left;align-items:center;background:var(--color-white);color:var(--button-secondary-text, var(--color-positive));border:var(--button-secondary-border, 1px solid #4a89dc);padding:0 calc(var(--spacing-md) - 1px)}:host[theme=secondary][color=border-default]{color:#dbdbdb}:host[theme=secondary][color=border-default] i{color:#dbdbdb}:host[theme=secondary][color=black]{color:#000}:host[theme=secondary][color=black] i{color:#000}:host[theme=secondary][color=white]{color:#fff}:host[theme=secondary][color=white] i{color:#fff}:host[theme=secondary][color=gray]{color:#9e9e9e}:host[theme=secondary][color=gray] i{color:#9e9e9e}:host[theme=secondary][color=grey]{color:#9e9e9e}:host[theme=secondary][color=grey] i{color:#9e9e9e}:host[theme=secondary][color=offWhite]{color:#f7f7f7}:host[theme=secondary][color=offWhite] i{color:#f7f7f7}:host[theme=secondary][color=bright]{color:#f7f7f7}:host[theme=secondary][color=bright] i{color:#f7f7f7}:host[theme=secondary][color=light]{color:#dbdbdb}:host[theme=secondary][color=light] i{color:#dbdbdb}:host[theme=secondary][color=neutral]{color:#4f5361}:host[theme=secondary][color=neutral] i{color:#4f5361}:host[theme=secondary][color=dark]{color:#3d464d}:host[theme=secondary][color=dark] i{color:#3d464d}:host[theme=secondary][color=orange]{color:#ff6900}:host[theme=secondary][color=orange] i{color:#ff6900}:host[theme=secondary][color=navigation]{color:#202945}:host[theme=secondary][color=navigation] i{color:#202945}:host[theme=secondary][color=skyBlue]{color:#009bdf}:host[theme=secondary][color=skyBlue] i{color:#009bdf}:host[theme=secondary][color=steel]{color:#5b6770}:host[theme=secondary][color=steel] i{color:#5b6770}:host[theme=secondary][color=metal]{color:#637893}:host[theme=secondary][color=metal] i{color:#637893}:host[theme=secondary][color=sand]{color:#f4f4f4}:host[theme=secondary][color=sand] i{color:#f4f4f4}:host[theme=secondary][color=silver]{color:#e2e2e2}:host[theme=secondary][color=silver] i{color:#e2e2e2}:host[theme=secondary][color=stone]{color:#bebebe}:host[theme=secondary][color=stone] i{color:#bebebe}:host[theme=secondary][color=ash]{color:#a0a0a0}:host[theme=secondary][color=ash] i{color:#a0a0a0}:host[theme=secondary][color=anonymous]{color:#696d79}:host[theme=secondary][color=anonymous] i{color:#696d79}:host[theme=secondary][color=slate]{color:#707070}:host[theme=secondary][color=slate] i{color:#707070}:host[theme=secondary][color=onyx]{color:#526980}:host[theme=secondary][color=onyx] i{color:#526980}:host[theme=secondary][color=charcoal]{color:#282828}:host[theme=secondary][color=charcoal] i{color:#282828}:host[theme=secondary][color=moonlight]{color:#1a242f}:host[theme=secondary][color=moonlight] i{color:#1a242f}:host[theme=secondary][color=midnight]{color:#202945}:host[theme=secondary][color=midnight] i{color:#202945}:host[theme=secondary][color=darkness]{color:#161f27}:host[theme=secondary][color=darkness] i{color:#161f27}:host[theme=secondary][color=navy]{color:#0d2d42}:host[theme=secondary][color=navy] i{color:#0d2d42}:host[theme=secondary][color=aqua]{color:#3bafda}:host[theme=secondary][color=aqua] i{color:#3bafda}:host[theme=secondary][color=ocean]{color:#4a89dc}:host[theme=secondary][color=ocean] i{color:#4a89dc}:host[theme=secondary][color=mint]{color:#37bc9b}:host[theme=secondary][color=mint] i{color:#37bc9b}:host[theme=secondary][color=grass]{color:#8cc152}:host[theme=secondary][color=grass] i{color:#8cc152}:host[theme=secondary][color=sunflower]{color:#f6b042}:host[theme=secondary][color=sunflower] i{color:#f6b042}:host[theme=secondary][color=bittersweet]{color:#eb6845}:host[theme=secondary][color=bittersweet] i{color:#eb6845}:host[theme=secondary][color=grapefruit]{color:#da4453}:host[theme=secondary][color=grapefruit] i{color:#da4453}:host[theme=secondary][color=carnation]{color:#d770ad}:host[theme=secondary][color=carnation] i{color:#d770ad}:host[theme=secondary][color=lavender]{color:#967adc}:host[theme=secondary][color=lavender] i{color:#967adc}:host[theme=secondary][color=mountain]{color:#9678b6}:host[theme=secondary][color=mountain] i{color:#9678b6}:host[theme=secondary][color=info]{color:#4a89dc}:host[theme=secondary][color=info] i{color:#4a89dc}:host[theme=secondary][color=positive]{color:#4a89dc}:host[theme=secondary][color=positive] i{color:#4a89dc}:host[theme=secondary][color=success]{color:#8cc152}:host[theme=secondary][color=success] i{color:#8cc152}:host[theme=secondary][color=negative]{color:#da4453}:host[theme=secondary][color=negative] i{color:#da4453}:host[theme=secondary][color=danger]{color:#da4453}:host[theme=secondary][color=danger] i{color:#da4453}:host[theme=secondary][color=error]{color:#da4453}:host[theme=secondary][color=error] i{color:#da4453}:host[theme=secondary][color=warning]{color:#f6b042}:host[theme=secondary][color=warning] i{color:#f6b042}:host[theme=secondary][color=empty]{color:#cccdcc}:host[theme=secondary][color=empty] i{color:#cccdcc}:host[theme=secondary][color=disabled]{color:#bebebe}:host[theme=secondary][color=disabled] i{color:#bebebe}:host[theme=secondary][color=background]{color:#f7f7f7}:host[theme=secondary][color=background] i{color:#f7f7f7}:host[theme=secondary][color=backgroundDark]{color:#e2e2e2}:host[theme=secondary][color=backgroundDark] i{color:#e2e2e2}:host[theme=secondary][color=border]{color:#dbdbdb}:host[theme=secondary][color=border] i{color:#dbdbdb}:host[theme=secondary][color=border2]{color:#f7f7f7}:host[theme=secondary][color=border2] i{color:#f7f7f7}:host[theme=secondary][color=text]{color:#282828}:host[theme=secondary][color=text] i{color:#282828}:host[theme=secondary][color=presentation]{color:#5b6770}:host[theme=secondary][color=presentation] i{color:#5b6770}:host[theme=secondary][color=bullhorn]{color:#ff6900}:host[theme=secondary][color=bullhorn] i{color:#ff6900}:host[theme=secondary][color=pulse]{color:#3bafda}:host[theme=secondary][color=pulse] i{color:#3bafda}:host[theme=secondary][color=fastFind]{color:#0d2d42}:host[theme=secondary][color=fastFind] i{color:#0d2d42}:host[theme=secondary][color=toast]{color:#0d2d42}:host[theme=secondary][color=toast] i{color:#0d2d42}:host[theme=secondary][color=company]{color:#39d}:host[theme=secondary][color=company] i{color:#39d}:host[theme=secondary][color=candidate]{color:#4b7}:host[theme=secondary][color=candidate] i{color:#4b7}:host[theme=secondary][color=lead]{color:#a69}:host[theme=secondary][color=lead] i{color:#a69}:host[theme=secondary][color=contact]{color:#fa4}:host[theme=secondary][color=contact] i{color:#fa4}:host[theme=secondary][color=clientcontact]{color:#fa4}:host[theme=secondary][color=clientcontact] i{color:#fa4}:host[theme=secondary][color=opportunity]{color:#625}:host[theme=secondary][color=opportunity] i{color:#625}:host[theme=secondary][color=job]{color:#b56}:host[theme=secondary][color=job] i{color:#b56}:host[theme=secondary][color=joborder]{color:#b56}:host[theme=secondary][color=joborder] i{color:#b56}:host[theme=secondary][color=submission]{color:#a9adbb}:host[theme=secondary][color=submission] i{color:#a9adbb}:host[theme=secondary][color=sendout]{color:#747884}:host[theme=secondary][color=sendout] i{color:#747884}:host[theme=secondary][color=placement]{color:#0b344f}:host[theme=secondary][color=placement] i{color:#0b344f}:host[theme=secondary][color=note]{color:#747884}:host[theme=secondary][color=note] i{color:#747884}:host[theme=secondary][color=contract]{color:#454ea0}:host[theme=secondary][color=contract] i{color:#454ea0}:host[theme=secondary][color=task]{color:#4f5361}:host[theme=secondary][color=task] i{color:#4f5361}:host[theme=secondary][color=jobCode]{color:#696d79}:host[theme=secondary][color=jobCode] i{color:#696d79}:host[theme=secondary][color=earnCode]{color:#696d79}:host[theme=secondary][color=earnCode] i{color:#696d79}:host[theme=secondary][color=invoiceStatement]{color:#696d79}:host[theme=secondary][color=invoiceStatement] i{color:#696d79}:host[theme=secondary][color=billableCharge]{color:#696d79}:host[theme=secondary][color=billableCharge] i{color:#696d79}:host[theme=secondary][color=payableCharge]{color:#696d79}:host[theme=secondary][color=payableCharge] i{color:#696d79}:host[theme=secondary][color=user]{color:#696d79}:host[theme=secondary][color=user] i{color:#696d79}:host[theme=secondary][color=corporateUser]{color:#696d79}:host[theme=secondary][color=corporateUser] i{color:#696d79}:host[theme=secondary][color=distributionList]{color:#696d79}:host[theme=secondary][color=distributionList] i{color:#696d79}:host[theme=secondary][color=credential]{color:#696d79}:host[theme=secondary][color=credential] i{color:#696d79}:host[theme=secondary][color=person]{color:#696d79}:host[theme=secondary][color=person] i{color:#696d79}:host[theme=secondary][color=border-default]{border:1px solid #dbdbdb}:host[theme=secondary][color=black]{border:1px solid #000}:host[theme=secondary][color=white]{border:1px solid #fff}:host[theme=secondary][color=gray]{border:1px solid #9e9e9e}:host[theme=secondary][color=grey]{border:1px solid #9e9e9e}:host[theme=secondary][color=offWhite]{border:1px solid #f7f7f7}:host[theme=secondary][color=bright]{border:1px solid #f7f7f7}:host[theme=secondary][color=light]{border:1px solid #dbdbdb}:host[theme=secondary][color=neutral]{border:1px solid #4f5361}:host[theme=secondary][color=dark]{border:1px solid #3d464d}:host[theme=secondary][color=orange]{border:1px solid #ff6900}:host[theme=secondary][color=navigation]{border:1px solid #202945}:host[theme=secondary][color=skyBlue]{border:1px solid #009bdf}:host[theme=secondary][color=steel]{border:1px solid #5b6770}:host[theme=secondary][color=metal]{border:1px solid #637893}:host[theme=secondary][color=sand]{border:1px solid #f4f4f4}:host[theme=secondary][color=silver]{border:1px solid #e2e2e2}:host[theme=secondary][color=stone]{border:1px solid #bebebe}:host[theme=secondary][color=ash]{border:1px solid #a0a0a0}:host[theme=secondary][color=anonymous]{border:1px solid #696d79}:host[theme=secondary][color=slate]{border:1px solid #707070}:host[theme=secondary][color=onyx]{border:1px solid #526980}:host[theme=secondary][color=charcoal]{border:1px solid #282828}:host[theme=secondary][color=moonlight]{border:1px solid #1a242f}:host[theme=secondary][color=midnight]{border:1px solid #202945}:host[theme=secondary][color=darkness]{border:1px solid #161f27}:host[theme=secondary][color=navy]{border:1px solid #0d2d42}:host[theme=secondary][color=aqua]{border:1px solid #3bafda}:host[theme=secondary][color=ocean]{border:1px solid #4a89dc}:host[theme=secondary][color=mint]{border:1px solid #37bc9b}:host[theme=secondary][color=grass]{border:1px solid #8cc152}:host[theme=secondary][color=sunflower]{border:1px solid #f6b042}:host[theme=secondary][color=bittersweet]{border:1px solid #eb6845}:host[theme=secondary][color=grapefruit]{border:1px solid #da4453}:host[theme=secondary][color=carnation]{border:1px solid #d770ad}:host[theme=secondary][color=lavender]{border:1px solid #967adc}:host[theme=secondary][color=mountain]{border:1px solid #9678b6}:host[theme=secondary][color=info]{border:1px solid #4a89dc}:host[theme=secondary][color=positive]{border:1px solid #4a89dc}:host[theme=secondary][color=success]{border:1px solid #8cc152}:host[theme=secondary][color=negative]{border:1px solid #da4453}:host[theme=secondary][color=danger]{border:1px solid #da4453}:host[theme=secondary][color=error]{border:1px solid #da4453}:host[theme=secondary][color=warning]{border:1px solid #f6b042}:host[theme=secondary][color=empty]{border:1px solid #cccdcc}:host[theme=secondary][color=disabled]{border:1px solid #bebebe}:host[theme=secondary][color=background]{border:1px solid #f7f7f7}:host[theme=secondary][color=backgroundDark]{border:1px solid #e2e2e2}:host[theme=secondary][color=border]{border:1px solid #dbdbdb}:host[theme=secondary][color=border2]{border:1px solid #f7f7f7}:host[theme=secondary][color=text]{border:1px solid #282828}:host[theme=secondary][color=presentation]{border:1px solid #5b6770}:host[theme=secondary][color=bullhorn]{border:1px solid #ff6900}:host[theme=secondary][color=pulse]{border:1px solid #3bafda}:host[theme=secondary][color=fastFind]{border:1px solid #0d2d42}:host[theme=secondary][color=toast]{border:1px solid #0d2d42}:host[theme=secondary][color=company]{border:1px solid #3399dd}:host[theme=secondary][color=candidate]{border:1px solid #44bb77}:host[theme=secondary][color=lead]{border:1px solid #aa6699}:host[theme=secondary][color=contact]{border:1px solid #ffaa44}:host[theme=secondary][color=clientcontact]{border:1px solid #ffaa44}:host[theme=secondary][color=opportunity]{border:1px solid #662255}:host[theme=secondary][color=job]{border:1px solid #bb5566}:host[theme=secondary][color=joborder]{border:1px solid #bb5566}:host[theme=secondary][color=submission]{border:1px solid #a9adbb}:host[theme=secondary][color=sendout]{border:1px solid #747884}:host[theme=secondary][color=placement]{border:1px solid #0b344f}:host[theme=secondary][color=note]{border:1px solid #747884}:host[theme=secondary][color=contract]{border:1px solid #454ea0}:host[theme=secondary][color=task]{border:1px solid #4f5361}:host[theme=secondary][color=jobCode]{border:1px solid #696d79}:host[theme=secondary][color=earnCode]{border:1px solid #696d79}:host[theme=secondary][color=invoiceStatement]{border:1px solid #696d79}:host[theme=secondary][color=billableCharge]{border:1px solid #696d79}:host[theme=secondary][color=payableCharge]{border:1px solid #696d79}:host[theme=secondary][color=user]{border:1px solid #696d79}:host[theme=secondary][color=corporateUser]{border:1px solid #696d79}:host[theme=secondary][color=distributionList]{border:1px solid #696d79}:host[theme=secondary][color=credential]{border:1px solid #696d79}:host[theme=secondary][color=person]{border:1px solid #696d79}:host[theme=secondary] i.loading{margin-left:.8rem}:host[theme=secondary] i.loading svg .spinner{fill:var(--color-positive)}:host[theme=secondary]:hover,:host[theme=secondary]:focus{box-shadow:var(--shadow-2),var(--shadow-1);background:#fff}:host[theme=secondary]:active{box-shadow:var(--shadow-1)}:host[theme=secondary][inverse]{background:#00000040;color:var(--color-contrast-positive);border:1px solid var(--color-contrast-positive)}:host[theme=secondary][inverse]:hover,:host[theme=secondary][inverse]:focus{background:#00000059}:host[theme=secondary][inverse]:active{background:#00000073}:host[theme=secondary][inverse] i.loading svg .spinner{fill:#fff}\n", ":host[theme=fab]{border-radius:50%!important;padding:0;font-size:var(--font-size-sm);width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center}:host[theme=fab][color=border-default]{background:#dbdbdb}:host[theme=fab][color=black]{color:var(--color-contrast-black);background:#000}:host[theme=fab][color=white]{color:var(--color-contrast-white);background:#fff}:host[theme=fab][color=gray]{color:var(--color-contrast-gray);background:#9e9e9e}:host[theme=fab][color=grey]{color:var(--color-contrast-grey);background:#9e9e9e}:host[theme=fab][color=offWhite]{color:var(--color-contrast-off-white);background:#f7f7f7}:host[theme=fab][color=bright]{color:var(--color-contrast-bright);background:#f7f7f7}:host[theme=fab][color=light]{color:var(--color-contrast-light);background:#dbdbdb}:host[theme=fab][color=neutral]{color:var(--color-contrast-neutral);background:#4f5361}:host[theme=fab][color=dark]{color:var(--color-contrast-dark);background:#3d464d}:host[theme=fab][color=orange]{color:var(--color-contrast-orange);background:#ff6900}:host[theme=fab][color=navigation]{color:var(--color-contrast-navigation);background:#202945}:host[theme=fab][color=skyBlue]{color:var(--color-contrast-sky-blue);background:#009bdf}:host[theme=fab][color=steel]{color:var(--color-contrast-steel);background:#5b6770}:host[theme=fab][color=metal]{color:var(--color-contrast-metal);background:#637893}:host[theme=fab][color=sand]{color:var(--color-contrast-sand);background:#f4f4f4}:host[theme=fab][color=silver]{color:var(--color-contrast-silver);background:#e2e2e2}:host[theme=fab][color=stone]{color:var(--color-contrast-stone);background:#bebebe}:host[theme=fab][color=ash]{color:var(--color-contrast-ash);background:#a0a0a0}:host[theme=fab][color=anonymous]{color:var(--color-contrast-anonymous);background:#696d79}:host[theme=fab][color=slate]{color:var(--color-contrast-slate);background:#707070}:host[theme=fab][color=onyx]{color:var(--color-contrast-onyx);background:#526980}:host[theme=fab][color=charcoal]{color:var(--color-contrast-charcoal);background:#282828}:host[theme=fab][color=moonlight]{color:var(--color-contrast-moonlight);background:#1a242f}:host[theme=fab][color=midnight]{color:var(--color-contrast-midnight);background:#202945}:host[theme=fab][color=darkness]{color:var(--color-contrast-darkness);background:#161f27}:host[theme=fab][color=navy]{color:var(--color-contrast-navy);background:#0d2d42}:host[theme=fab][color=aqua]{color:var(--color-contrast-aqua);background:#3bafda}:host[theme=fab][color=ocean]{color:var(--color-contrast-ocean);background:#4a89dc}:host[theme=fab][color=mint]{color:var(--color-contrast-mint);background:#37bc9b}:host[theme=fab][color=grass]{color:var(--color-contrast-grass);background:#8cc152}:host[theme=fab][color=sunflower]{color:var(--color-contrast-sunflower);background:#f6b042}:host[theme=fab][color=bittersweet]{color:var(--color-contrast-bittersweet);background:#eb6845}:host[theme=fab][color=grapefruit]{color:var(--color-contrast-grapefruit);background:#da4453}:host[theme=fab][color=carnation]{color:var(--color-contrast-carnation);background:#d770ad}:host[theme=fab][color=lavender]{color:var(--color-contrast-lavender);background:#967adc}:host[theme=fab][color=mountain]{color:var(--color-contrast-mountain);background:#9678b6}:host[theme=fab][color=info]{color:var(--color-contrast-info);background:#4a89dc}:host[theme=fab][color=positive]{color:var(--color-contrast-positive);background:#4a89dc}:host[theme=fab][color=success]{color:var(--color-contrast-success);background:#8cc152}:host[theme=fab][color=negative]{color:var(--color-contrast-negative);background:#da4453}:host[theme=fab][color=danger]{color:var(--color-contrast-danger);background:#da4453}:host[theme=fab][color=error]{color:var(--color-contrast-error);background:#da4453}:host[theme=fab][color=warning]{color:var(--color-contrast-warning);background:#f6b042}:host[theme=fab][color=empty]{color:var(--color-contrast-empty);background:#cccdcc}:host[theme=fab][color=disabled]{color:var(--color-contrast-disabled);background:#bebebe}:host[theme=fab][color=background]{color:var(--color-contrast-background);background:#f7f7f7}:host[theme=fab][color=backgroundDark]{color:var(--color-contrast-background-dark);background:#e2e2e2}:host[theme=fab][color=border]{color:var(--color-contrast-border);background:#dbdbdb}:host[theme=fab][color=border2]{color:var(--color-contrast-border2);background:#f7f7f7}:host[theme=fab][color=text]{color:var(--color-contrast-text);background:#282828}:host[theme=fab][color=presentation]{color:var(--color-contrast-presentation);background:#5b6770}:host[theme=fab][color=bullhorn]{color:var(--color-contrast-bullhorn);background:#ff6900}:host[theme=fab][color=pulse]{color:var(--color-contrast-pulse);background:#3bafda}:host[theme=fab][color=fastFind]{color:var(--color-contrast-fast-find);background:#0d2d42}:host[theme=fab][color=toast]{color:var(--color-contrast-toast);background:#0d2d42}:host[theme=fab][color=company]{color:var(--color-contrast-company);background:#39d}:host[theme=fab][color=candidate]{color:var(--color-contrast-candidate);background:#4b7}:host[theme=fab][color=lead]{color:var(--color-contrast-lead);background:#a69}:host[theme=fab][color=contact]{color:var(--color-contrast-contact);background:#fa4}:host[theme=fab][color=clientcontact]{color:var(--color-contrast-clientcontact);background:#fa4}:host[theme=fab][color=opportunity]{color:var(--color-contrast-opportunity);background:#625}:host[theme=fab][color=job]{color:var(--color-contrast-job);background:#b56}:host[theme=fab][color=joborder]{color:var(--color-contrast-joborder);background:#b56}:host[theme=fab][color=submission]{color:var(--color-contrast-submission);background:#a9adbb}:host[theme=fab][color=sendout]{color:var(--color-contrast-sendout);background:#747884}:host[theme=fab][color=placement]{color:var(--color-contrast-placement);background:#0b344f}:host[theme=fab][color=note]{color:var(--color-contrast-note);background:#747884}:host[theme=fab][color=contract]{color:var(--color-contrast-contract);background:#454ea0}:host[theme=fab][color=task]{color:var(--color-contrast-task);background:#4f5361}:host[theme=fab][color=jobCode]{color:var(--color-contrast-job-code);background:#696d79}:host[theme=fab][color=earnCode]{color:var(--color-contrast-earn-code);background:#696d79}:host[theme=fab][color=invoiceStatement]{color:var(--color-contrast-invoice-statement);background:#696d79}:host[theme=fab][color=billableCharge]{color:var(--color-contrast-billable-charge);background:#696d79}:host[theme=fab][color=payableCharge]{color:var(--color-contrast-payable-charge);background:#696d79}:host[theme=fab][color=user]{color:var(--color-contrast-user);background:#696d79}:host[theme=fab][color=corporateUser]{color:var(--color-contrast-corporate-user);background:#696d79}:host[theme=fab][color=distributionList]{color:var(--color-contrast-distribution-list);background:#696d79}:host[theme=fab][color=credential]{color:var(--color-contrast-credential);background:#696d79}:host[theme=fab][color=person]{color:var(--color-contrast-person);background:#696d79}:host[theme=fab][inverse]{color:#fff}:host[theme=fab]:focus,:host[theme=fab]:hover{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab]:active{box-shadow:0 1px 2px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[theme=fab] .button-contents{display:contents}:host[theme=fab] i{margin:0;padding:0}:host[theme=fab] i:before{display:block}\n", ":host[theme=icon]{padding:var(--spacing-sm);font-size:1.4rem;height:2.4rem}:host[theme=icon][color=border-default]{color:#dbdbdb}:host[theme=icon][color=border-default] i{color:#dbdbdb}:host[theme=icon][color=black]{color:#000}:host[theme=icon][color=black] i{color:#000}:host[theme=icon][color=white]{color:#fff}:host[theme=icon][color=white] i{color:#fff}:host[theme=icon][color=gray]{color:#9e9e9e}:host[theme=icon][color=gray] i{color:#9e9e9e}:host[theme=icon][color=grey]{color:#9e9e9e}:host[theme=icon][color=grey] i{color:#9e9e9e}:host[theme=icon][color=offWhite]{color:#f7f7f7}:host[theme=icon][color=offWhite] i{color:#f7f7f7}:host[theme=icon][color=bright]{color:#f7f7f7}:host[theme=icon][color=bright] i{color:#f7f7f7}:host[theme=icon][color=light]{color:#dbdbdb}:host[theme=icon][color=light] i{color:#dbdbdb}:host[theme=icon][color=neutral]{color:#4f5361}:host[theme=icon][color=neutral] i{color:#4f5361}:host[theme=icon][color=dark]{color:#3d464d}:host[theme=icon][color=dark] i{color:#3d464d}:host[theme=icon][color=orange]{color:#ff6900}:host[theme=icon][color=orange] i{color:#ff6900}:host[theme=icon][color=navigation]{color:#202945}:host[theme=icon][color=navigation] i{color:#202945}:host[theme=icon][color=skyBlue]{color:#009bdf}:host[theme=icon][color=skyBlue] i{color:#009bdf}:host[theme=icon][color=steel]{color:#5b6770}:host[theme=icon][color=steel] i{color:#5b6770}:host[theme=icon][color=metal]{color:#637893}:host[theme=icon][color=metal] i{color:#637893}:host[theme=icon][color=sand]{color:#f4f4f4}:host[theme=icon][color=sand] i{color:#f4f4f4}:host[theme=icon][color=silver]{color:#e2e2e2}:host[theme=icon][color=silver] i{color:#e2e2e2}:host[theme=icon][color=stone]{color:#bebebe}:host[theme=icon][color=stone] i{color:#bebebe}:host[theme=icon][color=ash]{color:#a0a0a0}:host[theme=icon][color=ash] i{color:#a0a0a0}:host[theme=icon][color=anonymous]{color:#696d79}:host[theme=icon][color=anonymous] i{color:#696d79}:host[theme=icon][color=slate]{color:#707070}:host[theme=icon][color=slate] i{color:#707070}:host[theme=icon][color=onyx]{color:#526980}:host[theme=icon][color=onyx] i{color:#526980}:host[theme=icon][color=charcoal]{color:#282828}:host[theme=icon][color=charcoal] i{color:#282828}:host[theme=icon][color=moonlight]{color:#1a242f}:host[theme=icon][color=moonlight] i{color:#1a242f}:host[theme=icon][color=midnight]{color:#202945}:host[theme=icon][color=midnight] i{color:#202945}:host[theme=icon][color=darkness]{color:#161f27}:host[theme=icon][color=darkness] i{color:#161f27}:host[theme=icon][color=navy]{color:#0d2d42}:host[theme=icon][color=navy] i{color:#0d2d42}:host[theme=icon][color=aqua]{color:#3bafda}:host[theme=icon][color=aqua] i{color:#3bafda}:host[theme=icon][color=ocean]{color:#4a89dc}:host[theme=icon][color=ocean] i{color:#4a89dc}:host[theme=icon][color=mint]{color:#37bc9b}:host[theme=icon][color=mint] i{color:#37bc9b}:host[theme=icon][color=grass]{color:#8cc152}:host[theme=icon][color=grass] i{color:#8cc152}:host[theme=icon][color=sunflower]{color:#f6b042}:host[theme=icon][color=sunflower] i{color:#f6b042}:host[theme=icon][color=bittersweet]{color:#eb6845}:host[theme=icon][color=bittersweet] i{color:#eb6845}:host[theme=icon][color=grapefruit]{color:#da4453}:host[theme=icon][color=grapefruit] i{color:#da4453}:host[theme=icon][color=carnation]{color:#d770ad}:host[theme=icon][color=carnation] i{color:#d770ad}:host[theme=icon][color=lavender]{color:#967adc}:host[theme=icon][color=lavender] i{color:#967adc}:host[theme=icon][color=mountain]{color:#9678b6}:host[theme=icon][color=mountain] i{color:#9678b6}:host[theme=icon][color=info]{color:#4a89dc}:host[theme=icon][color=info] i{color:#4a89dc}:host[theme=icon][color=positive]{color:#4a89dc}:host[theme=icon][color=positive] i{color:#4a89dc}:host[theme=icon][color=success]{color:#8cc152}:host[theme=icon][color=success] i{color:#8cc152}:host[theme=icon][color=negative]{color:#da4453}:host[theme=icon][color=negative] i{color:#da4453}:host[theme=icon][color=danger]{color:#da4453}:host[theme=icon][color=danger] i{color:#da4453}:host[theme=icon][color=error]{color:#da4453}:host[theme=icon][color=error] i{color:#da4453}:host[theme=icon][color=warning]{color:#f6b042}:host[theme=icon][color=warning] i{color:#f6b042}:host[theme=icon][color=empty]{color:#cccdcc}:host[theme=icon][color=empty] i{color:#cccdcc}:host[theme=icon][color=disabled]{color:#bebebe}:host[theme=icon][color=disabled] i{color:#bebebe}:host[theme=icon][color=background]{color:#f7f7f7}:host[theme=icon][color=background] i{color:#f7f7f7}:host[theme=icon][color=backgroundDark]{color:#e2e2e2}:host[theme=icon][color=backgroundDark] i{color:#e2e2e2}:host[theme=icon][color=border]{color:#dbdbdb}:host[theme=icon][color=border] i{color:#dbdbdb}:host[theme=icon][color=border2]{color:#f7f7f7}:host[theme=icon][color=border2] i{color:#f7f7f7}:host[theme=icon][color=text]{color:#282828}:host[theme=icon][color=text] i{color:#282828}:host[theme=icon][color=presentation]{color:#5b6770}:host[theme=icon][color=presentation] i{color:#5b6770}:host[theme=icon][color=bullhorn]{color:#ff6900}:host[theme=icon][color=bullhorn] i{color:#ff6900}:host[theme=icon][color=pulse]{color:#3bafda}:host[theme=icon][color=pulse] i{color:#3bafda}:host[theme=icon][color=fastFind]{color:#0d2d42}:host[theme=icon][color=fastFind] i{color:#0d2d42}:host[theme=icon][color=toast]{color:#0d2d42}:host[theme=icon][color=toast] i{color:#0d2d42}:host[theme=icon][color=company]{color:#39d}:host[theme=icon][color=company] i{color:#39d}:host[theme=icon][color=candidate]{color:#4b7}:host[theme=icon][color=candidate] i{color:#4b7}:host[theme=icon][color=lead]{color:#a69}:host[theme=icon][color=lead] i{color:#a69}:host[theme=icon][color=contact]{color:#fa4}:host[theme=icon][color=contact] i{color:#fa4}:host[theme=icon][color=clientcontact]{color:#fa4}:host[theme=icon][color=clientcontact] i{color:#fa4}:host[theme=icon][color=opportunity]{color:#625}:host[theme=icon][color=opportunity] i{color:#625}:host[theme=icon][color=job]{color:#b56}:host[theme=icon][color=job] i{color:#b56}:host[theme=icon][color=joborder]{color:#b56}:host[theme=icon][color=joborder] i{color:#b56}:host[theme=icon][color=submission]{color:#a9adbb}:host[theme=icon][color=submission] i{color:#a9adbb}:host[theme=icon][color=sendout]{color:#747884}:host[theme=icon][color=sendout] i{color:#747884}:host[theme=icon][color=placement]{color:#0b344f}:host[theme=icon][color=placement] i{color:#0b344f}:host[theme=icon][color=note]{color:#747884}:host[theme=icon][color=note] i{color:#747884}:host[theme=icon][color=contract]{color:#454ea0}:host[theme=icon][color=contract] i{color:#454ea0}:host[theme=icon][color=task]{color:#4f5361}:host[theme=icon][color=task] i{color:#4f5361}:host[theme=icon][color=jobCode]{color:#696d79}:host[theme=icon][color=jobCode] i{color:#696d79}:host[theme=icon][color=earnCode]{color:#696d79}:host[theme=icon][color=earnCode] i{color:#696d79}:host[theme=icon][color=invoiceStatement]{color:#696d79}:host[theme=icon][color=invoiceStatement] i{color:#696d79}:host[theme=icon][color=billableCharge]{color:#696d79}:host[theme=icon][color=billableCharge] i{color:#696d79}:host[theme=icon][color=payableCharge]{color:#696d79}:host[theme=icon][color=payableCharge] i{color:#696d79}:host[theme=icon][color=user]{color:#696d79}:host[theme=icon][color=user] i{color:#696d79}:host[theme=icon][color=corporateUser]{color:#696d79}:host[theme=icon][color=corporateUser] i{color:#696d79}:host[theme=icon][color=distributionList]{color:#696d79}:host[theme=icon][color=distributionList] i{color:#696d79}:host[theme=icon][color=credential]{color:#696d79}:host[theme=icon][color=credential] i{color:#696d79}:host[theme=icon][color=person]{color:#696d79}:host[theme=icon][color=person] i{color:#696d79}:host[theme=icon][inverse]{color:var(--color-contrast-text)}:host[theme=icon] i{display:contents;margin:0!important}:host[theme=icon]:focus,:host[theme=icon]:hover{background:#0000001a}:host[theme=icon]:active{background:#00000040}:host[theme=icon] .button-contents{display:contents}:host[theme=icon][size=small]{padding:var(--spacing-sm);font-size:var(--font-size-sm);height:2rem}:host[theme=icon][size=medium]{font-size:1.6rem}:host[theme=icon][size=large]{font-size:2rem;height:2.8rem;padding:var(--spacing-md)}\n", ":host[theme=dialogue]{background:transparent;color:var(--button-color, var(--color-positive))}:host[theme=dialogue][color=border-default]{color:#dbdbdb}:host[theme=dialogue][color=border-default] i{color:#dbdbdb}:host[theme=dialogue][color=black]{color:#000}:host[theme=dialogue][color=black] i{color:#000}:host[theme=dialogue][color=white]{color:#fff}:host[theme=dialogue][color=white] i{color:#fff}:host[theme=dialogue][color=gray]{color:#9e9e9e}:host[theme=dialogue][color=gray] i{color:#9e9e9e}:host[theme=dialogue][color=grey]{color:#9e9e9e}:host[theme=dialogue][color=grey] i{color:#9e9e9e}:host[theme=dialogue][color=offWhite]{color:#f7f7f7}:host[theme=dialogue][color=offWhite] i{color:#f7f7f7}:host[theme=dialogue][color=bright]{color:#f7f7f7}:host[theme=dialogue][color=bright] i{color:#f7f7f7}:host[theme=dialogue][color=light]{color:#dbdbdb}:host[theme=dialogue][color=light] i{color:#dbdbdb}:host[theme=dialogue][color=neutral]{color:#4f5361}:host[theme=dialogue][color=neutral] i{color:#4f5361}:host[theme=dialogue][color=dark]{color:#3d464d}:host[theme=dialogue][color=dark] i{color:#3d464d}:host[theme=dialogue][color=orange]{color:#ff6900}:host[theme=dialogue][color=orange] i{color:#ff6900}:host[theme=dialogue][color=navigation]{color:#202945}:host[theme=dialogue][color=navigation] i{color:#202945}:host[theme=dialogue][color=skyBlue]{color:#009bdf}:host[theme=dialogue][color=skyBlue] i{color:#009bdf}:host[theme=dialogue][color=steel]{color:#5b6770}:host[theme=dialogue][color=steel] i{color:#5b6770}:host[theme=dialogue][color=metal]{color:#637893}:host[theme=dialogue][color=metal] i{color:#637893}:host[theme=dialogue][color=sand]{color:#f4f4f4}:host[theme=dialogue][color=sand] i{color:#f4f4f4}:host[theme=dialogue][color=silver]{color:#e2e2e2}:host[theme=dialogue][color=silver] i{color:#e2e2e2}:host[theme=dialogue][color=stone]{color:#bebebe}:host[theme=dialogue][color=stone] i{color:#bebebe}:host[theme=dialogue][color=ash]{color:#a0a0a0}:host[theme=dialogue][color=ash] i{color:#a0a0a0}:host[theme=dialogue][color=anonymous]{color:#696d79}:host[theme=dialogue][color=anonymous] i{color:#696d79}:host[theme=dialogue][color=slate]{color:#707070}:host[theme=dialogue][color=slate] i{color:#707070}:host[theme=dialogue][color=onyx]{color:#526980}:host[theme=dialogue][color=onyx] i{color:#526980}:host[theme=dialogue][color=charcoal]{color:#282828}:host[theme=dialogue][color=charcoal] i{color:#282828}:host[theme=dialogue][color=moonlight]{color:#1a242f}:host[theme=dialogue][color=moonlight] i{color:#1a242f}:host[theme=dialogue][color=midnight]{color:#202945}:host[theme=dialogue][color=midnight] i{color:#202945}:host[theme=dialogue][color=darkness]{color:#161f27}:host[theme=dialogue][color=darkness] i{color:#161f27}:host[theme=dialogue][color=navy]{color:#0d2d42}:host[theme=dialogue][color=navy] i{color:#0d2d42}:host[theme=dialogue][color=aqua]{color:#3bafda}:host[theme=dialogue][color=aqua] i{color:#3bafda}:host[theme=dialogue][color=ocean]{color:#4a89dc}:host[theme=dialogue][color=ocean] i{color:#4a89dc}:host[theme=dialogue][color=mint]{color:#37bc9b}:host[theme=dialogue][color=mint] i{color:#37bc9b}:host[theme=dialogue][color=grass]{color:#8cc152}:host[theme=dialogue][color=grass] i{color:#8cc152}:host[theme=dialogue][color=sunflower]{color:#f6b042}:host[theme=dialogue][color=sunflower] i{color:#f6b042}:host[theme=dialogue][color=bittersweet]{color:#eb6845}:host[theme=dialogue][color=bittersweet] i{color:#eb6845}:host[theme=dialogue][color=grapefruit]{color:#da4453}:host[theme=dialogue][color=grapefruit] i{color:#da4453}:host[theme=dialogue][color=carnation]{color:#d770ad}:host[theme=dialogue][color=carnation] i{color:#d770ad}:host[theme=dialogue][color=lavender]{color:#967adc}:host[theme=dialogue][color=lavender] i{color:#967adc}:host[theme=dialogue][color=mountain]{color:#9678b6}:host[theme=dialogue][color=mountain] i{color:#9678b6}:host[theme=dialogue][color=info]{color:#4a89dc}:host[theme=dialogue][color=info] i{color:#4a89dc}:host[theme=dialogue][color=positive]{color:#4a89dc}:host[theme=dialogue][color=positive] i{color:#4a89dc}:host[theme=dialogue][color=success]{color:#8cc152}:host[theme=dialogue][color=success] i{color:#8cc152}:host[theme=dialogue][color=negative]{color:#da4453}:host[theme=dialogue][color=negative] i{color:#da4453}:host[theme=dialogue][color=danger]{color:#da4453}:host[theme=dialogue][color=danger] i{color:#da4453}:host[theme=dialogue][color=error]{color:#da4453}:host[theme=dialogue][color=error] i{color:#da4453}:host[theme=dialogue][color=warning]{color:#f6b042}:host[theme=dialogue][color=warning] i{color:#f6b042}:host[theme=dialogue][color=empty]{color:#cccdcc}:host[theme=dialogue][color=empty] i{color:#cccdcc}:host[theme=dialogue][color=disabled]{color:#bebebe}:host[theme=dialogue][color=disabled] i{color:#bebebe}:host[theme=dialogue][color=background]{color:#f7f7f7}:host[theme=dialogue][color=background] i{color:#f7f7f7}:host[theme=dialogue][color=backgroundDark]{color:#e2e2e2}:host[theme=dialogue][color=backgroundDark] i{color:#e2e2e2}:host[theme=dialogue][color=border]{color:#dbdbdb}:host[theme=dialogue][color=border] i{color:#dbdbdb}:host[theme=dialogue][color=border2]{color:#f7f7f7}:host[theme=dialogue][color=border2] i{color:#f7f7f7}:host[theme=dialogue][color=text]{color:#282828}:host[theme=dialogue][color=text] i{color:#282828}:host[theme=dialogue][color=presentation]{color:#5b6770}:host[theme=dialogue][color=presentation] i{color:#5b6770}:host[theme=dialogue][color=bullhorn]{color:#ff6900}:host[theme=dialogue][color=bullhorn] i{color:#ff6900}:host[theme=dialogue][color=pulse]{color:#3bafda}:host[theme=dialogue][color=pulse] i{color:#3bafda}:host[theme=dialogue][color=fastFind]{color:#0d2d42}:host[theme=dialogue][color=fastFind] i{color:#0d2d42}:host[theme=dialogue][color=toast]{color:#0d2d42}:host[theme=dialogue][color=toast] i{color:#0d2d42}:host[theme=dialogue][color=company]{color:#39d}:host[theme=dialogue][color=company] i{color:#39d}:host[theme=dialogue][color=candidate]{color:#4b7}:host[theme=dialogue][color=candidate] i{color:#4b7}:host[theme=dialogue][color=lead]{color:#a69}:host[theme=dialogue][color=lead] i{color:#a69}:host[theme=dialogue][color=contact]{color:#fa4}:host[theme=dialogue][color=contact] i{color:#fa4}:host[theme=dialogue][color=clientcontact]{color:#fa4}:host[theme=dialogue][color=clientcontact] i{color:#fa4}:host[theme=dialogue][color=opportunity]{color:#625}:host[theme=dialogue][color=opportunity] i{color:#625}:host[theme=dialogue][color=job]{color:#b56}:host[theme=dialogue][color=job] i{color:#b56}:host[theme=dialogue][color=joborder]{color:#b56}:host[theme=dialogue][color=joborder] i{color:#b56}:host[theme=dialogue][color=submission]{color:#a9adbb}:host[theme=dialogue][color=submission] i{color:#a9adbb}:host[theme=dialogue][color=sendout]{color:#747884}:host[theme=dialogue][color=sendout] i{color:#747884}:host[theme=dialogue][color=placement]{color:#0b344f}:host[theme=dialogue][color=placement] i{color:#0b344f}:host[theme=dialogue][color=note]{color:#747884}:host[theme=dialogue][color=note] i{color:#747884}:host[theme=dialogue][color=contract]{color:#454ea0}:host[theme=dialogue][color=contract] i{color:#454ea0}:host[theme=dialogue][color=task]{color:#4f5361}:host[theme=dialogue][color=task] i{color:#4f5361}:host[theme=dialogue][color=jobCode]{color:#696d79}:host[theme=dialogue][color=jobCode] i{color:#696d79}:host[theme=dialogue][color=earnCode]{color:#696d79}:host[theme=dialogue][color=earnCode] i{color:#696d79}:host[theme=dialogue][color=invoiceStatement]{color:#696d79}:host[theme=dialogue][color=invoiceStatement] i{color:#696d79}:host[theme=dialogue][color=billableCharge]{color:#696d79}:host[theme=dialogue][color=billableCharge] i{color:#696d79}:host[theme=dialogue][color=payableCharge]{color:#696d79}:host[theme=dialogue][color=payableCharge] i{color:#696d79}:host[theme=dialogue][color=user]{color:#696d79}:host[theme=dialogue][color=user] i{color:#696d79}:host[theme=dialogue][color=corporateUser]{color:#696d79}:host[theme=dialogue][color=corporateUser] i{color:#696d79}:host[theme=dialogue][color=distributionList]{color:#696d79}:host[theme=dialogue][color=distributionList] i{color:#696d79}:host[theme=dialogue][color=credential]{color:#696d79}:host[theme=dialogue][color=credential] i{color:#696d79}:host[theme=dialogue][color=person]{color:#696d79}:host[theme=dialogue][color=person] i{color:#696d79}:host[theme=dialogue] i{line-height:1.2}:host[theme=dialogue][color=text]{color:inherit}:host[theme=dialogue]:hover,:host[theme=dialogue]:focus,:host[theme=dialogue]:active{background:var(--background-muted)}:host[theme=dialogue][inverse]:hover,:host[theme=dialogue][inverse]:focus{background:#0003}:host[theme=dialogue][inverse]:active{background:#00000059}\n", ":host[theme=field]{background:transparent;color:var(--font-color-base);border:none;border-radius:0;border-bottom:1px solid var(--border);margin-bottom:4px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);height:1.8rem;text-align:left}:host[theme=field]:hover,:host[theme=field]:focus,:host[theme=field]:active{border-bottom:1px solid var(--selection)}:host[theme=select]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text-main);padding:0 2px 0 0;height:2rem;min-height:2rem;position:relative;text-align:left;text-shadow:none;width:100%;z-index:1;text-transform:none;font-size:var(--font-size-sm);height:1.8rem}:host[theme=select].empty{color:var(--text-muted)}:host[theme=select]:focus,:host[theme=select]:hover{outline:none}:host[theme=select]:hover{border-bottom:1px solid hsl(from var(--color-dark) h s calc(l + 15))}:host[theme=select]:hover i{opacity:.75}:host[theme=select]:focus{border-bottom:1px solid var(--selection)}:host[theme=select]:focus i{color:#000000ba}:host[theme=select] i{font-size:.8rem;color:var(--text-main);opacity:.45}\n"] }]
|
|
166
166
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { color: [{
|
|
167
167
|
type: Input
|
|
168
168
|
}], side: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"novo-elements-elements-button.mjs","sources":["../../../projects/novo-elements/src/elements/button/Button.ts","../../../projects/novo-elements/src/elements/button/Button.module.ts","../../../projects/novo-elements/src/elements/button/novo-elements-elements-button.ts"],"sourcesContent":["// NG2\nimport {\n ChangeDetectionStrategy,\n Component, computed,\n ElementRef,\n HostBinding,\n HostListener,\n Input,\n OnChanges, signal, Signal,\n SimpleChanges, WritableSignal,\n} from '@angular/core';\nimport { BooleanInput, Helpers, Key } from 'novo-elements/utils';\n\n@Component({\n selector: 'novo-button,button[theme]',\n host: {\n class: 'novo-button',\n '[attr.theme]': 'theme',\n '[attr.color]': 'color',\n '[attr.icon]': 'icon',\n '[attr.loading]': 'loading',\n '[attr.side]': 'side',\n '[attr.size]': 'size',\n '[attr.role]': \"'button'\",\n },\n styleUrls: [\n './styles/button.scss',\n './styles/button-standard.scss',\n './styles/button-primary.scss',\n './styles/button-secondary.scss',\n './styles/button-fab.scss',\n './styles/button-icon.scss',\n './styles/button-dialogue.scss',\n './styles/button-other.scss',\n ],\n template: `\n <!--Left Icon-->\n <i *ngIf=\"((icon && side === 'left') || (secondIcon && secondSide() === 'left')) && !loading\" [ngClass]=\"leftSideIconClass()\" class=\"novo-button-icon novo-button-icon-left\"></i>\n <!--Transcluded Content-->\n <span #textContent class=\"button-contents\"><ng-content></ng-content></span>\n <!--Right Icon-->\n <i *ngIf=\"((icon && side === 'right') || (secondIcon && secondSide() === 'right')) && !loading\" [ngClass]=\"rightSideIconClass()\" class=\"novo-button-icon novo-button-icon-right\"></i>\n <!--Loading-->\n <i *ngIf=\"loading\" class=\"loading novo-button-loading\">\n <svg\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n xmlns:a=\"http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/\"\n x=\"0px\"\n y=\"0px\"\n width=\"18.2px\"\n height=\"18.5px\"\n viewBox=\"0 0 18.2 18.5\"\n style=\"enable-background:new 0 0 18.2 18.5;\"\n xml:space=\"preserve\"\n >\n <style type=\"text/css\">\n .spinner {\n fill: #ffffff;\n }\n </style>\n <path\n class=\"spinner\"\n d=\"M9.2,18.5C4.1,18.5,0,14.4,0,9.2S4.1,0,9.2,0c0.9,0,1.9,0.1,2.7,0.4c0.8,0.2,1.2,1.1,1,1.9\n c-0.2,0.8-1.1,1.2-1.9,1C10.5,3.1,9.9,3,9.2,3C5.8,3,3,5.8,3,9.2s2.8,6.2,6.2,6.2c2.8,0,5.3-1.9,6-4.7c0.2-0.8,1-1.3,1.8-1.1\n c0.8,0.2,1.3,1,1.1,1.8C17.1,15.7,13.4,18.5,9.2,18.5z\"\n />\n </svg>\n </i>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class NovoButtonElement implements OnChanges {\n /**\n * The text color of the button. Should be used for Icon buttons. see theme.\n */\n @Input() color: string;\n /**\n * The side of the button to display the icon.\n */\n @Input() side: string = 'right';\n /**\n * If a second icon is specified it will default to the opposite side as the primary icon.\n */\n secondSide: Signal<string> = computed(() => this.side === 'right' ? 'left' : 'right')\n /**\n * \tSets the size of the button. One of: sm, lg\n */\n @Input() size: string;\n /**\n * The base styling to apply to the button.\n */\n @Input() theme: string = 'dialogue';\n /**\n * Conditionally show a spinner over the top of a button.\n */\n @Input() loading: boolean;\n /**\n * Optionally display `bullhorn-icon` with the button along with the text.\n */\n @Input()\n set icon(icon: string) {\n if (icon) {\n this._icon.set(`bhi-${icon}`);\n }\n }\n get icon(): string {\n return this._icon();\n }\n\n /**\n * A second icon can be specified, and it will take the opposite side of the primary icon.\n */\n @Input()\n set secondIcon(icon: string) {\n if (icon) {\n this._secondIcon.set(`bhi-${icon}`);\n }\n }\n get secondIcon(): string {\n return this._secondIcon();\n }\n\n leftSideIconClass: Signal<string> = computed(() => this.side === 'left' ? this._icon() : this._secondIcon());\n\n rightSideIconClass: Signal<string> = computed(() => this.side === 'right' ? this._icon() : this._secondIcon());\n\n /**\n * Make the button non-interactive.\n */\n @Input()\n @BooleanInput()\n @HostBinding('class.novo-button-disabled')\n disabled: boolean = false;\n\n @HostBinding('attr.disabled')\n disabledAttr: undefined | '' = undefined;\n\n private _icon: WritableSignal<string> = signal(undefined);\n\n private _secondIcon: WritableSignal<string> = signal(undefined);\n\n constructor(public element: ElementRef) {}\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.disabled && this.element.nativeElement.tagName === 'BUTTON') {\n this.disabledAttr = changes.disabled.currentValue ? '' : undefined;\n }\n }\n\n @HostListener('keydown', ['$event'])\n handleKeydown(event: KeyboardEvent) {\n if ((Key.Enter === event.key || Key.Space === event.key) && (this.disabled || this.loading)) {\n Helpers.swallowEvent(event);\n }\n }\n\n /** Focuses the input. */\n focus(options?: FocusOptions): void {\n this.element.nativeElement.focus(options);\n }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoButtonElement } from './Button';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [NovoButtonElement],\n exports: [NovoButtonElement],\n})\nexport class NovoButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MA0Ea,iBAAiB,CAAA;AAyB5B;;AAEG;IACH,IACI,IAAI,CAAC,IAAY,EAAA;QACnB,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA,IAAA,EAAO,IAAI,CAAA,CAAE,CAAC;QAC/B;IACF;AACA,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE;IACrB;AAEA;;AAEG;IACH,IACI,UAAU,CAAC,IAAY,EAAA;QACzB,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA,IAAA,EAAO,IAAI,CAAA,CAAE,CAAC;QACrC;IACF;AACA,IAAA,IAAI,UAAU,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,WAAW,EAAE;IAC3B;AAqBA,IAAA,WAAA,CAAmB,OAAmB,EAAA;QAAnB,IAAA,CAAA,OAAO,GAAP,OAAO;AAjE1B;;AAEG;QACM,IAAA,CAAA,IAAI,GAAW,OAAO;AAC/B;;AAEG;QACH,IAAA,CAAA,UAAU,GAAmB,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,sDAAC;AAKrF;;AAEG;QACM,IAAA,CAAA,KAAK,GAAW,UAAU;QA+BnC,IAAA,CAAA,iBAAiB,GAAmB,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;QAE5G,IAAA,CAAA,kBAAkB,GAAmB,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,KAAK,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,oBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAE9G;;AAEG;QAIH,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,YAAY,GAAmB,SAAS;AAEhC,QAAA,IAAA,CAAA,KAAK,GAA2B,MAAM,CAAC,SAAS,iDAAC;AAEjD,QAAA,IAAA,CAAA,WAAW,GAA2B,MAAM,CAAC,SAAS,uDAAC;IAEtB;AAEzC,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,KAAK,QAAQ,EAAE;AACvE,YAAA,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,YAAY,GAAG,EAAE,GAAG,SAAS;QACpE;IACF;AAGA,IAAA,aAAa,CAAC,KAAoB,EAAA;QAChC,IAAI,CAAC,4BAAc,KAAK,CAAC,GAAG,IAAI,GAAA,qBAAc,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE;AAC3F,YAAA,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC;QAC7B;IACF;;AAGA,IAAA,KAAK,CAAC,OAAsB,EAAA;QAC1B,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC;IAC3C;+GAxFW,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,uBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,OAAA,EAAA,YAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,cAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,4BAAA,EAAA,eAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAvChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCX,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0oDAAA,EAAA,glKAAA,EAAA,82KAAA,EAAA,4yZAAA,EAAA,sgKAAA,EAAA,+1OAAA,EAAA,sxPAAA,EAAA,+nCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;AAiED,UAAA,CAAA;AAFC,IAAA,YAAY,EAAE;;AAEW,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;4FA7Df,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBA7D7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,EAAA,IAAA,EAC/B;AACF,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,cAAc,EAAE,OAAO;AACvB,wBAAA,cAAc,EAAE,OAAO;AACvB,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,gBAAgB,EAAE,SAAS;AAC3B,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,aAAa,EAAE,UAAU;qBAC5B,EAAA,QAAA,EAWS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCX,EAAA,CAAA,EAAA,eAAA,EACkB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,KAAK,EAAA,MAAA,EAAA,CAAA,0oDAAA,EAAA,glKAAA,EAAA,82KAAA,EAAA,4yZAAA,EAAA,sgKAAA,EAAA,+1OAAA,EAAA,sxPAAA,EAAA,+nCAAA,CAAA,EAAA;;sBAMlB;;sBAIA;;sBAQA;;sBAIA;;sBAIA;;sBAIA;;sBAaA;;sBAiBA;;sBAEA,WAAW;uBAAC,4BAA4B;;sBAGxC,WAAW;uBAAC,eAAe;;sBAe3B,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;;;ACxJrC;MAWa,gBAAgB,CAAA;+GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,CAHZ,iBAAiB,CAAA,EAAA,OAAA,EAAA,CADtB,YAAY,aAEZ,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAEhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAJjB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAIX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC7B,iBAAA;;;ACVD;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"novo-elements-elements-button.mjs","sources":["../../../projects/novo-elements/src/elements/button/Button.ts","../../../projects/novo-elements/src/elements/button/Button.module.ts","../../../projects/novo-elements/src/elements/button/novo-elements-elements-button.ts"],"sourcesContent":["// NG2\nimport {\n ChangeDetectionStrategy,\n Component, computed,\n ElementRef,\n HostBinding,\n HostListener,\n Input,\n OnChanges, signal, Signal,\n SimpleChanges, WritableSignal,\n} from '@angular/core';\nimport { BooleanInput, Helpers, Key } from 'novo-elements/utils';\n\n@Component({\n selector: 'novo-button,button[theme]',\n host: {\n class: 'novo-button',\n '[attr.theme]': 'theme',\n '[attr.color]': 'color',\n '[attr.icon]': 'icon',\n '[attr.loading]': 'loading',\n '[attr.side]': 'side',\n '[attr.size]': 'size',\n '[attr.role]': \"'button'\",\n },\n styleUrls: [\n './styles/button.scss',\n './styles/button-standard.scss',\n './styles/button-primary.scss',\n './styles/button-secondary.scss',\n './styles/button-fab.scss',\n './styles/button-icon.scss',\n './styles/button-dialogue.scss',\n './styles/button-other.scss',\n ],\n template: `\n <!--Left Icon-->\n <i *ngIf=\"((icon && side === 'left') || (secondIcon && secondSide() === 'left')) && !loading\" [ngClass]=\"leftSideIconClass()\" class=\"novo-button-icon novo-button-icon-left\"></i>\n <!--Transcluded Content-->\n <span #textContent class=\"button-contents\"><ng-content></ng-content></span>\n <!--Right Icon-->\n <i *ngIf=\"((icon && side === 'right') || (secondIcon && secondSide() === 'right')) && !loading\" [ngClass]=\"rightSideIconClass()\" class=\"novo-button-icon novo-button-icon-right\"></i>\n <!--Loading-->\n <i *ngIf=\"loading\" class=\"loading novo-button-loading\">\n <svg\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n xmlns:a=\"http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/\"\n x=\"0px\"\n y=\"0px\"\n width=\"18.2px\"\n height=\"18.5px\"\n viewBox=\"0 0 18.2 18.5\"\n style=\"enable-background:new 0 0 18.2 18.5;\"\n xml:space=\"preserve\"\n >\n <style type=\"text/css\">\n .spinner {\n fill: #ffffff;\n }\n </style>\n <path\n class=\"spinner\"\n d=\"M9.2,18.5C4.1,18.5,0,14.4,0,9.2S4.1,0,9.2,0c0.9,0,1.9,0.1,2.7,0.4c0.8,0.2,1.2,1.1,1,1.9\n c-0.2,0.8-1.1,1.2-1.9,1C10.5,3.1,9.9,3,9.2,3C5.8,3,3,5.8,3,9.2s2.8,6.2,6.2,6.2c2.8,0,5.3-1.9,6-4.7c0.2-0.8,1-1.3,1.8-1.1\n c0.8,0.2,1.3,1,1.1,1.8C17.1,15.7,13.4,18.5,9.2,18.5z\"\n />\n </svg>\n </i>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class NovoButtonElement implements OnChanges {\n /**\n * The text color of the button. Should be used for Icon buttons. see theme.\n */\n @Input() color: string;\n /**\n * The side of the button to display the icon.\n */\n @Input() side: string = 'right';\n /**\n * If a second icon is specified it will default to the opposite side as the primary icon.\n */\n secondSide: Signal<string> = computed(() => this.side === 'right' ? 'left' : 'right')\n /**\n * \tSets the size of the button. One of: sm, lg\n */\n @Input() size: string;\n /**\n * The base styling to apply to the button.\n */\n @Input() theme: string = 'dialogue';\n /**\n * Conditionally show a spinner over the top of a button.\n */\n @Input() loading: boolean;\n /**\n * Optionally display `bullhorn-icon` with the button along with the text.\n */\n @Input()\n set icon(icon: string) {\n if (icon) {\n this._icon.set(`bhi-${icon}`);\n }\n }\n get icon(): string {\n return this._icon();\n }\n\n /**\n * A second icon can be specified, and it will take the opposite side of the primary icon.\n */\n @Input()\n set secondIcon(icon: string) {\n if (icon) {\n this._secondIcon.set(`bhi-${icon}`);\n }\n }\n get secondIcon(): string {\n return this._secondIcon();\n }\n\n leftSideIconClass: Signal<string> = computed(() => this.side === 'left' ? this._icon() : this._secondIcon());\n\n rightSideIconClass: Signal<string> = computed(() => this.side === 'right' ? this._icon() : this._secondIcon());\n\n /**\n * Make the button non-interactive.\n */\n @Input()\n @BooleanInput()\n @HostBinding('class.novo-button-disabled')\n disabled: boolean = false;\n\n @HostBinding('attr.disabled')\n disabledAttr: undefined | '' = undefined;\n\n private _icon: WritableSignal<string> = signal(undefined);\n\n private _secondIcon: WritableSignal<string> = signal(undefined);\n\n constructor(public element: ElementRef) {}\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.disabled && this.element.nativeElement.tagName === 'BUTTON') {\n this.disabledAttr = changes.disabled.currentValue ? '' : undefined;\n }\n }\n\n @HostListener('keydown', ['$event'])\n handleKeydown(event: KeyboardEvent) {\n if ((Key.Enter === event.key || Key.Space === event.key) && (this.disabled || this.loading)) {\n Helpers.swallowEvent(event);\n }\n }\n\n /** Focuses the input. */\n focus(options?: FocusOptions): void {\n this.element.nativeElement.focus(options);\n }\n}\n","// NG2\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n// APP\nimport { NovoButtonElement } from './Button';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [NovoButtonElement],\n exports: [NovoButtonElement],\n})\nexport class NovoButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MA0Ea,iBAAiB,CAAA;AAyB5B;;AAEG;IACH,IACI,IAAI,CAAC,IAAY,EAAA;QACnB,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA,IAAA,EAAO,IAAI,CAAA,CAAE,CAAC;QAC/B;IACF;AACA,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE;IACrB;AAEA;;AAEG;IACH,IACI,UAAU,CAAC,IAAY,EAAA;QACzB,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA,IAAA,EAAO,IAAI,CAAA,CAAE,CAAC;QACrC;IACF;AACA,IAAA,IAAI,UAAU,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,WAAW,EAAE;IAC3B;AAqBA,IAAA,WAAA,CAAmB,OAAmB,EAAA;QAAnB,IAAA,CAAA,OAAO,GAAP,OAAO;AAjE1B;;AAEG;QACM,IAAA,CAAA,IAAI,GAAW,OAAO;AAC/B;;AAEG;QACH,IAAA,CAAA,UAAU,GAAmB,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,sDAAC;AAKrF;;AAEG;QACM,IAAA,CAAA,KAAK,GAAW,UAAU;QA+BnC,IAAA,CAAA,iBAAiB,GAAmB,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;QAE5G,IAAA,CAAA,kBAAkB,GAAmB,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,KAAK,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,oBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAE9G;;AAEG;QAIH,IAAA,CAAA,QAAQ,GAAY,KAAK;QAGzB,IAAA,CAAA,YAAY,GAAmB,SAAS;AAEhC,QAAA,IAAA,CAAA,KAAK,GAA2B,MAAM,CAAC,SAAS,iDAAC;AAEjD,QAAA,IAAA,CAAA,WAAW,GAA2B,MAAM,CAAC,SAAS,uDAAC;IAEtB;AAEzC,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,KAAK,QAAQ,EAAE;AACvE,YAAA,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,QAAQ,CAAC,YAAY,GAAG,EAAE,GAAG,SAAS;QACpE;IACF;AAGA,IAAA,aAAa,CAAC,KAAoB,EAAA;QAChC,IAAI,CAAC,4BAAc,KAAK,CAAC,GAAG,IAAI,GAAA,qBAAc,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE;AAC3F,YAAA,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC;QAC7B;IACF;;AAGA,IAAA,KAAK,CAAC,OAAsB,EAAA;QAC1B,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC;IAC3C;+GAxFW,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,uBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,OAAA,EAAA,YAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,cAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,4BAAA,EAAA,eAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAvChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCX,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mkEAAA,EAAA,86OAAA,EAAA,+hSAAA,EAAA,8mcAAA,EAAA,01OAAA,EAAA,+kQAAA,EAAA,skRAAA,EAAA,2rCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;AAiED,UAAA,CAAA;AAFC,IAAA,YAAY,EAAE;;AAEW,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;4FA7Df,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBA7D7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,EAAA,IAAA,EAC/B;AACF,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,cAAc,EAAE,OAAO;AACvB,wBAAA,cAAc,EAAE,OAAO;AACvB,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,gBAAgB,EAAE,SAAS;AAC3B,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,aAAa,EAAE,UAAU;qBAC5B,EAAA,QAAA,EAWS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCX,EAAA,CAAA,EAAA,eAAA,EACkB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,KAAK,EAAA,MAAA,EAAA,CAAA,mkEAAA,EAAA,86OAAA,EAAA,+hSAAA,EAAA,8mcAAA,EAAA,01OAAA,EAAA,+kQAAA,EAAA,skRAAA,EAAA,2rCAAA,CAAA,EAAA;;sBAMlB;;sBAIA;;sBAQA;;sBAIA;;sBAIA;;sBAIA;;sBAaA;;sBAiBA;;sBAEA,WAAW;uBAAC,4BAA4B;;sBAGxC,WAAW;uBAAC,eAAe;;sBAe3B,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;;;ACxJrC;MAWa,gBAAgB,CAAA;+GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,CAHZ,iBAAiB,CAAA,EAAA,OAAA,EAAA,CADtB,YAAY,aAEZ,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAEhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAJjB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAIX,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC7B,iBAAA;;;ACVD;;AAEG;;;;"}
|